@charset "utf-8";
/* CSS Document */

body{
margin:0px 0px;
background-color:#FFFFFF;
color:#330000;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
}

a:link{
color:#990000;
text-decoration:underline;
}
a:hover{
color:#CC0000;
}
a:link{
color:#663333;
}

#container{
/*width:950px;  */
width:100%;
margin: 0px;
}

#header{
background-image:url(../images/interface2/banner.gif);
background-repeat:no-repeat;
background-color:#CC0000;
color:#FFFFFF;
padding: 0px;
border-top:5px solid #330000;
text-align:right;
font-size:1.0em;
position:relative;
/*width:950px;  */
width:100%;
display:block;
left: 0px; 
top: 0px; 
}
/************** crumb nav  ***************************/
#crumbnav{
display:block;
position:absolute;
left: 540px;
top: 25px;
width: 348px;
color:#FFFFFF;
background-color:#CC0000;
z-index:3;
font-size:.8em;
}
#crumbnav a:link, #crumbnav a:visited{
color:#FFFFFF;
text-decoration:none;
}
#crumbnav a:hover{
color:#FFFFFF;
text-decoration:underline;
}
/************** top nav  ***************************/
#topnav{
position:absolute;
color:#FFFFFF;
left: 0px;
top: 175px;
text-align:left;
font-size:1em;
/*width:950px;  */
width:100%;
background-color:#330000;
overflow: hidden;
}

#topnav ul{
list-style-type:none; 
margin:0px;
padding:0px;
float:left;
width:100%;
}

#topnav li{
display:inline;
}

#topnav ul li a{
color:#FFFFFF;
padding: .2em 1em;
text-decoration:none;
border:1px solid #FFFFFF;
border-left-width:0px;
text-transform: capitalize;
}

* html #topnav ul li a { 
float: left;
}

html>body #topnav ul li a{
line-height:1.7;
margin-left:-5px;

}

#topnav ul li a#search:hover, #topnav ul li a#resource:hover{
color:#FFFFFF;
background-color:#CC0000;
}

#topnav ul li a#selected{
border-top:1px solid #FFFFFF;
color:#FFFFFF;
background-color:#CC0000;
}

#topnav ul li a#search{
background-color:#330000;
}

#topnav ul li a#resource{
background:#990000;
}

/************** side box  ***************************/
#sideBox{
	width:175px;
	margin: 0px;
	padding:15px;
	text-align: left;
	position:absolute;
	top:242px;
	left:0px;
	height:auto;
	background-color:#990000;
	color:#FFFFFF;
	font-size:.85em;
	line-height:1.4;
}
#sideBox a{
	color:#FFFFFF;
}
#sideBox a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#sideBox ul li{
margin-left: -2em;
}

/************** side nav  ***************************/
#sideNav{
	width:175px;
	margin: 0px;
	padding:0px;
	text-align: center;
	position:absolute;
	top:242px;
	left:0px;
	height: 135px;
	font-size:.9em;
}

ul#sideNavList{
text-align: left;
list-style: none;
padding: 0px;
margin: 0px;
width: 100%;
}

ul#sideNavList li{
display: block;
margin: 0px;
padding: 0px;
}

ul#sideNavList li a{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #FFFFFF;
text-decoration: none;
background: #990000;
}

#sideNav>ul#sideNavList li a { 
width: auto; 
}

ul#sideNavList li#active a{
background: #FFFFFF;
color: #330000;
border-top:1px solid #aaab9c;
}

ul#sideNavList li a:hover, ul#sideNavList li#active a:hover{
color: #FFFFFF;
background-color:#CC0000;
text-decoration:underline;
border-color: #aaab9c #cccccc #aaab9c #cccccc;
}


/************** content  ***************************/

#content{
	position:absolute;
	top:250px;
	left:225px;
	width: 675px;
	height: 384px;
}
/************** footer  ***************************/

#footer{
text-align:center;
padding-top:20px;
padding-bottom:5px;
}