@charset "UTF-8";
/* CSS Document */

.drop ul {
padding:0;
margin:0;
list-style-type:none;
	background:#ccc;
	display:block;
}

.drop  ul ul {
visibility:hidden;
position:absolute;
height:0;
top:25px;
left:1px; 
list-style-type:none;
float:left;
width: 180px;
}

.drop li {
float:left;
position:relative;
text-decoration: none;
}


.drop ul li:hover ul,
.drop ul a:hover ul{
visibility:visible; 
color: #F00;
	background-color:#333;
}

.drop ul ul a:hover {
	color: #f00 ;
	background-color:#333;
	visibility: visible;
}


.drop ul ul a:link {
	display:block;
	background-color: #CCC;
color: #f00; 
height: 20px;; 
line-height:1.25em; 
padding-top: 5px; 
width: 162px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
}

.drop ul ul a:visited{
	display:block;
	background-color:#aaaaaa;
color:#f00; 
height: 20px;
line-height:1.25em; 
padding-top: 5px; 
width: 162px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
	
}


/* style the table so that it takes no part in the layout - required for IE to work */
.drop table {position:absolute; top:0; left:0;}

/* another hack for IE5.5 */
* html .drop ul ul {
top:25px;
t\op:25px;
width:162px;
w\idth:150px;
}

/* Main menu rollover styles, allows button to stay highlighted when on the dropdown */ 
.rollover {display:block; line-height:26px;} 
.rollover:hover {display:block; background-color:#666;} 
.rollover a { display:block; line-height:26px; font-size:12px; text-decoration:none;} 
.rollover a:hover { display:block; background-color:#666;}

/* Rollover fix for IE 6 */ 
.rollover :hover > a {display:block;background:url("../images/nav_overview.jpg");}