/* CSS Document */


		
/*--- MANAGE THE COLUMN MENU NAVIGATION---*/

#menu, #menu li { margin:0; padding:0; list-style:none; }
#menu span{ margin:0; padding:0; }/*visibility:hidden; }*/
#menu{
	width:185px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom: 10px;
	font-family: verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	line-height: 100%;
	padding-top: 9px;
}

#menu a {
	text-decoration: none;
}
#menu li{
	height:21px; 
}
/*if you dont fix this in pixels it blows up out of size on hi-res monitor settings*/
#menu li a{
font-family: verdana, helvetica, sans-serif;
	font-weight: bold;
	color:#fff;
	background: transparent;
font-size: 12px;
line-height: 1.35em;
padding: 5px 1px 2px 24px;	
display:block;
	height: 19px;  
	width: 185px 
	text-decoration: none;
}

/* invert the colors when mouse over */
#menu li a:hover { 
background-color:#0099CC;
color: #0099CC;
/* Use this to swap for images on mouseover instead of simple text color changes */
background:url(../images/menuhover4.gif) no-repeat 1px 50%;	
}


/* Now Indicate YOU ARE HERE for the page user is currently ON (a.on) by holding invert or displaying image */
/* Use this code instead to swap for images instead of simple text color changes the 160 indicates px from left margin to left edge of menuhover.gif image*/
/* background:url(../Images/menu/menuhover2.gif) no-repeat 160px 50%;	}*/

#menu li#home a.on {background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}
/*{ background-color:#444444;color:#fff;}*/

/*--Use this if you want hover same as You are Here page color --*/
/*#menu li#home a:hover, #menu li#home a.on { background-color:#006666;color:#fff;}*/

#menu li#services a.on {background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}

#menu li#news a.on {background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}

#menu li#show a.on { background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}

#menu li#ideas a.on {background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}

#menu li#inspire a.on { background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}

#menu li#widget a.on {background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}

#menu li#skins a.on { background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}

#menu li#test a.on {background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}

#menu li#res a.on { background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}

#menu li#con a.on { background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}

#menu li#about a.on { background:url(../images/menuhover4.gif) no-repeat 1px 50%;color: #0099CC}






/*-- END MENU NAV --*/