@charset "utf-8";
/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : 
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
margin:;
padding:;
font-family:Arial, Helvetica, sans-serif;
font: 14px;
color: #111;
font-size:;
}
html {
background:  #adadad url(images/bg2.jpg) repeat;
/* Height is 100%, so the body can be 100% */
height: 100%;
}

body {
background: url(images/bg.png) repeat-x;
margin:0;
padding: 20px 0;
/* Height is 100%, so the tiled BG will tile all the way down
 the page, not just as far down as the page’s content
 (when the content’s height is less than the window’s height) */
 height: 100%;
}
/*
Hackety-hack-hack…
FF2, with the above code, will only display the repeat-y image for as
 high as the window’s viewport is; higher content (upon
 scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6…dunno
 ’bout IE7.
*/
html>body {
 min-height: 100%;
 height: auto;
}
img{ border: none; padding: 0px; }
img a{border:none; padding: 0px; }
/* ----- IDS ----- */

#container{
width:920px;
margin: 0 auto;
padding:;
background:;
text-align:;
}
#header{
position:;
float:;
height:;
margin:;
padding:;
background:url(images/top_bg.png) top left no-repeat;
text-align:;
}
#header-title{
margin:;
padding:30px 30px 0 30px;
height: 150px;
background:;
}
#header-title-left{
margin:;
padding:;
height: ;
width: 500px;
background:;
float: left;
}
#header-title-right{
margin:;
padding:10px 0 0 0;
width: 300px;
background:;
float:right;
}
#header-title-right h2{
font-weight:bold;
font-size: 18px;
padding: 0px;
margin:0px;
color: #ccc;
}
#header-title-right p{
font-size: 13px;
color: #ccc;
padding: 0px;
margin:0px;
}
#header-nav{
margin:;
padding:20px 180px 40px 180px;
background:;
color: #efeded;
font-weight:bold;
}
#content{
position:;
float:;
width:;
margin:;
padding:20px;
background: url(images/bg_content.png) repeat;
text-align:;
}
#footer{
margin:;

}
#footer-content{
overflow: hidden;
padding:20px;
background:#232323;
}
#footer-button{
float:right;
}
#footer-button p{
font-size: 16px;
margin-bottom:5px;
color: #eee;
font-weight: bold;
}
#footer-text{
float:left;
width: 300px;
}
#footer-text p{
font-size: 12px;
margin-bottom:5px;
color: #aaa;
}
#footer-base{
margin:;
padding:20px;
text-align: right;
clear:;
background:#0c0c0c;
color: #aaa;
font-size: 12px;
}
#footer-base a{
color: #aaa;
font-size: 12px;
text-decoration:none;
}
#footer-base a:hover{
color: #aaa;
font-size: 12px;
text-decoration:underline;
}

/* ----- NAVIGATION ----- */

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#navlist li a
{
font-size:16px;
color:#FFF;
text-decoration:none;
}
#navlist li a:hover
{
font-size:16px;
color:#EEE;
text-decoration:none;
border-bottom: 1px #FFF dashed;
}

/* ----- FRONTPAGE ----- */

#frontpage-wrap {
overflow:hidden;
}
#frontpage-left-wrap {
float:left;
width: 600px;
}
#frontpage-right-wrap {
float:right;
width: 210px;
background: #EEE;
padding:20px;
margin-top:14px;
margin-right:15px;
}
#frontpage-right-top {
font-size:14px;
color: #111;
}

#frontpage-right-top ul {
margin:0;
padding:0;
list-style-type: none;
}

#frontpage-right-top ul li {
margin:0 0 0 15px;
padding: 5px 0 0 0;
list-style-type: square;
}
#frontpage-right-top h2{
border-bottom: 1px solid #ddd;
}
#frontpage-right-top h2 a{
font-size:22px;
color: #111;
text-decoration:none;
}
#frontpage-right-top h2 a:hover{
text-decoration:none;
font-size:22px;
color: #111;
}

#frontpage-right-top a{
font-size:14px;
color: #111;
text-decoration:none;
}
#frontpage-right-top a:hover{
font-size:14px;
color: #111;
text-decoration:underline;
}



/* ----- HEADING ----- */

h1{
font:;
font-size:;
font-weight:;
color:;
margin:;
padding:;
}
h2{
font:;
font-size:;
font-weight:;
color:;
margin:;
padding:;
}
h3{
font:;
font-size:;
font-weight:;
color:;
margin:;
padding:;
}
h4{
font:;
font-size:;
font-weight:;
color:;
margin:;
padding:;
}

/* ----- PARAGRAPHS ----- */

p{
font:;
color:;

font-size:;
font-family:;
font-style:;
font-weight:;
font-variant:;

text-align:;
text-indent:;
text-decoration:;
text-shadow:;
text-transform:;

letter-spacing:;
word-spacing:;
}
#primaryContent p{
}
#secondaryContent p{
}

/* ----- QUOTES ----- */

blockquote{
margin:;
padding:;
background-color:;
font:;
color:;
}
blockquote p{
}
cite{
font:;
color:;
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
margin:;
padding:;
background-color:;
border:;
font-size:;
overflow:;
}
code{
font-size:;
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
list-style:;

list-style-type:;
list-style-image:;
list-style-position:;
float:;
margin:;
padding:;
}
li p{
}
ol{
width:;
margin:;
padding:;
}
ul{
width:;
margin:;
padding:;
}
ol li{
}
ul li{
}

#navigation li{
}

#navigation ul{
}

#navigation ul li{
}

#navigation ol{
}

#navigation ol li{
}

/* ----- IMAGES ----- */

img{
border:;
}
img a{
border:;
text-decoration:;
}
img a:hover{
border:;
}

/* BREAK */

hr{
/* display:none; */
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
font:;
color:;
text-decoration:;
border-bottom:;
}
a:hover{
color:;
background-color:;
border-bottom:;
}
a:visited, a:active, a:focus{
color:;
background-color:;
border-bottom:;
}
a:visited{
color:;
background-color:;
border-bottom:;
}
a:active{
color:;
background-color:;
border-bottom:;
}
a:focus{
color:;
background-color:;
border-bottom:;
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}
