body {
	background-color:#B9C7D5;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #114170;
	margin: 0;
	padding: 0;
	text-align: center;
}

#mywrapper {
	width:760px;
	margin: 15px auto 0 auto;
	padding: 0;
	text-align: left;
	border:1px solid #000000;	
	}

#content {
	clear: left;
	margin: 0px;
	padding: 10px 30px 40px 30px;
	font-size: 0.8em;
	background-color:#ECEFF4;
	}

#main { /* Left column for pages with right-most volunteer list column */
	width: 515px;
	float: left;
	margin: 0;
}

h1 {
	font-size: 2.4em;
	text-align: center;
/*	color:#14556B; */
}

h2 {
	font-size: 1.9em;
	margin-bottom: 5px;
	text-align: center;
/*	color: #993; */
}

h2.red {
	font-size: 1.9em;
	margin-bottom: 5px;
	text-align: center;
	color: #931834;
}

h3.red {
	font-size: 1.6em;
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: center;
	color: #931834;
}

h3 {
	font-size: 1.6em;
	margin-bottom: 5px;
/*	color: #993; */
}

h3.red {
	font-size: 1.6em;
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: center;
	color: #931834;
}

#content p {
	margin-top: 7px;
	margin-bottom: 0;
	line-height: 120%;
	}

#content ul, ol {
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 17px;
	}

div.centered {
    display: block;
    margin-left: auto;
    margin-right: auto 
/*  Note: to use you must specify the (approximate) width of what you are centering; e.g. 
		<div class="centered" style="width: 65px">whatever</div>
*/
	}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto 
	}
	
#volunteers {
	width: 148px;
	float: right;
	margin: 5px -10px 10px 15px;
	border: solid 1px #586881;
	border-top-width: 5px;
	padding: 10px;
	background-color: #F2F0BE;
}

#volunteers p {
	font-size: 0.85em;
	text-align: left;
}

#volunteers h3 {
	font-size: 1.1em;
	background-color: #586881;
	color:white;
	margin: 0 0 7px 0;;
	padding: 5px 0 5px 0;
	text-align: center;
}

#newspaper {
	width:350px;
	height: 100%;
	margin: 30px auto 15px auto;
	padding: 20px;
	text-align: left;
	border:1px solid #000000;	
	color:black;
	background-color: #D4D4D4;
}
p.error {
	font-size: 2.0em;
	color: red; 
	text-align: center;
	font-weight: bold;
	}

p.msg {
	font-size: 2.0em;
	color: #931834;
	text-align: center;
	font-weight: bold;
	}

th.vol, td.vol { 
	padding-right:20px;
	vertical-align: top;
	}

#menuBig a{color: #931834; font-size: 1.1em; font-weight: normal} 
#menuBig a:link {color: #931834;} 
#menuBig a:visited {color: #931834;}
#menuBig a:hover {color: #931834; background-color:#E1CAA1 ; text-decoration:underline;}
#menuBig li { 	margin-bottom: 5px; }

 

/*a {color: #931834; font-size: 1.0em;} */
#content a {color: #931834;} 
#content a:link {color: #931834;}
#content a:visited {color: #931834;}
#content a:hover {color: #931834; background-color:#E1CAA1 ; text-decoration:underline;}

#content a.admin {color: #808080; font-size: .9em;} 
#content a.admin:link {color: #808080;}
#content a.admin:visited {color: #808080;}
#content a.admin:hover {color: #808080; background-color:#E1CAA1 ; text-decoration:underline;}


#content table.border {
	border-collapse: collapse ;
	border: 1px solid #005587;
	}
#content th,td.border {
	border: 1px solid #005587;
	padding: 5px;
	}
/* OR, use, before table
<style type="text/css">th,td {border:1px solid #005587;padding: 5px;}</style>
<table class="border">
*/
#content tr.head  {background-color: #FFDA73; border: 1px solid #005587; border: 1px solid #005587;}
#content tr.even {background-color: #BAC2E0; border: 1px solid #005587; border: 1px solid #005587;;}
#content tr.odd {background-color: #D5DAEC; border: 1px solid #005587; border: 1px solid #005587;;}

img.left {
	float: left;
	margin: 10px 20px 20px 0;
	border: 2px solid #000;
	}

img.right {
	float: right;
	margin: 10px 0 20px 20px;
	border: 2px solid #000;
	}

p.yellowbox { 
	background-color: #F2F0BE;
	text-align: left;
	border: solid 1px #336699;
	padding:10px;
}
#footer {
	clear: both;
	background-color: #586881;
}
#footer p {
	padding: 7px;
	margin: 0;
	/*  Needed!!  */
	font-size: 8pt;
	text-align: center;
	color: #CCCCCC;
	}
#footer a {
	text-decoration: underline;
	color: #CCCCCC;
}
#footer a:hover {
	background-color: #586881;
	text-decoration: underline;
}

/*===  Start of definitions for "Milfoil Timeline"  ===*/
#timeline {
	width: 140px;
	float: left;
	margin: 35px 25px 10px 0px;
	border: solid 1px #931834;
	border-top-width: 5px;
	padding: 10px;
	background-color: #F2F0BE;
}
#timeline p.note {
	font-size: 0.98em;
	font-weight: normal;
	text-align: center;
	margin-left: 0px; 
}

#timeline h3 {
	font-size: 1.1em;
	background-color: #931834;
	color:white;
	margin: 0 0 7px 0;;
	padding: 5px 0 5px 0;
	text-align: center;
}

#linearea {
	background-image: url('images/timeline.gif');
	background-position: top left;
	background-repeat: repeat-y;
}

#linearea div.mytip {
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	margin-left: 80px; 
	padding: 4px 10px;
	}
/*===  End of definitions for "Milfoil Timeline"  ===*/