/* TOP NAVIGATION #########################################################################*/

#searcharea {
  float: right;
  margin: 0;
}

#topnav {
  display: block;
  float: right;
  margin: 0 0 10px 0;
  padding: 0;
}

#topnav li {
  display: inline;
  list-style: none;
  padding: 0 0 0 30px;
}

#topnav li a, #topnav li a:link, #topnav li a:visited {
  border-right: 1px solid white;
  color: #999999;
  padding: 5px;
  line-height: 1;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:.8em;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#topnav li a:hover, topnav li a:active {
  color:#003366;
}

/* NAVIGATION MENU */
 
		#topnav { display: block; margin: 0; padding: 0; position: relative;z-index: 2000; }
		#topnav li { display: block; list-style: none; margin: 0; padding: 0 0 0 30px; float: left; position: relative; z-index: 2000; }
		#topnav a { display: block; }
		#topnav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; z-index: 2000; }
		#topnav ul li { float: none; padding: 0; z-index: 2000; }
		* html #topnav ul { line-height: 0; } /* IE6 "fix" */
  	#topnav ul a { zoom: 1; } /* IE6/7 fix */

/* STYLING */
 
		#topnav { height: 24px; }
		#topnav *:hover { color:#003366; }
		#topnav a { 
			border-right: 1px solid white;
			color: #999999;
			padding: 5px;
			line-height: 1;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:.8em;
			font-weight: normal;
			text-decoration: none;
			text-transform: uppercase;
		}
		#topnav li.hover a {  }

/* SUB-NAVIGATION MENUS */

		#topnav ul { width: 150px; top: 23px; left: 30px; border: 1px solid #ccc; background: #fff; }
		#topnav ul ul { left: 151px; top: 0; }
		
		#topnav ul li a { background: #fff; padding: 5px; }
		#topnav ul a.hover { background: #fff; }
		#topnav ul a { border-bottom: 1px solid white; border-right: none; }

#searchbox {
  width: 120px;
  height: 14px;
  padding: 0 0 0 2px;
  border: 1px solid #CCCCCC;
  margin: 1px 0;
  font-size: 10px;
  color: #999999;
  background: #ffffff;
}

#searchbutton {
  display: block;
  float:right;
  width: 14px;
  height: 16px;
  background: url(../images/blue_arrow_icon.jpg) no-repeat;
  margin: 1px 0;
  padding:0;
  text-indent: -9000px;
	font-size: 10px;
}

/* MAIN NAVIGATION (DROP DOWN) ############################################################*/

/* Basic code - don't modify */
 
 #nav { display: block; margin: 30px 0 0 0; padding: 0; position: relative; float:right; clear: both;background:#fff; z-index:980; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0 0 0 30px; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 29px; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0px; }
    
/* Essentials - configure this */

#nav ul { width: 180px;background:#fff;z-index:1; }
#nav ul ul { left: 180px;top:0; background:#ffffff;z-index:1000; }

/* Everything else is theming */
 
#nav {
  background-color: #fff; height: 24px;
}

#nav *:hover { 
  background-color: #fff;
}

#nav a { 
  border-right: 1px solid white;
  color: #999999;
  background: #fff;
  padding: 5px;
  margin:0;
  line-height: 1;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#nav li.hover a {

}

#nav li a {
  font-weight: bold;
	background: none;
	border: 1px solid #fff;
}

#nav li a.hover {
	background: #fff;
	color: #003366;
}

#nav li ul a {
  font-weight: normal;
}

#nav li ul a.hover {
  border: 1px solid #fff;
}

#nav li a:hover {
  color:#003366;
}

#nav ul {
  top: 24px;
  border: 1px solid #cccccc;
  background: #ffffff;
}

#nav ul li a {
  text-transform: none;
	font-weight: bold;
}

#nav ul li ul {
  border: 1px solid #ccc;
}

#nav ul li ul li a {
  font-weight: normal;
}

#nav ul li a {
  background: none;
}

#nav ul li {
  padding: 0;
}

#nav ul a.hover {
  color:#003366;
}

/* #mainnav ul a { border-bottom: none; } - I also needed this for IE6/7 */