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

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	behavior:url(../csshover.htc); 
	background-color: #FFFFFF;
	}
.whitetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}	
.boldwhite {
	font-size: 14px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}	
.tableborder{
		border: thin solid #999999;
}
.tdbackground{
	background-image:url(images/vertical_rule.gif);
	background-repeat:no-repeat;
}

.tdspacer{
	background-image:url(images/spacer5.gif);
	background-repeat:no-repeat;
}
.header{
	font-size: 20px;
	color:#336633;
	font-weight:bold;
}
.subheader{
	font-size:14px;
	color:#660000;
	font-weight:bold;
}	
a:link {
	color: #336633;
}
a:visited {
	color: #660000;
}
a:hover {
	color: #660000;
}
a:active {
	color: #336633;
}
.headerlink a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
.headerlink a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.headerlink a:hover {
	color: #336633;
	text-decoration: underline;
}
.headerlink a:active {
	color: #660000;
	text-decoration: underline;
}	
.footerlink {
	color:#660000;
}
.footerlink a:link {
	color: #336633;
	font-weight:normal;
	text-decoration: none;
}
.footerlink a:visited {
	color: #336633;
	font-weight:normal;
	text-decoration: none;
}
.footerlink a:hover {
	color: #336633;
	font-weight:normal;
	text-decoration: underline;
}
.footerlink a:active {
	color: #336633;
	font-weight:normal;
	text-decoration: none;
}
.redtext {
	color:#660000;
}	
.nav a:link {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
.nav a:visited {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
.nav a:hover {
	color:#FFCC00;
	font-weight:bold;
	text-decoration: none;
}
.nav a:active {
	color:#FFCC00; 
	font-weight:bold;
	text-decoration: none;
}

ul#nav {
	list-style: none;
	height:100%;
	padding: 0;
	margin: 0;
}
ul#nav li a {
	display: block;
	font-weight: normal;
	padding: 2px 5px;
	background:#660000;
}

ul#nav li a:hover{
	background:#660000;
	color:#FFCC00;
	}
	
ul#nav li {
	float: left;
	position: relative;
	width: 136px;
	text-align: center;
	margin-right:0px;
	border:1px solid #999999;

}

ul#nav li.current a{
	background:#660000;
	color:#FFCC00;
	}

ul#nav li.current a:hover{
	color:#FFCC00;
	}

li ul {
	display: none;
	list-style: none;
	position: absolute;
	width:136px;
	top: 0;
	left: 0;
	font-weight: normal;
	padding: 1px 0 10px 0;
	margin-left:-1px;
}

ul#nav li ul.sub li{
	border-width:0 1px 1px 1px!important;
}

ul#nav li ul.sub li a{
	font-weight: normal!important;
}
li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}
ul#nav li.current{ 
	background:#660000;
	color:#FFCC00;
	}
leftnav{
}/* 
Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/
*/
.leftnav a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.leftnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.leftnav a:hover {
	color: #FFCC00;
	text-decoration: none;
}
.leftnav a:active {
	color: #FFCC00;
	font-weight:bold;
	text-decoration: none;
}
ul#leftnav {
list-style: none; /* Remove the bullets */
margin: 0;
padding: 0px;
width:130px; /* Menu width */
background-color:#660000;
}
ul#leftnav li {
display: block; /* Make a menu item a block (height 100%, width 100%) */
height:100%;
width:100%;
position: relative;
float:left; /* Make sure (in IE) there is no margin between the menu items */
border-bottom:1px solid #999999;

}
ul#leftnav li a{
display:block; /* When rollover the menu item, the whole item will be seen as link. */
background:#660000;
padding:2px;
}
ul#leftnav li a:hover {
padding:0;
background:#660000;
padding:2px;
}
ul#leftnav ul {
position: absolute;
top: 0;
display:none; /* Display nothing when not 'hovered' */
}
ul#leftnav li ul li{
	height:100%;
	width:100px;
	background:#660000;
	}
ul#leftnav li ul li a:hover{	
	background:#660000;

}
ul#leftnav li:hover ul{
display: block; /* Make sure the submenu is displayed as blocks as well. */
left:120px; /* Your menu width. The submenu appears there, when you hover a menu item. */ 
}
ul#leftnav li.current a{
	background:#660000;
	color:#FFCC00;
	font-weight:bold;
	}

ul#leftnav li.current a:hover{
	background:#660000;
	}