/* CSS gets uglier when you want pixel-perfect positioning, but it sure
   beats using tables. :) 
 */

#topbar #bg {
	background-image: url(/images/topbar_right.jpg); 
	height: 72px;
}

#topbar #menubg {
	background-color: #709ac8; 
	height: 17px; 
	overflow: hidden;
}

#topbar #logo {
	position: absolute; 
	cursor: pointer;
	top: 0px; 
	left: 0px;
	width: 111px;
	height: 89px;
	background-image: url(/images/topbar_left.jpg); 
	z-index: 20;
}

#topbar #logo-bottom {
	position: absolute;
	top: 89px;
	left: 0px;
	width: 111px;
	height: 6px;
	overflow: hidden;
	background-image: url(/images/topbar_left_bottom.jpg); 
}

#topbar #logo-bottom-submenu {
	position: absolute;
	top: 89px;
	left: 0px;
	width: 111px;
	height: 6px;
	overflow: hidden;
	background-image: url(/images/topbar_left_bottom_submenu.jpg); 
	z-index: 10;
}

#topbar #middle {
	position: absolute; 
	top: 0px; 
	left: 111px; 
	width: 484px; 
	height: 72px; 
	background-image: url(/images/topbar_middle.png);
	color: white;
}

#topbar #right {
	color: white;
	position: absolute;
	width: 100%;
	top: 15px;
	left: 0px;
	text-align: right;
	font-size: 12px; 
}

#topbar #right div {
	font-family: tahoma,verdana,sans-serif;
	float: right;
	width: 12em;
	text-align: center;
	font-size: 12px;
	margin-right: 10px;
}

#topbar #right div p {
	margin: 0px;
	margin-top: 10px;
}

#topbar #right div a {
	color: white;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	background: url(/images/topbar_middle_arrow.gif) no-repeat left center;
}
#topbar #menu {
	position: absolute; 
	top: 72px; 
	left: 111px; 
	height: 17px; 
	background-color: #709ac8; 
	font-size: 12px !important; 
	color: white;
	overflow: hidden;
}

#topbar #menu a {
	color: white;
	padding-left: 20px;
	padding-right: 20px;
	height: 17px;
}


#topbar #menu a:hover {
	background-color: #94b3dc;
	border-bottom: 2px solid #94b3dc;
}

#topbar #menu .selected {
	padding-left: 10px;
	background-color: #94b3dc;
	border-bottom: 2px solid #94b3dc;
}

#topbar #submenu {
	top: 89px; 
	left: 0px; 
	height: 19px; 
	background-color: #94b3dc; 
	font-size: 12px !important; 
	color: white;
	z-index: 1;
	padding-left: 111px;
	overflow: hidden;
}

#topbar #submenu div {
	padding-top: 2px;
	height: 19px;
	overflow: hidden;
	float: left;
	margin-right: 3px;
	cursor: pointer;
}

#topbar #submenu div a {
	color: white;
	padding-left: 20px;
	padding-right: 20px;
}
#topbar #submenu div a:hover {
	text-decoration: underline;
}

#topbar #submenu div.selected {
	color: black;
	padding-top: 2px;
	height: 19px;
	overflow: hidden;
	background-color: white;
	float: left;
	margin-right: 3px;
	cursor: pointer;
}

#topbar #submenu div.selected a {
	color: black;
}