img {
	behavior:url(png_behavior.htc);
}

img{
	border:none;
	}
	
#header {
	z-index:20;
}

/* menu div setup */
 #menu {
 	width:922px;
 	height:56px;
 	font-size:12px;
 	position:relative;
 	overflow:hidden;
 	
 }
 
#menu ul.dropline_menu {
	width: 100%;
	float: left;
	
}
 
 /* Set the styles for all menu ul */
 #menu ul, #menu li {
 	list-style:none outside;
 	margin:0px;
 	padding:0px;
 }
 
 /* Float the menu titles to the left side */
 .menuArea, .menuAreaCurrent {
	float:left;
	position:relative;
 }
	


/* To position the sub menu item lists by their parent and make them not expand the parent item */
.subItems, .subItemsRight  {
	position:absolute;
	visibility:hidden; 
	
}


/* the left side sub item ul */
.subItems {
	left:0px;
	width:922px;
}

/* the right side subitem ul */
.subItemsRight {
	right:0px;
	width:922px;
	
}

/* Standard left side menu area sub items */
.subItems li {
	float:left
}
	
/* Sub items for menu areas whose parent is on the right side */
.subItemsRight li {
	float:right;
}

/* CSS hover to provide access for non javascript browsers */
#menu li:hover .subItems, #menu li:hover .subItemsRight {
	visibility:visible;
}

/* sub item link normal state */
#menu .subItems a, #menu .subItemsRight a {
	padding:4px 17px 5px 0px;
	color:#465B77;
	display:block;
	text-decoration:none;
	font-weight:normal;
}


/* Sub item link hover state */
#menu .subItems a:hover, #menu .subItemsRight a:hover {
	color:#000;
}


/* Menu area titles */			
#menu a.mainItem {
	padding:2px 10px;
	display:block;
 	text-decoration:none;
 	text-align:left;
 	margin:0px;
	line-height: 26px;
}
 
 
 
/* The title of the menu area, selected by both the css and js actions */



/* Once the js changes the class name of a menu area to menuAreaCurrent these rules will kick in */
#menu .menuAreaCurrent .subItems, #menu .menuAreaCurrent .subItemsRight {
	visibility:visible; 
} 

#menu #menuItemCurrent a{
	color:#A1B4CE;
	font-weight:bold;
}


/* sub item link normal state */
#menu .subItems a, #menu .subItemsRight a {
	color:#006699; 
}



/* Sub item link hover state */
#menu .subItems a:hover, #menu .subItemsRight a:hover {
	color:#555;
}


/* Menu area titles */			
#menu a.mainItem {
    color: #fff;
}
  
/* The title of the menu area, selected by both the css and js actions */
#menu .menuAreaCurrent a.mainItem, #menu li:hover a.mainItem {
    color:#fff;
}


#menu #menuItemCurrent a{
	color:#fff;
}


/* Background div behind the sub items */
#menuSubBackground {
 	position:absolute;
 	top:30px;
 	left:0px;
 	width:922px;
 	height:26px;
 }


/* Fade Styles */

/* If the user has no javascript we skip the whole thing and don't display the fade div */
/* Should be set the same or sim to the menuSubBackground above */



/* opacity classes */
.opacity0   {	-moz-opacity:0.0; opacity:0.0; filter:alpha(opacity=00); }
.opacity20  {	-moz-opacity:0.2; opacity:0.2; filter:alpha(opacity=20); }
.opacity40  {	-moz-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); }
.opacity60  {	-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity=60); }
.opacity80  {	-moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); }
.opacity100 {	-moz-opacity:1.0; opacity:0.8; filter:alpha(opacity=100);}