body {
	color : #333;
	background-color : #fff;
	margin-top: 0;
	margin-right: 12px;
	margin-left: 12px;
	margin-bottom: 0;
	padding : 0;
	font : 11px verdana, arial, helvetica, sans-serif;
	width :960px;
}
h1 {
margin : 0 0 15px; 
padding : 0; 
font-size : 28px; 
font-weight : 900; 
color : #ccc; 
} 
h2 {
font : bold 12px/14px verdana, arial, helvetica, sans-serif; 
margin : 0 0 5px; 
padding : 0; 
} 
p {
	font : 11px/20px verdana, arial, helvetica, sans-serif;
	margin : 0 0 16px;
	padding : 0;
} 
.midcontent > p {
margin : 0; 
} 
.midcontent > p + p {
text-indent : 0; 
} 
a {
color : #09c; 
font-size : 11px; 
font-family : verdana, arial, helvetica, sans-serif; 
font-weight : 600; 
text-decoration : none; 
} 
a:link {
color : #09c; 
} 
a:visited {
color : #07a; 
} 
a:hover {
background-color : #eee; 
} 
.midcontent {
width : auto; 
margin-right: 11px; 
margin-left: 4px;
margin-bottom: 20px;  
border : 1px solid #c2ceda; 
background-color : white; 
padding : 0;  
} 
.midcontent2 {
width : auto; 
margin-right: 11px; 
margin-left: 4px; 
margin-bottom: 20px;
border : 1px solid #c2ceda; 
background-color : white; 
padding : 10px; 
} 
#navleftmenu {
width : 150px; 
top : 20px; 
left : 10px; 
padding : 0;  
voice-family : "\"}\""; 
voice-family : inherit; 
width : 150px; 
} 

#navright {
	top : 20px;
	right : 10px;
	background-color : #fff;
	padding : 0;
	z-index : 1;
	voice-family : "\"}\"";
	voice-family : inherit;
} 

.menuheader {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
text-align : center; 
font-weight : bolder; 
color : #ffffff; 
background-color : #08a0ff; 
padding-top : 3px; 
padding-bottom : 1px; 
border-top : 0 none #c2ceda; 
border-bottom : 1px solid #c3c8cb; 
border-right : 1px solid #c3c8cb; 
border-top : 1px solid #fefefe; 
display : block; 
height : 16px; 
width:16em; 
} 
.headerwhite {
font-size : 10px; 
font-weight : bold; 
color : #ffffff; 
font-family : verdana, arial, helvetica, sans-serif;
text-decoration : none; 
} 
.triangle {
width : 180px; 
background-color : #08a0ff; 
margin-left: 4px;
} 
.triangle2 {
background-color : #96b7de; 
margin-right: 150px;
margin-left: 4px;
} 
.triangle3 {
width : 85px; 
background-color : #08a0ff; 
width : 130px; 
top : 20px; 
right : 10px;
z-index : 1; 
} 
.triangleblue {
background : url(../../images/tr14x15_1.gif) no-repeat 100% 0%; 
} 
.spacer {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 10px; 
text-align : center; 
font-weight : bold; 
color : #ffffff; 
padding-bottom : 3px; 
padding-left : 4px; 
display : block; 
} 
.divmiddle {
background-color : #fff; 
padding : 0px; 
display : block; 
} 
.divmiddle1 {
background-color : #fff; 
padding : 0px; 
display : block; 
} 
.divmiddle2 {
	background-color : #fff;
	border : 1px solid #c2ceda;
	margin-bottom: 10px;
	padding : 0;
	display : block;
} 
#banner {
	height: 96px;
	background: #08a0ff url("../../images/Banner2.jpg") no-repeat center;
	padding: 0;
	margin-right: 7px;
	margin-left: 7px;
	margin-bottom: 0px;
}
#divbody{
margin: 3px;
padding: 2px;
background-color: #fff;
}
#divleft{
float: left;
width: 20%;
margin: 0px;
background-color: #fff;
}
#divright{
	float: right;
	width: 25%;
	padding-right: 0;
}
#divmid{
	float: left;
	width: 53%;
}
#divfoot{
clear: both;
padding: 0;
}


/* BELOW CSS for HNAV */


.hnav
{
	border-bottom: solid 1px #fff;
	text-align: right;
	background-color: #FF9933;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 4px;
	margin-bottom: 20px;
	margin-right: 8px;
	margin-left: 7px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
	color: #444444;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

/* Tooltips and Balloon Callouts */
.autoTooltip {cursor:pointer;}
.tt {z-index:16; width:250px; margin:0; padding:0; line-height:15px;}
.tt .header {position:absolute; top:-999px; left:-999px;}
.tt .body, .tt .bd {padding:5px;}
.balloonCallout .body {padding:10px 15px;}
.ttPosUnder {padding:13px 0 0 0; background:url(../../images/tooltip_top_left.gif) left top no-repeat;}
.ttPosUnder .body, .ttPosUnder .bd {border:1px solid #666; border-top-width:0; padding:12px 17px 10px 8px; background:#ffffe5;}
.ttPosOver {padding:0 0 13px 0; background:url(../../images/tooltip_bottom_left.gif) left bottom no-repeat;}
.ttPosOver .body, .ttPosOver .bd {border:1px solid #666; border-bottom-width:0; padding:8px 17px 12px 8px; background:#ffffe5;}
.balloonControl {border-bottom:1px dashed #084482; text-decoration:none;}
.balloon {z-index:1016; width:250px; margin:0; padding:0; line-height:15px;}
.balloon .panel {border:none;}
.balloon .header {position:absolute; top:-999px; left:-999px;}
.balloon .body {padding:5px;}
.balloon .body {padding:10px 15px;}
.balloon .posUnder {padding:13px 0 0 0; background:url(../../images/tooltip_top_left.gif) left top no-repeat;}
.balloon .posUnder .body {border:1px solid #666; border-top-width:0; padding:12px 17px 10px 8px; background:#ffffe5;}
.balloon .posOver {padding:0 0 13px 0; background:url(../../images/tooltip_bottom_left.gif) left bottom no-repeat;}
.balloon .posOver .body {border:1px solid #666; border-bottom-width:0; padding:8px 17px 12px 8px; background:#ffffe5;}


#LeftMNav {
z-index : 100000; 
} 
#LeftMNav UL {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
color : #ffffff; 
padding-top : 0; 
background-color : #f5f5f5; 
} 
#LeftMNav LI {
	padding-right : 0;
	padding-left : 0;
	padding-bottom : 0;
	margin : 0;
	padding-top : 0;
	list-style-type : none;
	background-color : #c2ceda;
	font-size : 10px;
	color : #ffffff;
	font-family : Ms Sans Serif, Times New Roman;
	text-decoration : none;
} 
#LeftMNav a
{
	border-right: 1px solid #c3c8cb;
	padding-right: 0;
	background-position: 100% 50%;
	border-top: 1px solid #fefefe;
	display: block;
	padding-left: 4px;
	font-weight: bold;
	padding-bottom: 3px;
	border-left: 1px solid #fefefe;
	padding-top: 3px;
	border-bottom: 1px solid #c3c8cb;
	background-color: #eaeeee;
	font-size: 10px;
	color: #333333;
	font-family: Ms Sans Serif, Times New Roman;
	text-decoration: none;
	margin-bottom: 0px;
} 
#LeftMNav a:hover {
	border-left-color : #fefefe;
	border-bottom-color : #c3c8cb;
	border-top-color : #fefefe;
	background-color : #f8fafc;
	border-right-color : #c3c8cb;
	font-size : 10px;
	color : #ff3e3e;
	font-family : Ms Sans Serif, Times New Roman;
	text-decoration : none;
} 
#LeftMNav a:active {
border-left-color : #fefefe; 
border-bottom-color : #c3c8cb; 
border-top-color : #fefefe; 
background-color : #f8fafc; 
border-right-color : #c3c8cb; 
font-size : 10px; 
color : #21536a; 
font-family : Ms Sans Serif, Times New Roman; 
text-decoration : none; 
}