/* * * * * * * * * * * * * * * * * * * * * * * */
/*              Menus for WPA                 */
/* * * * * * * * * * * * * * * * * * * * * * * */

#menuBar {
	display: 				block;
	position:relative;
	width:700px;
	margin: 				10px 10px 10px 10px;
	padding:				0 5px 2px 5px;
	overflow: 			hidden;
	vertical-align: 		middle;
	color: 					#000000;
	background-color: #cccccc;
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	text-align: 			left;
	text-transform: 	capitalize;
	border:				solid 2px #999999;
}

#menuBar form { position:relative; top:0; display:inline; background-color: #cccccc; font-size:x-small; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#menuBar form input { color:#990000; background-color: #cccccc; font-size:x-small; font-family: Arial, Helvetica, sans-serif; font-weight: bold; display:inline; border:none; padding:0; margin:0;  }
#menuBar form a { color:#990000; background-color: #cccccc; font-size:x-small; font-family: Arial, Helvetica, sans-serif; font-weight: bold; display:inline; border:none; padding:3px; margin:0; text-decoration: none; }
#menuBar form a:hover { background-color: #ffffcc; }

#menuBar form input:hover { background-color: #ffffcc;}

.menuDrop {
	position: 				absolute;
	z-index: 				2000;
	top: 						60px;
	left: 					0;
	width: 					125px;
	height: 				auto;
	color: 					#478343;
	visibility: 			hidden;
	margin: 				0;
	padding: 				0;
	font-size: 			x-small;
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	background-color: #cccccc;
	border-style: 		solid;
	border-width: 		0 1px 1px;
	border-color: 		#999999;
}

.menuHeader {
	display: 				inline;
	position: 				relative;
	padding: 				0 3px;
	margin: 				0;
	color: 					#000000;
	font-size: 			x-small;
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	text-decoration:	none;
	white-space: 		nowrap;
	cursor: 				pointer;
}

a.menuHeader:link 		{ /*color: #000099*/ }
a.menuHeader:visited { /*color: #990099*/ }
a.menuHeader:hover 	{ /*color: #000099; background-color:#B9DBDA; text-decoration: none*/}
a.menuHeader:active 	{ /*color: #FFFF66*/ }

.menuSection {
	display: 				block;
	padding: 				2px 3px;
	color: 					#FFFFCC;
	background-color: #336666;
	border-top: 			1px solid #cccccc;
}

a.menuLink {
	display: 				block;
	padding: 				2px 3px;
	background-color: #ffbf00;
	border-top: 			1px solid #cccccc;
}

a.menuLink:link {
	color: 					#000000;
	background-color: #ffbf00;
	text-decoration: 	none;
}

a.menuLink:visited {
	color: 					#000000;
	background-color: #ffbf00;
	text-decoration: 	none;
}

a.menuLink:hover {
	color: 					#ffbf00;
	background-color: #478343;
	text-decoration: 	none;
}

a.menuLink:active {
	color: 					#F8F9E4;
	text-decoration: 	none;
	background-color: #cc0000;
}

/*  Top-level Link items  (like Contact Us)  */
a.TopLink {
	display:					inline;
	margin-top:           	0px;
	margin-bottom:      0px;
	padding:                	3px;
	padding-left:			4px;
	background-color: #cccccc;
	color:					#000000;
	font-size: 				x-small;
	font-weight: 			bold;
	text-decoration:	none;
}

a.TopLink:link {
	color:					#000000;
}

a.TopLink:visited {
	color:					#000000;
	text-decoration:	none;
}

a.TopLink:hover {
	color: 					#cc9900;
	background-color: #ffffcc;
}

a.TopLink:active {
	color:					#000000;
}