/* CSS Document */

* {
	margin:0;
	padding:0;
}

/* BASICS */
.red {
	color: #F00;
}
.red {
	color: #F00;
}

body {
	background-color: #009933;
	}

p {
	font:.8em Arial;
	line-height:2em;
	letter-spacing:.05em;
	padding-top:15px;
	text-align: left;
	font-family: Arial;
}

h1 {
	width:390px;
	color:#329900;
	font:1.2em Arial;
	letter-spacing:.15em;
	line-height:1.5em;
}

h2 {
	width:390px;
	color:#CC0000;
	font:2.5em Arial;
	font-weight: bold;
	line-height:1.5em;
}

h3 {
	color:#009900;
	font:1.3em Arial;
}

/* IDS */

#topbody {
	z-index:-2;
	height:1044px;
	background:url(../images/gradient.jpg) repeat-x;
	width:100%;
	margin: auto;
	}

#programsheader {
	background:url(../images/programsbg.gif) no-repeat;
	position:absolute;
	top:0px;
	left:20%;
	right:20%;
	margin:auto;
	width:950px;
	height:327px;
	z-index:1;
}
#programsheader-home {
	background:url(../images/programsbg_home.gif) no-repeat;
	position:absolute;
	top:0px;
	left:20%;
	right:20%;
	margin:auto;
	width:950px;
	height:327px;
	z-index:1;
}

#programsheader-alternate {
	background:url(../images/programsbg2.gif) no-repeat;
	position:absolute;
	top:0px;
	left:20%;
	right:20%;
	margin:auto;
	width:950px;
	height:327px;
	z-index:1;
}

#programsheader-alternate3 {
	background:url(../images/programsbg3.gif) no-repeat;
	position:absolute;
	top:0px;
	left:20%;
	right:20%;
	margin:auto;
	width:950px;
	height:327px;
	z-index:1;
}

#programsheader-alternate4 {
	background:url(../images/programsbg4.gif) no-repeat;
	position:absolute;
	top:0px;
	left:20%;
	right:20%;
	margin:auto;
	width:950px;
	height:327px;
	z-index:1;
}

#programsheader-alternate5 {
	background:url(../images/programsbg5.gif) no-repeat;
	position:absolute;
	top:0px;
	left:20%;
	right:20%;
	margin:auto;
	width:950px;
	height:327px;
	z-index:1;
}

#programsheader-alternate6 {
	background:url(../images/programsbg6.gif) no-repeat;
	position:absolute;
	top:0px;
	left:20%;
	right:20%;
	margin:auto;
	width:950px;
	height:327px;
	z-index:1;
}

#programsheader-alternate7 {
	background:url(../images/programsbg7.gif) no-repeat;
	position:absolute;
	top:0px;
	left:20%;
	right:20%;
	margin:auto;
	width:950px;
	height:327px;
	z-index:1;
}

#programsheader-alternate8 {
	background:url(../images/programsbg8.gif) no-repeat;
	position:absolute;
	top:0px;
	left:20%;
	right:20%;
	margin:auto;
	width:950px;
	height:327px;
	z-index:1;
}

#programstitle {
	float:left;
	padding:250px 10px 10px 70px;
}

#anchors {
float:left;
	width:400px;
	padding:10px 10px 10px 70px;
	font:1em Arial;
	
}

#anchors ul {
	list-style:none;
}

#anchors li a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	line-height:1.7em;
}

#anchors li a:hover,
#anchors li a:active,
#anchors li a:link,
#anchors li a:visited, {
	color:#000000;
}

#container {
	position:absolute;
	top:0px;
	left:20%;
	right:20%;
	background: url(../images/wideside.gif) repeat-y;
	width: 950px;
	margin:0 auto;
	height:auto;
	padding: 0;
}

#subpagecontainer {
	position:absolute;
	top:327px;
	left:20%;
	right:20%;
	background: url(../images/wideside.gif) repeat-y;
	width: 950px;
	margin:auto;
	height:auto;
}

#wrapper {
	position:relative;
	z-index:-1;
	background: url(../images/wideside.gif) repeat-y;
	width: 950px;
	height:auto;
}

#footer {
	clear:both;
	z-index:-1;
	width:950px;
	height:100px;
	margin:auto;
	background:url(../images/widefoot.gif) no-repeat;
	background-color:#ffffff;
	font:.7em Arial;
}

#header {
	position:absolute;
	top:4px;
	left:195px;
	right:20%;
	margin:auto;
	width:824px;
	height:264px;
	z-index:1;
}

#zone1 {    /* clickable area image map (over "header") */
	position:relative;
	top:260px;
	float:left;
	margin-left: 110px;
	width : 75px;
	height: 20px;
	z-index:5;
	color:#CC0000;
	font:.9em Arial;
	font-weight:bold;
	text-align:center;
}

#zone2 {    /* clickable area image map (over "Header") */
	position:relative;
	top:260px;
	float:left;
	margin-left: 10px;
	width : 75px;
	height: 20px;
	z-index:5;
	color:#CC0000;
	font:.9em Arial;
	font-weight:bold;
	text-align:center;
}

#zone3 {    /* clickable area image map (over "header") */
	position:relative;
	top:260px;
	float:left;
	margin-left: 10px;
	width : 75px;
	height: 20px;
	z-index:5;
	color:#CC0000;
	font:.9em Arial;
	font-weight:bold;
	text-align:center;
}

#zone4 {    /* clickable area image map (over "Keiths sports" image) */
	position:relative;
	top:0px;
	float:left;
	margin-left: 25px;
	width : 225px;
	height: 110px;
	z-index:5;
	}
#formdiv{
	position:relative;
	left:616px;
	top:67px;
	background: url(../images/signup.gif) no-repeat top left;
	width:280px;
	height:338px;
}

input, textarea{
 background-color: #e2decc;
 border: 1px solid #b5af98;
 font-size:12px;
}
.button{
	border: 1px solid #b5af98;
	font:22px Arial, Helvetica, sans-serif bold;
	color:#fff;
	background: #23946A;
	padding:4px;
}
textarea{
	width:200px;
}
/* CLASSES */
.menu {
	padding:180px 80px 10px 10px;
	float:right;
	text-align:center;
	color:#CC0000;
	font:.9em Arial;
	font-weight:bold;
	letter-spacing:.15em;
	line-height:1.7em;
}

.menu ul {
	list-style:none;
}

.menu li a {
	text-decoration:none;
	color:#CC0000;
}

.menu li a:hover,
.menu li a:active,
.menu li a:link,
.menu li a:visited, {
	color:#CC0000;
}

.subpagemenu {
	padding:10px 10px 10px 10px;
	text-align:center;
	color:#CC0000;
	font:.9em Arial;
	font-weight:bold;
	letter-spacing:.15em;
	line-height:1.7em;

}

.subpagemenu ul {
	list-style:none;
}

.subpagemenu li a {
	text-decoration:none;
	color:#CC0000;
}

.subpagemenu li a:hover,
.subpagemenu li a:active,
.subpagemenu li a:link,
.subpagemenu li a:visited, {
	color:#CC0000;
}

.subpagediv {
	padding-top:20px;
	clear:both;
	width:750px;
}

.subpagediv2 {
	padding-top:20px;
	clear:both;
	width:750px;
}
.subpagedivimg1 {
	width:280px;
	float:left;
	padding:10px 0 10px 35px;
}

.subpagedivtext {
	width:325px;
	float:right;
	padding:10px 100px 10px 5px;
}

.subpagedivimg2 {
	width:230px;
	height:auto;
	float:left;
	padding:10px 0 10px 80px;
}

.subpagedivimg3 {
	width:230px;
	height:auto;
	float:left;
	padding:10px 10px 10px 10px;

}

.subpagedivimg4 {
	width:400px;
	height:auto;
	float:left;
	padding:10px 0 10px 75px;
	}


.block1l {
	width:260px;
	height:180px;
	background:url(../images/cookie-dough.gif) no-repeat top left;
	float:right;
	margin-top:20px;
	position:relative;
	top:10px;
	left:-60px;
	/*left:68%;
	right:20%;*/
	z-index: 2;
	padding:1px 1px 1px 1px;

}

.block2l {
	width:260px;
	height:248px;
	background:url(../images/flowers.gif) no-repeat top left;
	float:right;
	margin-top:20px;
	position:relative;
	left:-80px;
	/*left:65%;
	right:20%;
	z-index: 2;*/
	padding:1px 1px 1px 1px;

}

.block3l {
	width:259px;
	height:90px;
	background:url(../images/hyrmfyt.jpg) no-repeat top left;
	float:right;
	margin-top:20px;
	padding-right:40px;
	position:relative;
	background-color:#fff;
	padding:1px 1px 1px 1px;

	
}

.foot {
	text-align:right;
	padding-right:80px;
	padding-top:0;
	line-height:7em;
	position:relative;
	font:.9em Arial;
}


.bottommenu {
	text-align:right;
	padding-right:80px;
	padding-top:0;
	line-height:3em;
	position:relative;
}

.bottommenu ul {
	list-style:none;
}

.bottommenu li {
	display:inline;
}

.bottommenu li a {
	color:#006600;
	text-decoration:none;
}
		
.easyfund {
	background:url(../images/easyfund.gif) no-repeat;
	height:106px;
	width:335px;
	margin:150px 0 0 0;
	float:left;
	top:100px;
	z-index: 9;
}

.programshead {
	background:url(../images/easyfund2.gif) no-repeat;
	height:106px;
	width:335px;
	margin:10px 0 0 0;
	float:left;
	z-index: 9;
}


.contenthome {
	float:left;
	width:410px;
	padding:0 0 0 70px;
	margin-top:314px;
}

.contentsubpage {
	padding:70px 0 70px 0;
}

.chbg {
	height:225px;
	width:500px;
	background:url(../images/pizzaguy.gif) bottom left no-repeat;
	position:relative;
	top: 0px;
	left:-97px;
	z-index: 4;
}

.chbg2 {
	height:100px;
	width:220px;
	background:url(../images/keiths-II.gif) bottom right no-repeat;
	position:relative;
	margin-top:10px;
	left:20px;
	z-index: 12;
}

.brochure a {
	padding-left:60px;
	text-decoration:none;
	color:#CC0000;
	font:.9em Arial;
	font-weight:bold;
	letter-spacing:.15em;
}
.pullout {
	text-decoration:none;
	color:#000000;
	font:1em Arial;
	font-weight:bold;
	line-height:1.5em;
}
.welcome {
	color: #009900;
	font:1.8em Arial;
	font-weight: bold;
}

