﻿@charset "utf-8";
/* CSS Document */

/*********************************/
/*       BROWSER RESET
/*********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea {    
    margin:0;   
    padding:0;   
} 

/*keep enabled if used for layout
table {  
    border-collapse:collapse;   
    border-spacing:0;   
} */

address,caption,cite,code,dfn,/*em,strong,*/th,var {  
    font-style:normal;   
     font-weight:normal;   
 } 

 caption,th {  
     text-align:left;   
 } 

q:before,q:after {  
    content:'';   
} 

abbr,acronym { border:0;   
}  

a img { border: none; }

/*accessibility links*/
.hidden, .nostyles {
display:none;
margin:0 -10000px 0 0;
}

/*********************************/
/*            BODY
/*********************************/

body {
background:url(../images/bodyBkgd.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:75%; 
color:#333333;
}

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */

/*********************************/
/*           CONTAINER
/*********************************/

#container {
background:url(../images/contentarea_left.jpg) no-repeat 0 220px;
height:auto;
position:relative;
width:750px;
font-size:1em;  /* displayed at 12px */
}

#hdr h1 a {
outline:none;
position:relative;
float:left;
}

#hdr h1 span {
display:none;
}

/*********************************/
/*          NAVIGATION
/*********************************/

#nav {
position:relative;
float:left;
width:160px;
top:3px;
}

#nav ul {
position:relative;
left:32px;
margin:5px 0 10px 0;
}

#nav ul li {
list-style:none;
position:relative;
margin:6px 0;
}

#nav ul li a {
display:block;
color:#333333;
text-decoration:none;
outline:none;
height:auto;/*this is for IE6*/
}

#nav ul li a:hover {
text-decoration:underline;
}

#nav ul li .selected{
text-decoration:underline;
}

#nav ul li li .selected{
text-decoration:none;
}

#nav ul li .expanded{
}

#nav ul ul {
left:0px;
margin:0 20px 0 17px;
font-size:.9em;
}

/*********************************/
/*         CONTENT AREA
/*********************************/

#contentarea {
min-height:400px;
width:415px;
position:relative;
padding:0 0 30px 0;
margin:-40px 0 0 173px;
z-index:98;
background:url(../images/building.jpg) no-repeat top;
}

#contentarea ul, #contentarea ol {
margin:0 2em;
}

#contentarea a {
color:#0070B8;
text-decoration:underline;
}

#contentarea a:hover {
color:#333333  ;
text-decoration:none;
}

#contentarea .txthdr {
font-size:1.4em;
font-weight:bold;
color:#0070B8;
padding:0 0 1.0em 0;
}

#news {
background:url(../images/whatnew_hdr.gif) no-repeat top;
width:160px;
position:relative;
height:200px;
float:right;
border-left:1px solid #0071b9;
}

#newsItems {
position:relative;
top:35px;
width:160px;
}

/*********************************/
/*            FOOTER
/*********************************/

#footer {
background:url(../images/footerBot_left.jpg) no-repeat left #0071B8;
width:750px;
height:50px;
clear:both;
}

#footer ul {
position:relative;
left:160px;
top:3px;
}

#footer ul li {
background:url(../images/footerBot_icon.jpg) no-repeat left;
list-style:none;
display:inline;
position:relative;
float:left;
padding:0 0 0 46px;
color:#FFFFFF;
font-size:.8em;
}

#footer a {
color:#FFD53A;
}

#footer a:hover {
text-decoration:none;
}

#copyright {
background:url(../images/footerTab.gif) no-repeat top;
width:750px;
}

#copyright p {
margin:0;
position:relative;
top:40px;
text-align:center;
font-size:.8em;
padding:0 0 20px 0;
}

#copyright a {
color:#000000;
}

#copyright a:hover {
text-decoration:none;
}


