@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4 { font-family: "Swis721 LtCn BT", arial, sans-serif; font-weight: lighter;}

h1 {text-transform: lowercase; font-size: 24px; color: #f16729; text-align: left;}

h2 {text-transform: uppercase; font-size: 20px; color: #555555; text-align: left;}

h3 {text-transform: lowercase; font-size: 16px; color: #f16729; text-align: left;}

h4 {text-transform: uppercase; font-size: 16px; color: #f16729; text-align: center;}
	
h5 {font-family:"Swis721 Lt BT", arial, sans-serif; font-weight: lighter; font-size: 12px; color: #111111; text-align: center;}

	
p	{
	text-align: justify;
	color: #333333;
	font-family:"Swis721 Lt BT", arial, sans-serif;
	font-size:14px;
	font-weight: lighter;
	line-height: 18px;
	}

.larger {font-size: 24px;}
.center {text-align: center;}

A:link {text-decoration:underline; color:#f16729;}
A:visited {text-decoration:underline; color:#333333;}
A:active {text-decoration:underline; color:#555555;}
A:hover {text-decoration:underline; color:#555555;}

img {padding: 3px; }
img.floatleft {float: left; margin-right: 10px;}

#outerboundary {
	width: 960px;
	position: relative;
	margin:0 auto;		
}

#header {
	width: 960px;
	height: 120px;	
	background-image: url(header.jpg);
}
#headermain {
	width: 960px;
	height: 300px;	
	background-image: url(cutjoinplay.jpg);
}


#logobutton {
	display:block;
	width: 340px;
	height: 110px;	
	position:absolute;
	top: 0px;
	left: 20px;
	background: url("logo.png") no-repeat 0 0;}
	#aboutbutton:hover
	{ background-position: 0 0px;}
	#aboutbutton span
	{ display: none;}


#aboutbutton {
	display:block;
	width: 97px;
	height: 25px;	
	position:absolute;
	top: 52px;
	left: 360px;
	background: url("nav/about.png") no-repeat 0 0;}
	#aboutbutton:hover
	{ background-position: 0 -25px;}
	#aboutbutton span
	{ display: none;}
	
#projectsbutton {
	display:block;
	width: 97px;
	height: 25px;	
	position:absolute;
	top: 52px;
	left: 457px;
	background: url("nav/projects.png") no-repeat 0 0;}
	#projectsbutton:hover
	{ background-position: 0 -25px;}
	#projectsbutton span
	{ display: none;}

#servicesbutton {
	display:block;
	width: 97px;
	height: 25px;	
	position:absolute;
	top: 52px;
	left: 554px;
	background: url("nav/services.png") no-repeat 0 0;}
	#servicesbutton:hover
	{ background-position: 0 -25px;}
	#servicesbutton span
	{ display: none;}
		
#getinvolvedbutton {
	display:block;
	width: 97px;
	height: 25px;	
	position:absolute;
	top: 52px;
	left: 651px;
	background: url("nav/getinvolved.png") no-repeat 0 0;}
	#getinvolvedbutton:hover
	{ background-position: 0 -25px;}
	#getinvolvedbutton span
	{ display: none;}

#contactbutton {
	display:block;
	width: 97px;
	height: 25px;	
	position:absolute;
	top: 52px;
	left: 748px;
	background: url("nav/contact.png") no-repeat 0 0;}
	#contactbutton:hover
	{ background-position: 0 -25px;}
	#contactbutton span
	{ display: none;}

#sponsorbutton {
	display:block;
	width: 97px;
	height: 25px;	
	position:absolute;
	top: 52px;
	left: 845px;
	background: url("nav/sponsor.png") no-repeat 0 0;}
	#sponsorbutton:hover
	{ background-position: 0 -25px;}
	#sponsorbutton span
	{ display: none;}

#sidebar {
	width: 215px;	
	float:left;
	padding-left:41px;
	padding-top: 10px;
}

#content {
	width: 605px;
	float: right;
	padding-right: 20px;
	padding-top: 10px;
}

#footer {
	width: 960px;
	height: 40px;
	padding-top: 30px;
	clear:both;
	}