#navigation{
	width:860px;
	height:50px;
	margin-top:0px;
	border-bottom:2px solid #999999;
	background-color:#000;
	}
	
#navigation ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	text-transform:uppercase;
	}

ul.topnav{
	list-style: none;  
	padding: 5px 20px;  
	margin: 0;  
	float: left;  
	width: 819px;  
	background: #000;  
	font-size: 1.2em;  
}

ul.topnav li {  
	float: left;  
	margin: 0;  
	width:136px;  
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	}
	
ul.topnav li a{  
	padding: 10px 5px;
	width:100px;
	text-align:center;  
	color: #fff;  
	display: block;  
	text-decoration: none;  
	float: left;  
	}  
	
ul.topnav li a:hover{  
	background:#FF0099;
	}  

ul.topnav li span { /*--Drop down trigger styles--*/  
	width: 17px;  
	height: 40px;  
	float: left;  
	background:url(images/nav_arrows.png);
	}
	
ul.topnav li span.subhover {
	background-position: center bottom; cursor: pointer;
	} /*--Hover effect for trigger--*/  
	
ul.topnav li ul.subnav {  
	list-style: none;  
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
	left: 0; top: 40px;  
	background:rgb(115,115,115);
	margin: 0; padding: 0;  
	display: none;  
	float: left;  
	width: 165px;  
	border: 1px solid #111;
	z-index:1000;  
	}  

ul.topnav li ul.subnav li{  
	margin: 0; padding: 0;  
	border-top: 1px solid #252525; /*--Create bevel effect--*/  
	border-bottom: 1px solid #444; /*--Create bevel effect--*/  
	clear: both;  
	width: 165px;  
	}  

html ul.topnav li ul.subnav li.pink a{
	font-family:Arial, Helvetica, sans-serif;
	color:#C06;
	}
	
html ul.topnav li ul.subnav li a {  
	float: left;  
	width: 155px;  
	background:rgb(115,115,115);
	text-align:left  
	padding-left: 20px;  
	font-size:.75em;
	}  
	
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
	background: #222;  
	}
