/* CSS Document */

/* To use leftnav as a menu for the tab control:

   <script src="css/tab.js" type="text/javascript"> </script>
   <script type="text/javascript">
   
   var tabcontrol = new TabControl();
   
   tabcontrol.setStartTab('content1'); //Pass the Id of the starting content window.
   
   
   </script>
	
   //And on the menu anchor:
   
   
   <a href="#" id="content1" onclick="tabcontrol.changeTab('content1')"> Menu Item1 </a>
   
   <a href="#" id="content2" onclick="tabcontrol.changeTab('content2')"> Menu Item2 </a>
   
   <a href="#" id="content3" onclick="tabcontrol.changeTab('content3')"> Menu Item3 </a>
   

*/




div#topnav ul
{ 
	padding:0px;
	margin:0px;
	color:#000000;
	background-color:#66CC00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:none;
	clear:both;
	display:block; 
	left:0px; /*Adjust here to center or move off of left side*/
	position:relative;
	z-index:1000;
} 

* html div#topnav ul /*Star hack to center menu in IE, adjust left: until menu is centered. */
{
    padding:0px;
	margin:0px;
	color:#000000;
	background-color:#66CC00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:none;
	clear:both;
	display:block;
	position:relative;
	left:0px;
	z-index:1000;
}

td>div #topnav ul /*Star hack to center menu in IE7, adjust left: until menu is centered. */
{
	color:#000000;
	padding:0px;
	margin:0px;
	background-color:#66CC00;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:none;
	clear:both;
	display:block;
	position:relative;
	left:10px
	z-index:1000;
}

div#topnav ul li
{
    
    padding:0px;
	margin:0px;
	color: #000000;
	background-color: #66CC00;
	position:relative;
	display:inline;
	float:left;
}

div#topnav ul li a 
{ 

  float:left;
  display:inline;
  position:relative;
  text-decoration:none;
  background-color:#66CC00;
  color:#000000;
  font-weight:bold;
  padding-right:20px;
   
}

div#topnav ul:first-child 
{ 
  padding-left:20px;
  background-color:#66CC00;
   
}


div#topnav ul li ul {
	
	display:none; visibility:hidden;
	color: white;
	background-color: #66CC00;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:none;
	position:absolute;
	top:20px;
	display:block;
	left:0px;
	
}

* html div#topnav ul li ul { /*turn on menus for IE */
	
	color:#ffffff;
	background-color: #66CC00;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:none;
	list-style-position:outside;
	top:20px;
	position:absolute;
	display:block;
	left:0px;
}


div#topnav ul li ul li
{	
	clear:both;
	float:left;
	display:inline;
	position:block;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	color:#000000;
	width:200px;
	background-color:#ff6600;
	border-bottom:1px #000000 solid;
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
	height:1.5em;
	
}

div#topnav ul li ul li:first-child
{   clear:both;
	float:left;
	display:inline;
	position:block;	
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	width:200px;
	color:#000000;
	background-color:#ff6600;
	border-top:1px #000000 solid;
	height:1.5em;	
}

div#topnav ul li ul li a 
{ text-decoration:none;
  background-color:#ff6600;
  color:#000000;
  font-weight:bold;
  height:1.5em;
 
}

div#topnav ul li ul li:hover
{
	background-color:#ffffff;
	color:#000000;
}

div#topnav ul li ul li a:hover
{ text-decoration:none;
  background-color:#ffffff;
  color:#000000;
  font-weight:bold;
  height:1.5em;
  
 
}

div#topnav ul li:hover ul
{   display:inline;

	visibility:visible;
	position:absolute;
	z-index:2000;
    			
}