/* THE BASICS */

body
{
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
color: #385E83;
background-color: fff;
text-decoration: none;
}

/* STRUCTURE-BANNER*/

div#banner
{
color: #fff;
background-color: #4C81B3;
border-bottom: 0px solid #000;
}

div#banner h1
{
margin: 0;
font-size: 2.2em;
font-weight: normal;
}

/* STRUCTURE-MAIN CONTAINERS*/

div#container
{
background-image: url(pix/nav_col_base.jpg);
background-repeat: repeat-y;
}

div#container2
{
background-image: url(pix/more_col_base.jpg);
background-repeat: repeat-y;
background-position: right;
}

/* STRUCTURE-NAVAGATION BAR */

div#navigation
{
float: left;
width: 150px;
padding-top: 1em;
background-color: #C3D4E6;
background-repeat: y;
font-size: 90%;
}

div#navigation ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

div#navigation ul li 
{ 
margin-top: 4px; 
}

#navigation ul li a
{
display: block;
width: 135px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #FFF;
background-color: #666666;
font-size:90%;
font-weight: bold;
}

#navigation ul li a:hover
{
display: block;
width: 135px;
padding: 3px 5px 3px 10px;
color: #FFFFFF;
font-weight: bold;
background-color: #E07F32;
font-size: 90%;
}

/* STRUCTURE-MORE "LATEST" */

div#more
{
float: right;
width: 160px;
height: 100%
margin: 0;
padding: 20 10px 0 0;
color: #000;
text-align: left;
font-size: .8em;
}

div#more a
{
color: #fff;
font-weight: normal;
text-decoration: none;
}

div#more a:hover 
{
font-weight: normal;
text-decoration: none;
color: #C3D4E6;
}

div#more h2
{
margin-top: 0;
color: #fff;
background-color: #E07F32;
font-size: medium;
text-align: left;
text-decoration: none;
}


div#more ul
{
list-style-type: none;
padding: 7;
margin: 5;
}

div#more ul li 
{ 
margin-top: 4px;
color: #fff;
}



/* STRUCTURE-CONTENT*/

div#content
{
font-family: helvetica, sans-serif;
margin-left: 190px;
margin-right: 200px;
font-size: .75em;
color: #000;
font-weight: normal;
text-decoration: none;
}


div#content h2
{
font-size: 2em;
color: #036;
margin: 0;
padding-top: 1em;
font-weight: normal;
}

div#content h3
{
font-size: 1.5em;
color: #036;
margin: 0;
padding-top: 1em;
font-weight: normal;
text-align: center;
}

div#content h4
{
font-size:1.25em;
color: #036;
margin: 0;
padding-top: 1em;
font-weight: normal;
text-align: left;

}

div#content a
{
font-weight: normal;
text-decoration: ul;
color: #385E83;
}

div#content a:hover 
{
color: #C3D4E6;
font-weight: normal;
text-decoration: none;
}

/* STRUCTURE-FOOTER */

#cleardiv
{
clear: both;
height: 1em;
}

div#footer
{
color: #CCCCCC;
clear: both;
background-color: #4473A0;
padding: .5em 1em;
border-top: 0px solid #999;
text-align: center;
}

div#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

div#footer li
{
display: inline;
margin-right: 1em;
}