body{
/*	margin: 0px;
	padding: 0;
	background-color: gray;
*/
	background-color: navy;
}



/****************************************
*
*	Styles for the main blocks of html
*
****************************************/

#everything{
	background-color: white;
}



#header{
/*	position: relative;*/
	background-color: white;
	width: 100%
	height: 121px;
	text-align: center;
/*	background-color: red;*/
}



#logo{
	position: absolute;
	top: 8px;
/*	top: 8px;
	height: 121px;
	width: 160px;
*/
	left: 8px;
	width: 210px;
	height: 116px;
	background-color: white;
}



#masthead{
/*	position: absolute;*/
	left: 210px;
	right: 0px;
/*	height: 121px;*/
	padding-top: 13px;
	height: 108px;
	background-color: navy;
	color: white;
	font-family: Verdana, sans-serif;
	text-align: center;
	margin-left: 210px;
/*	margin-top: 13px;
	visibility: hidden;*/
}



#AuxBanner{
/*	position: relative;*/
	font-size:		24px;
}



#DivBanner{
/*	position: relative;*/
	font-size:		30px;
}



#DistBanner{
/*	position: relative;*/
	font-size:		24px;
}



#content{
/*	position: relative;*/
/*	background-color: green;*/
}



#leftColumnBG{
	background-color: white;
/*
	position: absolute;
	background-color: navy;
	background-image: url(images/navfill.gif);
	background-repeat: repeat-y;
/*	visibility: hidden;*/
}



#rightColumnBG{
/*	background-image: url(images/right.gif);
	background-position: right 0px;
	background-repeat: repeat-y;*/
}



#navMenu {
	float: left;
	width: 210px;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}



#navMenu  ul {	
	list-style: none;
	width: 210px;
	margin: 0 0 0 0;
	padding: 0;
}



#navMenu li {
	margin-bottom: 4px;
}



#navMenu ul li a {
/*
	font-weight: bold;
*/
	font-weight: normal;
	height: 20px;
	text-decoration: none;
	color: #ffffff;
	display: block;
	padding: 6px 0 0 10px;
	background: navy;
	border-left: 8px solid #999999;
/*
	color: #505050;
	background: #e0e0e0;
	border-left: 8px solid #999999;
*/
}


	
#navMenu ul li a:hover {
	font-weight: bold;
/*
	background: #eaeaea;
	color: #286ea0;
	border-left: 8px solid #286ea0;
*/
	background: #eaea00;
	color: #286ef0;
	border-left: 8px solid #286ef0;
}



/*
#navMenu ul ul {	
	list-style: none;
	width: 150px;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 1.1em;
}
*/



#navMenu ul ul li a {
/*
	font-weight: bold;
*/
	font-weight: normal;
	height: 20px;
	text-decoration: none;
	color: #ffffff;
	display: block;
	padding: 6px 0 0 10px;
	background: navy;
	border-left: 24px solid #bbbbbb;
/*
	color: #505050;
	background: #e0e0e0;
	background: #f4f4f4;
	border-left: 24px solid #bbbbbb;
	border-left: 24px solid #999999;
*/
}


	
#navMenu ul ul li a:hover {
	font-weight: bold;
/*
	background: #eaeaea;
	color: #986ea0;
	border-left: 24px solid #986ea0;
*/
	background: #eaea00;
/*
	color: #e81e60;
	border-left: 24px solid #e81e60;
*/
	color: #ff4f00;
	border-left: 24px solid #ff4f00;
}



#navMenu ul ul ul li a {
/*
	font-weight: bold;
*/
	font-weight: normal;
	height: 20px;
	text-decoration: none;
	color: #ffffff;
	display: block;
	padding: 6px 0 0 10px;
	background: navy;
	border-left: 40px solid #bbbbbb;
/*
	color: #505050;
	background: #e0e0e0;
	background: #f4f4f4;
	border-left: 40px solid #bbbbbb;
	border-left: 40px solid #999999;
*/
}


	
#navMenu ul ul ul li a:hover {
	font-weight: bold;
/*
	background: #eaeaea;
	color: #986ea0;
	border-left: 40px solid #986ea0;
*/
	background: #eaea00;
/*
	color: #e81e60;
	border-left: 40px solid #e81e60;
*/
	color: #00cc00;
	border-left: 40px solid #00cc00;
}



#main{
/*	position: absolute;*/
	margin: 0 0px 0 210px;
	padding: 5px;
	background-color: white;
	color: navy;	
	font-family: Verdana, sans-serif;
	font-size: 14px;
	border-left: 2px solid #999999;
}



#main-old{
/*	position: absolute;*/
	top: 121px;
	left: 160px;
	right: 0px;
	background-color: white;
	padding: 5px;
	color: navy;	
	font-family: Verdana, sans-serif;
	font-size: 14px;
	margin-left: 160px;
/*	visibility: hidden;*/
}



.footer{
/*
	margin-top: 10px;
	margin-bottom: 10px;
*/
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: navy;
	color: white;
	text-align: center;
	font-family: Verdana, sans-serif;
	clear: both;
}



.foot3Left{
	float: left;
	width: 200px;
	background-color: navy;
	color: white;
	text-align: center;
	font-family: Verdana, sans-serif;
	clear: none;
}



.foot3Center{
	margin-left: 250px;
	margin-right: 250px;
/*
	padding: 5px;
*/
	background-color: navy;
	color: white;
	text-align: center;
	font-family: Verdana, sans-serif;
	clear: none;
}



.foot3Right{
	float: right;
	width: 200px;
	background-color: navy;
	color: white;
	text-align: center;
	font-family: Verdana, sans-serif;
	clear: none;
}



.footerTwo{
/*
	margin-top: 10px;
*/
	background-color: navy;
	color: white;
	text-align: center;
	font-family: Verdana, sans-serif;
	clear: both;
}



.foot2Left{
	float: left;
	width: 50%;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: navy;
	color: white;
	text-align: center;
	font-family: Verdana, sans-serif;
}



.foot2Right{
	float: right;
	width: 50%;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: navy;
	color: white;
	text-align: center;
	font-family: Verdana, sans-serif;
}



/****************************************
*
*	Styles for the member authentication
*
****************************************/

#authForm{
	position: relative;
	padding: 6px 6px 12px 6px;
	font-size: 12px;
	text-align: center;
/*
	background-color: brown;
	color: white;
*/
	/* International Orange */
	background-color: #ff4f00;
	color: black;
	margin: 4px 0px 8px 0px;
}



#memName{
}



#memFlotilla{
}



#eid{
	position: relative;
}



#eidLabel{
	position: relative;
}



#eidField{
	position: relative;
}



#passwd{
	position: relative;
	padding: 5px;
}



#passwdLabel{
	position: relative;
}



#passwdField{
	position: relative;
}



#submitButton{
	position: relative;
	text-align: left;
	top: 6px;
	margin: 6px;
	padding: 6px;
}



/****************************************
*
*	Lake Levels Styles
*
****************************************/

table.lakelevel{
	border-collapse: collapse;
	empty-cells: show;
	border:1px solid;
	background-color: #eeeeee;
	font-size: 9px;
}

table.lakelevel th{
	border:1px solid;
	padding: 2px;
	font-weight: 400;
}

table.lakelevel td{
	border:1px solid;
	padding: 2px;
/*
	background-color: #77dd77;
*/
}

table.lakelevel td.above{
	background-color: #88ff88;
}

table.lakelevel td.equal{
	background-color: #88ff88;
}

table.lakelevel td.below{
	background-color: #ffff88;
}

table.lakelevel td.danger{
	background-color: #ff8888;
}

table.lakelevel td.unknown{
/*
	background-color: #77dd77;
*/
}



/****************************************
*
*	Miscelaneous Styles
*
****************************************/

.mainHeader{
	font-size:		30px;
}

.secondaryHeader{
	font-size:		24px;
}

.bigLink{
/*	font-size:		24px;*/
	font-size:		20px;
}

.pageHeader{
	font-size:		20px;
	text-align: 		center;
	font-weight:		bold;
}

a.footerlink:link{
	color: 			white;
}
a.footerlink:visited{
	color: 			white;
}
a.footerlink:active{
	color: 			white;
}

.mid{
	text-align: 		center;
}



#sidebar{
	background-color: 	navy;
	color: 			white;
	font-family: 		Verdana, sans-serif;
	font-size:		14px;
	text-align: 		center;
	font-weight:		bold;
	
}

a.sideLink:link{
	color: 			white;
}
a.sideLink:visited{
	color: 			white;
}
a.sideLink:active{
	color: 			white;
}

a.disclaim{
	font-size:		10px;
	text-align: 		center;
}
a.disclaim:link{
	color: 			white;
}
a.disclaim:visited{
	color: 			white;
}
a.disclaim:active{
	color: 			white;
}