/*navbar*/
#navbar {
	position: relative;
	top: 0;
	left: 0;
	height: 27px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: #4F488B;
	font-size: 14px;
  font-weight:bold;
}

#navbar ul {
	height: 25px;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	/* could set overflow:hidden here to crop any text that wanders outside the bar, but then IE 5.x hides the submenus */
}

#navbar ul li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 5px 0em 6px 0em;
}

#navbar ul li a {
float:left;
	margin: 0;
	padding: 5px 10px 6px 10px;
	color: white;
	text-decoration: none;
}

#navbar ul li.leaf a {
  float:left;
  top: 8px;
}

#navbar ul li:hover {
	background-color: #C0CBDA;
	background: #9c9da1;
}
#navbar ul li a:hover {
	background-color: #C0CBDA;
	background: #9c9da1;
}

/*subnav*/
#navbar ul li ul, #subnavbar ul {
	visibility: hidden;
	position: absolute;
	top: 25px;
	left: 0px;
	height: 36px;
	line-height: 25px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: #9c9da1;
	font-size: 14px;
  font-weight: bold;
	overflow: hidden;
}
#subnavbar ul {
	visibility: visible;
	position: relative;
	top: 0;
	left: 0;
	background: none;
}
#subnavbar ul * {
	visibility: hidden;
}

#navbar ul li ul li, #subnavbar ul li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 5px 0em 6px 0em;
}

#navbar ul li ul li a, #subnavbar ul li a {
	margin: 0px;
	padding: 10px .5em 6px .5em;
	color: black;
	width: auto; /* need this to override .menu li a { width: 100% } in drupal.css */
	text-decoration: none;
}

/* #navbar ul li ul li:hover, #subnavbar ul li:hover, /* not needed, causes too-big underlines */
#navbar ul li ul li a:hover, #subnavbar ul li a:hover {
/* should probly make this only li a:'s not li's cuz li's underline is too wide */
	color: #3355AA;
	background-color: #C0CBDA;
	background: #9c9da1;
	text-decoration: underline;
}

#navbar ul li ul li a:active, #subnavbar ul li a:active {
	color: #fff;
	text-decoration: underline;
}

#navbar ul li ul li a.active, #subnavbar ul li a.active,
#navbar ul li ul li a.active:hover, #subnavbar ul li a.active:hover,
#navbar ul li ul li a.active:active, #subnavbar ul li a.active:active,
#navbar ul li ul li a.active:visited, #subnavbar ul li a.active:visited {
	color: #3355AA;
        color: blue;
	text-decoration: underline;
}


/*navrightbox*/
#navrightbox {
	position: absolute;
	top: 160px;
	left: 575px;
	text-align: right;
	font-size: 14px;
        font-weight: bold;
	width: 200px;
	height: 25px;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	background-color: #C0CBDA;
	vertical-align: baseline;
}

#navrightbox form {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#navrightbox input {
	display: inline;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-right: 1em;
}

/*navspacer*/
#navspacer {
	height:50px;
	clear:both;
}

/*belownav*/
#belownav {
	position: relative;
	top: 25px;
	left: 0;
	height: 25px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background-color: #C0CBDA;
	font-size: 14px;
        font-weight: bold;
}


/*soopamenuhover*/
#navbar .soopamenuhover {
	visibility: visible !important;
}
#subnavbar ul.soopamenuhover {
	visibility: visible !important;
	background: #9c9d00;
}
#subnavbar ul.soopamenuhover * {
	visibility: visible !important;
}
#navbar li.soopamenuhover {
	/* hide this from Mac IE with escape-hack \*/
	background: #C0CBDA;
	/* mac IE is confused about the size of the LI's box (it makes it go 
	   as wide as the whole UL it's in, eg to the right edge of the last item) */
}

#navbar li li.leaf a:hover {
color: #333;
text-decoration:none;
  color: blue;
	text-decoration: underline;
}