/*
CVS: $Id: asu_header_nav.css,v 1.5 2007/07/25 22:08:31 cvsdevel Exp $
Title: ASU Drupal Template
Copyright: (c) 2007
Author: AS
Company: Rhino Internet Solutions
Description: Gold header and maroon horizontal nav styles for ASU content template

Updated By		Updated Date		Description
Eric Caslake		7/31/2007		added /newlook to image url's
Chris Puleo			9/5/2007		switched "1.0" to "current"
Alex Dora			1/2/2008		added "Search Sub Menu"								
*/

/* =Gold Header
--------------------------------------------------------- */

#asu_hdr_container {
   background-color: #FC6;
   }  

#asu_gold_hdr {
   background: #FC6 url(/education/images/asu_hdr_sunburst.gif) bottom right no-repeat;
   height: 100px;
   margin: 0; padding: 0;
   }

#asu_logo {
   float: left;
   height: 50px;
   margin: 10px 0 0 0; padding: 20px 0 0 20px;
   width: 297px;
   width/**/:/**/ 206px;
   display:block;
   }

#asu_logo_print {
   display: none;
   }

/* ----{ Login Links }---- */

#asu_login_search {
   padding: 12px 0 10px 0;
   float: right;
   width: 70%;
   }

#asu_login_module {
   margin: 0 0 0 0; padding: 0 25px 0 0;
   float: right;
   }

#asu_login_module li {
   border-right: 1px solid #333;
   color: #333;
   float: left;
   list-style-type: none;
   margin: 0; padding: 0 .41em;
   }

#asu_login_module li a {
   color: #333;
   text-decoration: none;
   }

#asu_login_module li a:hover {
   color: #802;
   text-decoration: none;
   }

/* ----{ Search Module }---- */

#asu_search_module {
   clear: right;
   height: 1.83em;
   font-size: .92em; line-height: 2em;
   float: right;
   margin: 10px 0; padding: 8px 30px 0 0;
   text-align: right; vertical-align: middle;
   }

#asu_search_module label {
   color: #333;
   float: left;
   font-size:12px;
   }

.asu_search_box {
   background-color: #FFF;
   border: 1px solid #999;
   float: left;
   font: 1em Tahoma, Arial, Helvetica, sans-serif; color: #666;
   padding: 0 4px; margin: .33em 5px;
   width: 250px;
   }

.asu_search_button {
   float: left;
   margin: .15em 0; padding: 0;
   }

#asu_search_module ul {
   clear: both;
   padding: 0 0 0 45px; margin: 0;
   }

#asu_search_module ul li {
   float: left;
   list-style-type: none;
   vertical-align: middle;
   margin-right: 1em;
   }

#asu_search_module ul li label,
#asu_search_module ul li input {
   float: left;
   margin: 0 3px; padding: 0;
   }

/* ----{ Float Clearing }---- */

#asu_gold_hdr:after,
#asu_login_search:after,
#asu_search_module:after,
#asu_search_module div:after,
#asu_search_module ul:after,
#asu_maroon_nav ul:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }

/* =Maroon Nav
------------------------------------------------------ */

#asu_maroon_nav {
   background-color: #802;
   clear: both;
   display: block;
   height:23px;
   border-bottom: 3px solid #DDD;
   }


/* =Search Links
------------------------------------------------------ */
#asu_goldlinks{
	clear:both;
	
	}
	
#asu_goldlinks a {
	text-decoration: none; color: #333;
	font-size:11px;
	}

#asu_goldlinks a:hover {
	text-decoration: underline; color: #333;
	}



/* =Drop Down Menu
------------------------------------------------------ */


#menu {
	width: 100%;
	background: #802;
	float: left;
	padding: 2px 0;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto; /* This will affect IE Crap */
	float: left;
}
#menu a {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0 0;
	padding: 2px 0;
	color: #fff;
	background: #802;
	text-decoration: none;
	padding: 0 2px;
}
#menu h2 {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	color: #fff;
	background: #802;
}
#menu h2 a {
	padding: 0 15px;
}
#menu a:hover {
	color: #802;
	background: #ddd;
}
#menu li {
	position: relative;
}
#menu ul ul {
	position: absolute;
	z-index: 500;
	width:auto; /* This will affect IE Crap */
	white-space:nowrap;
	background: #802;
	max-width: 300px;
	min-width: 117px;
	border: 1px solid #700;
	border-top: none;
	padding-top: 2px;
}
#menu ul ul li {
	clear:both;
}
#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {
	display: none;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
	display: block;
}


/* =Basic Elements
--------------------------------------------------------- */

img {
   border: 0;
   }

/* =ASU FORM STYLES
----------------------------------------------------------------*/

input[type="text"] {
   background-color: #F2F2E6;
   border: 1px solid #999;
   font: 11px/15px Tahoma, Arial, Helvetica, sans-serif; 
   color: #333;
   padding: 2px 0 3px 3px;
   }

/* =Universal
--------------------------------------------------------- */

.skip {
   display: block;
   font-size: 1px;
   height: 0;
   line-height: 1px;
   margin-top: -2px;
   text-indent: -9999px;
   }