div#bannercontainer 
{
width:	900px;
height: 123px;
padding:0;
margin:0;	
}

div#banner 
{		
	height:128px;
	float:left;
	width:777px;	
	background-color:Transparent;
	margin:0;
	padding:0;	
}

div#banner img 
{
border:none;		
}

div#bannersearch {	
	height:128px;
	width:123px;
	background-color:Transparent;
	float:left;
	width:123px;
}

div#bannersearch img{
border:none;
}



/* the top level menu container and menu*/

div#navcontainer 
{
	background-color:#f58105;	/* dark orange */
	height:1.8em;	
	padding:0;
	margin:0;
	width:100%;	
	height:28px;
	/* position and z-index are necessary to make mega menu lay in front of page items */
	position:relative;
	z-index:1;
	

	
	
}



ul#menu 
{	
	
	 
/*	added 9-23-2010 to keep top nav from wrapping in FF when text is zoomed */
	float:left;
	width:100%;
	white-space:nowrap; /* end of no-wrap code */

	
	list-style: none;
	padding:0;	
	margin:0;	
	padding:0;
	margin-left:28px;	
	height:28px;
	position:relative;
	z-index:1; /* keeps menu on top of sliding content on home page */
}

ul#menu li.topmenuitem {
	display: inline;
	position: relative; 
	margin-right:5px; 
	padding-right:10px;
	padding-left:10px;
	margin-top:0;
	display:inline;
	height:27px;
	z-index:1; /* keeps menu on top of sliding content on home page */
	
	font-size:.8em;
	white-space:nowrap; /* keeps the nav list from wrapping when user increases text size */
	
	/* top and bottom padding necessary to set the height on the <li> */
	
	padding-top:5px; 
	padding-bottom:6px;	
	
	
}

ul#menu li ul li 
{	
	white-space:normal!important;	
}

ul#menu li.firstitem 
{

}

ul#menu li.topmenuitem a 
{
	color:white;
	font-weight:bold;	  
    text-decoration:none;          
}



ul#menu li.hovering 
{
	background-color:#f5a305;		
}


ul#menu li.hovering a 
{
color:	#971a03;
}

/* style set in the javascript */
ul#menu li.hovering div, ul#menu li.showmenu div
 {
  display: block;   
}




/* the custom margins below are use to line up the hover tab with the edge of the radius of the corner */
ul#menu li.hovering div#counselors, li.showcounselor div {
  display: block; 
  margin-left:-207px;
}


ul#menu li.hovering div#parents, li.showparents div {
  display: block; 
  margin-left:-230px;
}

ul#menu li.hovering div#about, li.showabout div {
  display: block; 
  margin-left:-208px;
  width:300px;
}


/*the sub "mega" menu */

ul#menu div 
{
	/* any div */
  display: none;
  background-color:#fff;
  
  padding-left:5px;
 
}




ul#menu li.topmenuitem div{
  margin-top:1px;
  width: 27em; /* applies to Explore Careers, Find a College , Counselors */
  
  position: absolute;
  top: 26px;
  left: -5px;
 
  background-color:#fbecdb;
  border: 1px solid #f5a305;
  border-top: 7px solid #f5a305;
    border-bottom: 7px solid #f5a305;
  -moz-border-radius-topright: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
	
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	
	-moz-box-shadow: 3px  3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
 
 /*
 filter: progid:DXImageTransform.Microsoft.Shadow(color=#ddd9df,offX=5, offY=5, positive=true); 
*/

}
ul#menu li.topmenuitem div#getstarted{
width:30em;
}


ul#menu li.topmenuitem div#parents{

}
 ul#menu li.topmenuitem div#about{

}

ul#menu li.topmenuitem ul.submenu
{
	padding:0;
	 margin:5px 10px 5px 8px;
	display:block !important;	
	/* text-indent:10px; */
	line-height:100%;
	
}

ul#menu li.topmenuitem ul.submenu   li
{
	
	display:block !important;
	list-style-type:none;
	padding:0;
	margin:0;
	text-indent:0;
	margin-bottom:5px;
	font-family: Verdana, sans serif;
	font-size:11px;
	line-height:160%;
	
}

ul.submenu li.nonlinkheading 
{
	font-weight:bold!important;
	color:#5a595c;
	
}

ul#menu li.topmenuitem ul.submenu li.nonlinkheading a 
{
	color:#0096b7;
	font-size:10px;
	
	}

ul#menu li.topmenuitem ul.submenu li.nonlinkheading a:visited
{
	color:#0096b7;
	background-image: url('/images/checkmark.gif');
	background-repeat:no-repeat;
	background-color:Transparent;
	padding-left:15px;

	}

ul#menu li.topmenuitem ul.submenu li.nonlinkheading a:hover
{
text-decoration:underline;	
	}
	
ul#menu li.topmenuitem ul.submenu li.nonlinkheading ul 
{
	/*margin-left:-30px;	*/
	margin:0;
	padding-left:15px;
}	
	
ul#menu li.topmenuitem ul.submenu li.nonlinkheading ul  li 
{
	margin:0;
	
	
	
}

ul#menu li li a.linkheading
{
	
	color:#0685a1;	
	
	
}



ul#menu li li a.linkheading:visited
{
	color:#0096b7;
	background-image: url('/images/checkmark.gif');
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:15px;
	
}



ul#menu li a.linkheading:hover
{
		
	text-decoration:underline;
}


div#maincontent ul.submenu li
{
margin-bottom:8px;
	
	
}


div#maincontent ul.submenu li a 
{
color:#0096b7;
font-weight:bold;	
}



.testclass 
{
background-color:Red;	
	
}