@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;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
}
.hometdbackgrnd {
	background-image:url(images/hpmountaintop.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#669999;
	}
.header{
	font-size:14px;
	font-weight:bold;
}
.subheader{
	font-size:12px;
	font-weight:bold;
}	
a:link {
	color:#344F47;
}
a:visited {
	color:#669999;
}
a:hover {
	color:#CC0000;
}
a:active {
	color:#FF0000;
}
.headerlink a:link {
	color:#FFFFFF;
	font-weight:bolder;
	text-decoration:none;
}
.headerlink a:visited {
	color:#FFFFFF;
	font-weight:bolder;
	text-decoration:none;
}
.headerlink a:hover {
	color:#FFCC00;
	font-weight:bolder;
	text-decoration:underline;
}
.headerlink a:active {
	color:#FFCC00;
	font-weight:bolder;
	text-decoration:none;
}
.footerlink a:link {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration: none;
}
.footerlink a:visited {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
.footerlink a:hover {
	color:#FFCC00;
	font-weight:normal;
	text-decoration:underline;
}
.footerlink a:active {
	color:#FFCC00;
	font-weight:normal;
	text-decoration:none;
}
.whitetext {
	color:#FFFFFF;
	font-weight:bolder;
	font-size:14px;
}
.slogan{
	font-size:9px;
	color:#000000;
}	

.redtext {
	font-size:9px;
	color:#CC0000;
}	
.style1 {
	font-size:large;
	font-weight:bold;
}
.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;
	padding:0;
	margin:0;
}
ul#nav li a {
	display:block;
	font-weight:normal;
	padding:2px 5px;
	background:#669999;
}

ul#nav li a:hover{
	background:#006666;
	color:#FFCC00;
	}
	
ul#nav li {
	float:left;
	position:relative;
	width:125px;
	text-align:center;
	margin-right:5px;
	border:1px solid #ffffff;

}

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

ul#nav li.current a:hover{
	background:#006666;
	}

li ul {
	display:none;
	list-style:none;
	position:absolute;
	width:160px;
	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;
}

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;
	text-decoration:none;
}
ul#leftnav {
list-style:none; /* Remove the bullets */
margin:0;
padding:0px;
width:130px; /* Menu width */
background-color:#669999;
}
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 #FFFFFF;

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

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

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