/* CSS Document */
<style type="text/css" media=screen>



#menu{
		padding-top: 9px ;
		width: 35%;
		background: transparent;
		voice-family: "\"}\"";
		voice-family: inherit;		
		}

#menu ul{
		font: 11px Arial ;
		font-weight:bold;
		margin:0;
		margin-left: 10px; /*margin between first menu item and left browser edge*/
		padding: 0;
		list-style: none;
		}

#menu ul li{
		display: inline;
		margin: 0 2px 0 0;
		padding: 0;
		}
#menu a{
		float: left;
		display: block;
		color: white;
		margin: 7px 3px 0 0; /*Margin between each menu item*/
		padding: 5px 10px;
		text-decoration: none;
		
		background-color:#008198;
		
		}
/*hack for firefox*/
html > body #menu a{
		margin: 7px 3px 0 0;  
		m/argin: 7px 3px 0 0;
		}  
		

/*hack for safari*/

@media screen and (-webkit-min-device-pixel-ratio:0){
		#menu a {margin-bottom: 9px;
		padding: 6px  ;
		}
}



#menu a:hover{
		background-color: gray; /*Menu hover bgcolor*/
		background:#dcede5;
		color:#003436;
		}

#menu #current a{ /*currently selected tab*/
		background-color: #dcede5; /*Brown color theme*/ 
		border-color: #dcede5; /*Brown color theme*/
		background:#dcede5;
		color:#003436; 
		}




</style>