/* green=66cc66; blue=3366cc dark blue=000063*/

body, p, blockquote, pre, li, caption {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	color:#000066;
	margin-left:20px;
	margin-right:5px;
	padding:0px;
	}
	
.noindent p {
	margin-left:0px;
	}
	
caption {
	font-style:italic;
	padding-bottom:10px;
	}
	
li {
	margin-left:0px;
	}
	
ul p {
	margin-left: 0px;
	}
	
h1 {
	font-size:20px;
	font-weight:bold;
	margin-top:20px;
	margin-left:20px;
	padding-top:0px; /* centers the text in line with the center of the arrow graphic */
	margin-bottom:20px; /* white space after the heading */
/*	height:30px; */
	}
	
h2 {
    font-size:16px;
    margin-left:20px;
    margin-top:20px;
    }

h3 {
    font-size:12px;
    margin-left:20px;
    }
	
#displaybody a {
	color: #3366cc;
	font-weight:bold;
	text-decoration: none;
	}
	
#displaybody a:hover {
/*	color: #66cc66; */
	text-decoration: underline;
	}
	

/* ==== Mast header at the top of the page ================================= */

#mast {
	margin-left:10px;
	}
	
#mast a {
	text-decoration: none;
	}
	
/* ==== table with solid borders - use with noindent variables ================ */

#tablesolid {
	border-collapse: collapse;
}

#tablesolid td {
	padding: 7px;
	border: 1px solid black;
}

/* ==== mailing list signup styles ========================================*/

#signupd   {
	padding-top:5px; 
	padding-right:10px;
	border:1px solid black; 
	margin:25px 10px 0px 10px;
	}
	
#signupd p {
	margin-left:0px;
	}

.tfvHighlight {
    margin-left:0px;
    color: red;
    font-weight: bold;
	}

.tfvNormal {
	margin-left:0px;
	color: black;
	}

/* for the drop-down container - http://javascript.internet.com/css/easy-drop-down-container.html */
#signuppanel {
	width:230px;
	height:88px; /* starting height - expanded height set in script */
	background-color:#b9d5ff; /* light blue */
	overflow:hidden;
	padding-top:5px; 
	padding-right:0px;
	margin:25px 0px 0px 10px;
}

#signuppanel p {
	margin-left:0px;
	}


/* home page styles ========================================================= */
	
#season a {
	text-decoration: none;
	font-weight:normal;
	}
	
#season a:hover {
	text-decoration: underline;
	color: #3366cc;
	}
	
p.show-active {
	background-color:#b9d5ff;
	text-decoration: none;
	padding:5px 5px 0px 10px;
	margin:3px 0px 0px 10px;
	font-weight:bold;
	font-style:italic;
	}
p.show-active-date {
	background-color:#b9d5ff;
	text-decoration: none;
	padding:0px 5px 7px 10px;
	margin:0px 0px 4px 10px;
	font-size:11px;
	}
	
p.show-inactive {
	margin-bottom:0px;
	margin-top:0px;
	font-weight:bold;
	font-style:italic;
	}
p.show-inactive-date {
	margin-bottom:2px;
	margin-top:0px;
	font-size:11px;
	}
	
#news p {
	padding-bottom:3px;
	}

#bigvol p {
	float:right;
	font-size:30px;
	font-weight:bold;
	width:20px;
	color:white;
	line-height:90%;
	}

.bodytable {
	margin-left:10px;
	padding:0px;
	background-color:white;
	}

.wide {
	margin-left:20px;
	margin-top:6px;
	}

#bodytext table {
	margin-left:20px;
	font-size:12px;
	}


#displaybody img {
	margin-left:5px;
	margin-bottom:5px;
	}


#sidebar {
	float:right;
	margin:20px 0 10px 10px;
	color:white;
	padding:10px;
	font-size:16px;
	font-style:italic;
	width:200px;
	background-color:#63cf63; 
	line-height:20px;
	}


#byline p {
	font-size:10px;
	font-style:italic;
	margin-top:0;
	margin-bottom:0;
	text-align:right;
	}
	
#resources p,form {
	margin-left:20px;
	font-size:12px;
	}
	
#alert  {                        /* this is the alert (red) box on the home page */
	background-color:red; 
 	padding:3px 10px 2px 0px;
 	margin-left:15px;
 	margin-top:25px;
	}
	
#alert a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	}

#alert a:hover {
	color: white; /* DarkRed; #0000cd; MediumBlue */
	font-weight: bold;
	text-decoration: underline;
	}


#info  {                        /* this is the info (blue) box on the home page */
	background-color:#000063; 
 	padding:3px 10px 2px 0px;
 	margin-left:15px;
 	margin-right:10px;
 	margin-top:25px;
	}
	
#info a {
	color: #90b0e6;
	text-decoration: none;
	font-weight: bold;
	}

#info a:hover {
	color: #90b0e6; 
	font-weight: bold;
	text-decoration: underline;
	}
	

#feature li {
	background-color:red; /* green=66cc66; blue=3366cc */
	color:white;
 	padding:0px;
	margin:0 0 0 -20px;
	}

#feature td {
	background-color:red; /* green=66cc66; blue=3366cc */
	color:white;
	}

#feature a {
	color: white; /* green=66cc66; blue=3366cc */
	}
	
.showsponsor {
	border: thin solid;
	padding: 5px 20px 5px 0;
	margin: 10px;
	float: right;
	width: 175px;
	}
	
.banner-text {
	background-color:white;
	}

/* === Use div messagebox to display text in a light blue box ============= */

.messagebox  {         
	background-color:#9fc1db;  /* was 84b1d8 */
 	padding:10px;
 	margin-left:20px;
 	margin-top:20px;
 	margin-right:10px;
 	color:black;
	}

.messagebox p {
	margin-top:0px;
	margin-left:0px;
	}
	
.messagebox a {
	color: #000066;
	text-decoration: none;
	font-weight: bold;
	}

.messagebox a:hover {
	color: #000066;
	text-decoration: underline;
	}
	
	

/*	
#printbody {
    display:none;
    }
*/
	
/* ==== footer1 is the light blue box, footer2 contains the copyright text ===== */
	
#footer1 {
	margin-left:10px;
	}
	
#footer2 {
	margin-left:10px;
	}

#footer1 td {
	background-color:#3165ce;
	font-size:8px; /* effectively the height of the blue bar */
	}

#footer1 a {
	color:#3165ce; /* same as background to hide the text */
	}

#footer2 p {
	color:#3165ce; /* same as footer1 background */
	background-color:#000063;
	margin-left:0px;
	}

#footer2 a {
	color:#3165ce;
	}

#footer2 a:hover {
	color:white;
	text-decoration: none;
	}