body {color:000000; background: #FFFFFF;max-width:990px;}
a {text-decoration: none;}
a img {border: none;}
html body a:link, a:visited {color: #006633;}
html body a:hover {color: #000000; background-color: #BFE0BA;}


.header	{height: 40px;text-align: center;background: #20AA31; padding: 0 0 0 180px;border: 1px solid #BFE0BA;text-transform: uppercase;}
#header a:link 		{float: left; padding: 7px 20px;font-family: Georgia;font-size: 21px;color: #FFFFFF;}
#header a:visited 	{float: left; padding: 7px 20px;font-family: Georgia;font-size: 21px;color: #FFFFFF;}
#header a:hover 	{float: left; padding: 7px 20px;font-family: Georgia;font-size: 21px;color: #000000;}


.footer {clear: both; border: 1px solid #5A4C38;padding: 10px 50px;font-size: 0.8em;background: #20AA31;text-align: center;}

#menu	  		{font: 1.1em/1.3em Georgia; position: absolute;top: 20px;left: 20px;visibility: visible;width:200px}
#menu .title 	{font: 1.4em/1.6em Georgia;text-align: center;}

#container {float: left;padding: 20px 0 20px 210px;border-right-width: 1px;border-right-color: #20AA31;border-right-style:solid;}

.todaysdate {font: .9em Verdana;text-transform: uppercase; letter-spacing: 0.25em;text-align: center;}
.welcome 	{font: italic .9em/1.2em Verdana;padding: 1em 0;text-align: center;}
.story 		{font: .95em/1.5em Verdana;padding: 1em 0;border-top: 1px solid #20AA31;}
.separator 	{font: italic .9em Times;padding: 0 0 1em; margin: 0 0 1em; text-align: center; background: url(graphics/separator.gif) 50% 100% no-repeat;}

.caps {font: 0.9em Verdana #333000;text-transform: uppercase; letter-spacing: 0.3em;text-align: center;}

#col2 {float: left;width: 550px; font: .9em/1.2em Verdana;padding: 0 10px;}
#col2 .title {font: 1.75em Georgia;text-align: center;}

#col4 {float: left;width: 150px; padding: 10px;}
#col4 .title {font: 1.2em Georgia;text-align: center;}
#col4 p {font: .8em/1.1em Verdana;}

.caption {padding: 10px; font: 0.9em/0.9em Arial; text-align: center;}

.red{color:#FF0000}

.picture {float: left; margin: 4px;padding:2px;width:120px; height:170px;border: 1px solid #BFE0BA}
.picture a:hover{border-color: #cccccc}

.pictureright {float: right; margin: 10px;padding:5px;border: 1px solid #BFE0BA}
.pictureleft {float: left; margin: 5px;padding:0 15px 0 0;}
#pictureoff a:hover {background: #ffffff;}


.number {float: left;font-size: 2em;background:  url(graphics/circle.gif) 50% 55% no-repeat;padding: 17px;text-transform: uppercase;}
.number1 {font-size: 1.6em;line-height: 1.65em;background:  url(graphics/circle.gif) 50% 55% no-repeat;padding: 17px;text-transform: uppercase;	text-align: center;}

.greenbox {	padding: 20px;	width: 250px;border: 1px solid #009900;	background-color: #BFE0BA;margin: 10px;position:absolute;left: 43px;}
.greenboxtext {	left: 150px;position: relative;width: 400px;}

.x {float: left;font-size: 1.6em;line-height: 1.65em;background:  url(graphics/x.gif) 50% 55% no-repeat;padding: 10px 10px 0 10px;text-transform: uppercase;text-align: center}
