@charset "utf-8";

body {	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; /* step 1 of 2 to center container in IE 5+. */
	background-color: #003300;
	color: #000000;	
	text-align: center; /* part one of two. need this to work around IE5 to automatically center the box on the page. */
	}	
	
#page {
	width: 800px;
	background: #ffffff;
	border: 7px ridge #336600;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* part two of two. need this to work around IE5 to automatically center the box on the page. */
	height:1200px;
	}
#header {
	background:#ffffff;
	background-image: url(images/silhouetteheader4.gif);
	background-repeat:no-repeat;
	height: 119px; }

#nav {
	float: left;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	background:#ffffff;
	margin:50px 0 0 15px;
		}
		
#main {
	margin: 70px 0 0 180px; 
	padding: 0 15px 0 0;
	background:#ffffff;
		}
		
#nav ul {	list-style: none;
	margin: 0;
	padding: 0;
	}
#nav li {	border-bottom: 3px solid #ffffff;
		background-color: #ffffff;
		color: #000000;
		}
	
#nav li a {	display: block;
	padding: 5px 5px 5px 0.5em;
	border-top: 3px solid #00cc33;
	border-left: 3px solid #00cc33;
	border-right: 3px solid #006633;
	border-bottom: 3px solid #006633;
	background-color: #009933;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#nav li a:hover {
	border-top: 3px solid #006633;
	border-left: 3px solid #006633;
	border-right: 3px solid #00cc33;
	border-bottom: 3px solid #00cc33;	
	background-color: #009933; 
	color: #000000;	}


#main a:link { color: #0000FF; }
#main a:hover {	color: #ff0000;	}
#main a:visited {color: #0000FF; }
#main .hilite a:link { color: #ffffff; text-decoration: none; }
#main .hilite a:hover { color: #000000; text-decoration: none; }

#main li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	}
	
#footer { 
	background: #ffffff; 	
	height:50px;
	bottom: 0;
} 

	
h1, h2, h3, h4, h5, h6 {
	text-align: center;
	color: #000000;}

h1 {
font-size: 2em;
margin: 0 0 10px 0;
padding: 0;
}

h2 {
font-size: 1.5em;
margin: 0 0 10px 0;
padding: 0;
}

h3 {
font-size: 1em;
margin: 0 0 10px 0;
padding: 0;
}

h4 {
font-size: .9em;
margin: 0 0 15px 0;
padding: 0;
}

h5 {
font-size: .8em;
margin: 0 0 0 0;
padding: 0;
}

p {font-size: 1em;}
p.announce {font-size: .8em; text-align: center; font-weight: bold; margin: 0 15px 0 25px;}

p.hilite {font-size: .8em; background-color: #009933; color: #FFFFFF; font-weight: bold; margin: 0 0 1px 0; } /*for calendar*/
p.tiny { font-size: 8pt; }
p.date { font-size: .8em; text-align: center; color: red; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;	}
p.left {font-size: .8em; text-align: left; }

hr {
border: none;
color: #333366;
background-color: #333366; /*need this for NS*/
height: 4px;
width: 75%;
}

a:link {
	text-decoration: underline;
	color: #ffffff;
	background-color: transparent;
	}

a:visited {
	text-decoration: underline;
	color: #ffffff;
	background-color: transparent;
	}
	
a:hover {
	text-decoration: underline;
	color: #ff0000;
	background-color: white;
	}
	
td p {
	font: .7em;
	text-align: center;
	padding:7px;
	}
	
td h4 {
	font: .8em;
	text-align: left;
	font-weight: normal;
	}
	
td a:link {color: #000000; text-decoration: underline;}
td a:visited {color: #000000; text-decoration: underline;}

table { 	}  /* prob don't need this first line */
	.thankyou {border: 4px groove #666666;}
	.box {border: 4px groove #666666; width: 100%; height: 50%; padding: 10px;}
	.announcement { border: 8px outset #ECD8B9; width: 550px; padding: 15px;}