/* CSS Document */

body {
font-size:67.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#222;
background:#333365;
margin:0;
padding:0;
}

h1.pagetitle {
text-align:left;
background: url(../images/pagetitle_bg.gif) top left repeat-x;
line-height:44px;
height:44px;
text-indent:240px;
color:#fff;
margin-bottom:0px!important;
}

h1 {
font-size:1.5em;
font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
color:#555;
letter-spacing:1px;
}

h2 {
font-size: 1.3em;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 
color:#777;
letter-spacing:1px;
}

p, ul, li, a, th, td, h3 {
font-size:1.1em;
}

#wrapper {
width:900px;
margin:130px auto;/* top margin may need adjust if font-size change on "topnav ul li a" jkfdg */
position:relative;

}

#bottomwrapper {
margin:0 auto;
background: url(../images/pagetitle_bg.gif) top left repeat-x;
}

#main {
text-align:left;
border-left:1px solid #999;
border-right:1px solid #999;
background: url(../images/main_bg.gif) top left repeat-y;
}

#mainright {
padding:10px;
float:right;
width:650px;;
}

#mainleft {
width:214px;
float:left;
}

#header {
height:90px;
width:900px;
background: url(../images/header_bg.jpg) top left no-repeat;
position:absolute;
top:-120px;
left:0;
}

#footer {
width:80%; /* this value needs to be adjusted based upon the physical length of the footer text */
		   /* adjust to smallest % possible until menu is centered jkfdg */
color:#333365;
margin:0 auto;
}

.clear {
clear:both;
}

/*  Navigation  */

#topnav {
position:absolute;
top:-118px;/* may need adjust if font-size change on "topnav ul li a" jkfdg */
left:-1px;
}

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

#topnav ul li {
float:left;
display:block;
background: url(../images/nav_bg_left.gif) top left no-repeat;
line-height:0px;
}

#topnav ul li span {
display:block;
background: url(../images/nav_bg_right.gif) top right no-repeat;
}

#topnav ul li a:link, #topnav ul li a:visited {
padding:10px 5px; 
text-decoration:none;
color:#fff;
font-weight:bold;
font-size:1.2em;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

#topnav ul li a:hover {
text-decoration:underline;
color:#00ff00;
}

#bottomnav {
width:60%;       /* this value needs to be adjusted based upon the physical length of bottomnav menu items */
				 /* adjust to smallest % possible until menu is centered jkfdg */
height:20px;    
margin:0 auto;
overflow:visible;
}

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

#bottomnav ul li {
float:left;
display:block;
}

#bottomnav ul li {
display:block;
}

#bottomnav ul li a:link, #bottomnav ul li a:visited {
padding:10px 5px; 
text-decoration:none;
color:#fff;
font-weight:bold;
font-size:1em;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

#bottomnav ul li a:hover {
text-decoration:underline;
}

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

#mainleft ul li {
display:block;
border-bottom:1px #000032 solid;
line-height:1.5em;
}

#mainleft ul li a:link, #mainleft ul li a:visited {
display:block;
text-decoration:none;
text-indent:10px;
font-weight:bold;
color:#fff;
}

#mainleft ul li a:hover {
background:#000032;
color:#00FF00;
}

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 0px solid #fff;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 3px;
border-left: 0px solid #fff;
border-bottom: 0px solid #fff;
border-top: 0px solid #fff;
border-right: 0px solid #fff;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #000032; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 180px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}