@charset "utf-8";
/*////////// Nav Dropdown CSS //////////*/

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
#menu-wrap{
	width:480px;
	position:relative;
	float:right;
	}
#nav ul a:hover{color:#CCC;}
#nav ul ul {
	position:absolute; 
	top:65px; 
	left:165px;
	background:#333333; 
	display:none; 
	opacity:0; 
	margin:0;
	list-style:none;
	width:260px;
	}
html* #nav ul ul {left:;}
*html #nav ul ul {left:;}

#nav ul ul li {
	position:relative; 
	border:none; 
	border-top:none; 
	margin:0;
	display:block;
	color:white;
	}
*html #nav ul ul li {width:200px;}
#nav ul ul li a {
	display:block; 	
	text-align: left; 
	font-weight: bold;
	padding:5px 10px;
	font-size:16px;
	border:none;
	text-indent: 0;
	height:auto;
	margin-right:0;
	}
#nav ul ul li a:hover {
	background-color:#c5c5c5;
	display:block;
	text-decoration:none; 
	color: #ce1a33; 
	border:0px;
	padding:5px 10px;
	}
#nav ul ul div{
	width:240px;
	float:left;
	height:225px;/*DROPDOWN HEIGHT*/
	padding:10px;
	}
*html  #nav ul ul div{padding:20 0; margin:0; width:160px;}
#nav ul ul div h3{
	float:left;
	color:#dddddd;
	padding-bottom:10px;
	}
#nav ul ul div#c2, #nav ul ul div#c4{padding-top:50px;}

#nav ul ul ul {
	left:148px; 
	top:-1px;
	}
#nav ul .sub {
	background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;
	}
#nav ul .topline {
	border-top:1px solid #aaa;
	}
#nav .spacer{
	padding: 10px 0 20px 20px;
	height:110px;	
	}
	

/*---------------------------IE6*/

*html #nav ul ul{
}

*html #nav ul ul {

}

/*---------------------------IE7*/
	
*:first-child+html #nav ul ul {

}