html {
     overflow: -moz-scrollbars-vertical;
}

body {
	background-color: #999999;
	background-image:  url(../images/gradient_bkg.jpg);
	background-repeat: repeat-x;
	text-align:center;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;

}

#container {
	position:relative;
	margin: 0 auto;
  	width: 760px;
	height:580px;
	overflow:hidden;
	text-align: left;
}

#top {
	position:absolute;
	width:760px;
	height:84px;
}
#middle {
	position:absolute;
	top:84px;
	width:760px;
	height:479px;
	background-image: url(../images/main_middle.gif);
	background-repeat:repeat-y;
	background-position:left;
	visibility: visible;
}
#bottom {
	position:absolute;
	top:563px;
	width:760px;
	height:10px;
}
#menu {
	position:relative;
	top:15px;
	width: 515px;
	height: 30px;
	left: 120px;
}
#menu2 {
	position:relative;
	top:17px;
	width: 515px;
	height: 30px;
	left: 120px;
}

#infocontainer {
	position:relative;
	top:20px;
	left:10px;
	width: 740px;
	height: 480px;
}

/* main page */

#logo {
	position:absolute;
	top:9px;
	left:11px;
	width: 441px;
	height: 126px;

}

#cartoon {
	position:absolute;
	top:4px;
	left:464px;
	width: 264px;
	height: 206px;

}

#turfgirl {
	position:absolute;
	top:413px;
	left:337px;
	width: 99px;
	height: 60px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}

#indexdirector {
	position:absolute;
	top:156px;
	left:59px;
	width: 306px;
	height: 96px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#indexoffers {
	position:absolute;
	top:292px;
	left:483px;
	width: 243px;
	height: 268px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#carriepic {
	position:absolute;
	top:340px;
	left:70px;
	width: 216px;
	height: 190px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* camp page */

#title {
	position:absolute;
	top:20px;
	left:463px;
	width: 268px;
	height: 68px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}

#philio {
	position:absolute;
	top:125px;
	left:-452px;
	width: 444px;
	height: 143px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
}

#pic1 {
	position:absolute;
	top:82px;
	left:69px;
	width: 150px;
	height: 100px;
}

#pic2 {
	position:absolute;
	top:200px;
	left:70px;
	width: 150px;
	height: 100px;
}
#pic3 {
	position:absolute;
	top:320px;
	left:70px;
	width: 150px;
	height: 100px;
}

#events {
	position:absolute;
	top:306px;
	left:-452px;
	width: 329px;
	height: 23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#signup {
	position:absolute;
	top:370px;
	left:-452px;
	width: 264px;
	height: 42px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#campstable {
	position:absolute;
	top:158px;
	left:13px;
	width: 716px;
	height: 309px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	z-index:3;
}

#campsinfocontainer {
	position:relative;
	top:20px;
	left:10px;
	width: 740px;
	height: 480px;
	z-index:2;
}

#campscontainer {
	position:relative;
	margin: 0 auto;
  	width: 760px;
	height:575px;
	text-align: left;
	z-index:1;

}

/* bio page */

#runball {
	position:absolute;
	top:10px;
	left:500px;
	width: 196px;
	height: 190px;
}

#biodirector {
	position:absolute;
	top:157px;
	left:11px;
	width: 313px;
	height: 27px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bolder;
}

#text1 {
	position:absolute;
	top:207px;
	left:11px;
	width: 687px;
	height: 27px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}

#bio {
	position:absolute;
	top:261px;
	left:11px;
	width: 687px;
	height: 17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#text2 {
	position:absolute;
	top:284px;
	left:19px;
	width: 687px;
	height: 284px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}

#text3 {
	position:absolute;
	top:571px;
	left:19px;
	width: 687px;
	height: 189px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
#biocontainer {
	position:relative;
	margin: 0 auto;
  	width: 760px;
	height:910px;
	overflow:hidden;
	text-align: left;
}

#biotop {
	position:absolute;
	width:760px;
	height:84px;
}
#biomiddle {
	position:absolute;
	top:84px;
	width:760px;
	height:799px;
	background-image: url(../images/main_middle.gif);
	background-repeat:repeat-y;
	background-position:left;
	visibility: visible;
}
#biobottom {
	position:absolute;
	top:876px;
	width:760px;
	height:10px;
}
#bioinfocontainer {
	position:relative;
	top:20px;
	left:10px;
	width: 740px;
	height: 770px;
}

/* contact page */


#logo3 {
	position:relative;
	top:20px;
	left:30px;
	width: 261px;
	height: 270px;
}

#context {
	position:absolute;
	top:31px;
	left:392px;
	width: 222px;
	height: 207px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}

#concartoon {
	position:absolute;
	top:263px;
	left:373px;
	width: 264px;
	height: 206px;

}

/* merchandise page */


#mertable {
	position:absolute;
	top:55px;
	left:203px;
	width: 328px;
	height: 330px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}

#turfgirl2 {
	position:absolute;
	top:394px;
	left:526px;
	width: 209px;
	height: 81px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}

#shop {
	position:absolute;
	top:537px;
	left:540px;
	width: 202px;
	height: 17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}

#merch {
	position:absolute;
	top:93px;
	left:209px;
	width: 328px;
	height: 17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;

}

/* links page */

#links {
	position:absolute;
	top:177px;
	left:40px;
	width: 670px;
	height: 239px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}

/* events page */

#eventstable {
	position:absolute;
	top:157px;
	left:52px;
	width: 640px;
	height: 769px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}

.eventsstyle1 {
	font-size: 16px;
	font-weight: bold;
}
.eventsstyle2 {font-size: 14px}

#eventsmiddle {
	position:absolute;
	top:84px;
	width:760px;
	height:929px;
	background-image: url(../images/main_middle.gif);
	background-repeat:repeat-y;
	background-position:left;
	visibility: visible;
}
#eventsbottom {
	position:absolute;
	top:1012px;
	width:760px;
	height:10px;
}

#eventscontainer {
	position:relative;
	margin: 0 auto;
  	width: 760px;
	height:1040px;
	overflow:hidden;
	text-align: left;
}
#eventsinfocontainer {
	position:relative;
	top:20px;
	left:10px;
	width: 740px;
	height: 930px;
}




/* main button controls */
.cssnav	{
position:relative;
text-align:center;
float: left;
margin: 0; 
padding: 0;
font-family: verdana, helvetica, sans-serif;
background: url(../images/button_over.gif) no-repeat;
width: 128px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/	
}
.cssnav a {
display:block;
color: #000000;
font-size: 10px;
width: 128px;
height: 30px;
display: block;
float: left;
color: white;
font-weight:bold;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav a:hover {
color: #669933;
}
			

.cssnav img {
width: 128px; 
height: 30px; 
border: 0; 
}
* html a:hover {
visibility:visible
}
.cssnav a:hover img{
visibility:hidden
}

.cssnav span {
position: absolute;
left: 27px;
top:8px;
text-align: center;
width: 94px;
cursor: pointer;   		     
}


/* hyperlink controls */
A.main:link {
	FONT-SIZE: 11px;
	font-weight:bold;
	COLOR: #ffffff; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}
A.main:active {
	FONT-SIZE: 11px; 
	font-weight:bold;
	COLOR: #FFFFFF; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION:none;
}
A.main:visited {
	FONT-SIZE: 11px; 
	font-weight:bold;
	COLOR: #FF0000; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION:none;
}
A.main:hover {
	FONT-SIZE: 11px; 
	font-weight:bold;
	COLOR: #FFCC00; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: underline;
}
/*************************************/

p {
	background-image: url(background.gif);
	background-repeat: repeat-x; 
}
.floatright { 
	float: right; 
	margin: 10px 0px 10px 10px;
}
.floatright2 { 
	float: right; 
	margin: 10px 0px 0px 10px;
}
.floatleft { 
	float: left; 
	margin: 10px 10px 0px 0px;
}
s