<% Response.ContentType = "text/css" %>

/*
Four-Quadrant Layout
*/

body {
	color: #000;
	}

/*These are the div classes that control the general layout.*/

#wrap {
	width: 910px;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 50px;
	padding-bottom: 5px;
	float: left;
	clear: left;
	}

#login {
	width: 100%;
	height: 40px;
	margin: 5px 0px 25px 0px;
	position: absolute;
	/*float: right;*/
	/*clear: both;*/
	text-align: right;
	font-size: 0.8em;
	}

#banner {
	width: 200px;
	top: 50px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	/*float: left;*/
	/*clear: left;*/
	align: center;
	overflow: hidden;	
	}

#navwrap {
	width: 200px;
	top: 250px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	/*float: left;*/
	/*clear: left;*/
	list-style: none;
	overflow: hidden;
	}

#contentWrap {
	/* float: left; this breaks the layout in Firefox and makes it worse in IE 6 */
	width: 710px;
	top: 50px;
	left: 200px;
	position: absolute;
	/*float: right;*/
	align: center;
	}

	
#content {
	width: 700px;
	padding: 5px 5px; 5px 5px;
	align: center;
	}

/* This is the end of the general layout div classes.*/

/* This is the beginning of the div classes within the login div.*/

#login form {
	float: right;
	padding-right: 10px;
	}
	
#logintitle {
	padding: 2px;
	float: left;
	}

#user, #pass, #loginbutton {float: left; margin-left: 3px; font-size: .9em;}

#loginbutton { 
	float: left; 
	text-align: right;
	margin-left: 3px;}
	
#loginlinks {
	float: right;
	clear: right;
	font-size: .9em;
	margin-left: 3px;
	margin-top: 0px;
	/*margin-top: 2px;*/
	padding-right: 10px;
	}

/* This is the end of the div classes within the login div.*/

/* This is the menu formatting. The id's are used to position and differentiate the sections, and the classes are used to format the menuheader and menu items in each section. To differentiate the menu items in each section, use the ids, which take precedence. */

	
#nav, #membernav, #officernav, #adminnav  {
	float: left;
	width: 100%;
	color: black;
	margin: 0px;
	padding: 0px 0px 6px 2px;
	border-bottom: 0px solid #000;
	}

.menuheader {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	}

/* #nav a,  #membernav a, #officernav a, #adminnav a { */
.menu a	{
	color: white;
	padding: 2px 0px 2px 4px;
	background-color: transparent;
	/*display: block;*/
	text-decoration: none;
	line-height: 20px;
	}

/*#nav a:hover, #membernav a:hover, #adminnav a:hover, #officernav a:hover { */
.menu a:hover	{ 
	color: white;
	background-color: #000;
	}

/* #nav li, #membernav li, #officernav li, #adminnav li { */
.menu li
	float: left;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 1.5em;
	white-space: nowrap  /* keeps links from wrapping */
	list-style: none;
	}

	
/*********** no dropdowns ***********

#nav ul {
	position: absolute;
	display: none;
	left: auto;
	top: auto;
	list-style: none;
	margin: 0px;
	border: 1px solid #fff;
	background-color: #555;
}

#nav ul li {
	width: 150px;
	}
	
#nav li:hover ul {display: block}
*****************************************/