﻿body 
{
	font-family: Helvetica, Arial, Times New Roman, Sans-Serif;
	font-size: 9pt;
}
.vertical ul{
			list-style-type: none;
			padding: 1px 0px 1px 0px;
			border-top: 1px solid;
		}
		.vertical li a{
			display: block;		   
			text-decoration: none;
			height: 1.5em;
			padding: 1px 0px 1px 5px;
			border: 1px solid;
			border-top: 0px;
			left:50px;	
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.2em;			
			margin-left: 150px;
		}	
					
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 5em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		/*padding-left: 5em;*/
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
		.blackwhite li a
		{
			background-color: #E9E9E9;
			color: black;
			font-family :helvetica;
			font-size :11px;
			TOP: 72px;
		}
		.blackwhite li a:hover
		{
			background-color: #D3D3D3; 
			color:Navy ;
			FONT-FAMILY: helvetica;
			font-size :11px; 
			TOP: 72px;
		}
		.blackwhite ul{
			border-color: black;
		}
						
/* Menu */ /*top*/
#navi {	
    font-size: 11px; 
	background-color: #BCBCBE; 
	filter: alpha(finishopacity=65,style=2,startx=10,starty=10);
	margin: 0;
	padding:0;

	}

#navi ul {
	position: relative;
	margin: 0px;
	list-style:none;
	margin: 0;
	padding: 0;
	}

#navi ul li {
	display:inline;
    margin:0;
    padding:0;
    }

#navi ul li a {
	margin: 0;
	padding: 1px 4px 1px 5px;
	color: #fff;
	text-decoration: none;	
	}

#navi ul li span {
	color: #9AB9DC;
	}
	
/* Menu Hover Properties */
#navi ul li a:hover {
color:#9AB9DC;
background-position:100% -62px;
}

/* Head navigation */
a.navtop:hover { 
    color:#000000;
    background-position:100% -62px;
}

/* top navigation row */
div.navtop span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #9B0000; 
    margin:0;
    padding:0;
}

div.navtop span a{
	font-size: 11px;
	color: #15365C;
    margin:0;
    padding:0;
    text-decoration:none;
}

div.navtop span a:hover, div.navtop span a:active{
	color: #010101; 
}

div.navtop .navspacer { 
	color: #9AB9DC; 
	padding-left:4px;
	padding-right:3px;
	}

/* Head navigation submenu */
div.menu, div.menu a.mI, div.menu a.mI span.mIText, div.menu a.mI span.mIArrow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
}

div.menu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #D8E9F7;
  border:none;
  text-align: left;
  left: 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 0;
  margin-top:-1px;
}

div.menu a.mI, div.menu a.mICurrent {
  color: #444444;
  background-color: #E9E9E9; 
  /*cursor: pointer;*/
  display: block;
  /*padding: 3px 10px 3px 3px;*/
  text-decoration: none;
  /*white-space: nowrap;*/
  border-bottom:  2px solid #fff;
  padding: 1px 10px 1px 5px;
 }

div.menu a.mI:hover, div.menu a.mIHighlight, div.menu a.mICurrent, div.menu a.mI:hover span.mIText, div.menu a.mI:hover span.mIArrow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: navy; 
  background-color: #D3D3D3;
}

div.menu a.mI span.mIText, div.menu a.mI span.mIArrow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #444444;
}

div.menu a.mI span.mIArrow {
  margin-right: -.75em;
}

div.navleft{
padding-left:0px;
background-color:#33CCCC;
font-family:Arial, Helvetica, sans-serif; 
font-weight:bold ; 
width:160px;
}

div.navleft1, div.navleftactive1{
background-repeat:no-repeat; 
background-position:top;
padding-bottom:10px;
padding-top:5px;
width:160px;
}

a.navleft1:link, a.navleft1:visited, a.navleft1:hover, a.navleftactive1:link, a.navleftactive1:visited, a.navleftactive1:hover{
padding-left:10px;
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#fff;
line-height:22px;
}

div.navleft2, div.navleftactive2{
background-color: #E9E9E9;
width:100%;
padding-top:3px;
border-bottom: 1px solid #fff;
}

a.navleft2:link, a.navleft2:visited{
text-decoration:none;
left:5px; 
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #222222;
display:block;
}

a.navleftactive2:link, a.navleftactive2:visited{
text-decoration:none;
left:10px; 
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #222222;
display:block;
}

a.navleft2:hover, a.navleftactive2:hover{
font-weight:bold; 
display:block;
}

div.navleftext2, div.navleftextactive2{
background-color: #FBB7A8; 
background-image:url(images/icon-arrowdown.gif); 
background-repeat:no-repeat;
background-position:100% 0%;
width:173px;
padding-top:3px;
border-bottom: 1px solid #fff;
}

a.navleftext2:link, a.navleftext2:visited{
text-decoration:none;
left:10px; 
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #222222;
display:block;
}

a.navleftextactive2:link, a.navleftextactive2:visited{
text-decoration:none;
left:10px; 
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #222222;
display:block;
}

a.navleftext2:hover, a.navleftextactive2:hover{
font-weight:bold; 
}

div.navleft3, div.navleftactive3{
margin:0;
background-color:#FADFD6;
padding-top:3px;
border-bottom: 1px solid #fff;
width:178px;
}

a.navleft3:link, a.navleft3:visited{
text-decoration:none;
left:10px; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
padding-left:10px;
color: #222222;
display:block;
}

a.navleftactive3:link, a.navleftactive3:visited{
text-decoration:none;
left:10px; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #222222;
padding-left:10px;
display:block;
}

a.navleft3:hover, a.navleftactive3:hover{
font-weight:bold; 
display:block;
}

div.navleftext3, div.navleftextactive3{
background-color: #FADFD6; 
background-image:url(images/icon-arrowdown.gif); 
background-repeat:no-repeat;
background-position:100% 0%;
width:173px;
padding-top:3px;
border-bottom: 1px solid #fff;
}

a.navleftext3:link, a.navleftext3:visited{
text-decoration:none;
left:10px; 
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #222222;
}

a.navleftextactive3:link, a.navleftextactive3:visited{
text-decoration:none;
left:10px; 
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #222222;
}

a.navleftext3:hover, a.navleftextactive3:hover{
font-weight:bold; 
}

div.navleft4, div.navleftactive4{
margin:0;
background-color:#FDF4EF;
padding-top:3px;
border-bottom: 1px solid #fff;
width:173px;
}

a.navleft4:link, a.navleft4:visited{
text-decoration:none;
padding-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #222222;
background-color:#FDF4EF;
}

a.navleftextactive4:link, a.navleftextactive4:visited{
text-decoration:none;
padding-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #222222;
background-color:#FDF4EF;
}

a.navleftactive4:link, a.navleftactive4:visited{
text-decoration:none;
padding-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #222222;
background-color:#FDF4EF;
}

a.navleft4:hover, a.navleftactive4:hover{
font-weight:bold; 
}

.navleftexpand{
width:9px;
background-repeat:no-repeat;
background-position:top;
float:right;
}

/* Left navigation submenu */
div.menu_left, div.menu_left a.mI_left, div.menu_left a.mI_left span.mIText_left, div.menu_left a.mI_left span.mIArrow_left {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  background-color: #E9E9E9;
}

div.menu_left {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #D8E9F7;
  border-top: 1px solid #4F93C9;
  border-bottom: 1px solid #4F93C9;
  border-left: 1px solid #4F93C9;
  border-right: 1px solid #4F93C9;
  text-align: left;
  left: 155px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 0;
  padding-top:0px;
}

div.menu_left a.mI_left, div.menu_left a.mICurrent_left {
  color: #444444;
  background-color: #D8E9F7;
  display: block;
  padding: 3px 10px 3px 3px;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

div.menu_left a.mI_left:hover, div.menu_left a.mIHighlight_left, div.menu_left a.mICurrent_left, div.menu_left a.mI_left:hover span.mIText_left, div.menu_left a.mI_left:hover span.mIArrow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #444444;
  background-color: #A6CEF5;
}

div.menu_left a.mI_left span.mIText_left, div.menu_left a.mI_left span.mIArrow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #444444;
}

div.menu_left a.mI_left span.mIArrow {
  margin-right: -.75em;
}

