/*  
CSS Style Sheet Design by G3 small business technology www.g3sbt.com
Author: Gary Halverson
Date: August, 2007
*/
/* This section eliminates unecessary margins and spacing issues */
* {
  margin: 0 auto;
  padding: 0;
}
/* Sets the background color and text */
body {
	background-color: #9999ff;
	color: #000000; 
	font: 0.7em "Verdana", Helvetica, Arial, sans-serif; 
	text-align: center; 
	color: black;
} 
/* This is the container for the header */
#headwrap {
	position: relative; 
	clear: both; 
	width: 990px; 
	height: 188px; 
	top: 0px;
	text-align: center; 
	background-image:url(images/header.gif); 
	background-repeat:no-repeat;
}
#headwrap_date{
	position: absolute;
	width: 208px;
	height: 25px;
	left: 753px;
	top: -3px;
	color:#fff;
}
#footer{
	position: absolute;
	width: 990px;
	height: 84px;
	bottom: -1px;
	left: 0px;
	background-image:url(images/footer.gif); 
	background-repeat:no-repeat;
}
#footer_notice{
	position: absolute;
	width: 990px;
	heigth: 25px;
	bottom: 45px;
	left: 0px;
	color:#333333;
}
/* Navigation container */
#navigation {
	height: 25px;
	width: 933px;
	position: relative; 
	background-color:#999
}


/* Hover Menu */
.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-top: 1px;
margin-left: 28px;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: white;
background-color: #9999ff;
border: 2px solid #888;
}

.hovermenu ul li a:hover{
color:#6666ff;
background-color: #fff;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
p {
text-indent:20px;
line-height:18px;
}
/* End Hover Menu */
/* ----------------------------------------Begin Pages --------------------------------------- */
/* This sets up the div that holds the width in place */
#home_wrapper {
	position: relative; 
	width: 990px; 
	height: 1650px; 
	top: 10px;
	bottom: -20px;
	background-image:url(images/background.gif); 
	background-repeat:repeat-y;
/*	border: 1px solid #000; */
}
#home_body {
	position:absolute;
	width: 748px;
	heigth: 600px;
	top: 242px;
	left: 31px;
	height: 587px;
}
#home_form {
	position:absolute;
	width:262px;
	height:151px;
	left: 620px;
	top: -210px;
}
#home_news {
	position:absolute;
	width:908px;
	height:1054px;
	top: -19px;
	left: 11px;
}
#todo_wrapper {
	position: relative; 
	width: 990px; 
	height: 1650px; 
	top: 10px;
	bottom: -20px;
	background-image:url(images/background.gif); 
	background-repeat:repeat-y;
/*	border: 1px solid #000; */
}
#ptf-todo {
	position:absolute;
	width:195px;
	height:331px;
	left: 679px;
	top: 41px;
}
#ptf_body {
	position:absolute;
	top: 5px;
	left: 390px;
}
#volunteer_body {
	position:absolute;
	width: 470px;
	heigth: 600px;
	top: 242px;
	left: 31px;
	height: 587px;
}
#vol_wrapper {
	position: relative; 
	width: 702px;
	heigth: 600px;
	top: 228px;
	left: 31px;
	height: 658px;
}
#volunteer_news {
	position:absolute;
	width:600px;
	height:578px;
	width: 990px; 
	height: 1850px; 
	top: 10px;
	bottom: -20px;
	background-image:url(images/background.gif); 
	background-repeat:repeat-y;
/*	border: 1px solid #000; */
}
#april6_wrapper {
	position: relative; 
	width: 990px; 
	height: 1550px; 
	top: 10px;
	bottom: -20px;
	background-image:url(images/background.gif); 
	background-repeat:repeat-y;
/*	border: 1px solid #000; */
}
#april6_body {
	position:absolute;
	width: 926px;
	heigth: 600px;
	top: 242px;
	left: 31px;
	height: 1004px;
}