body { font-size:12px; margin: 0px auto; padding: 0px; background: url(../images/background.jpg) top center repeat-x; font-family: arial, sans-serif;}

html, body, form {height: 100%;}

.pageContent {width: 900px; margin: 0px auto; padding: 0px; border:solid 1px black;; background-color:blue; background: url(../images/mainbg.jpg) top left repeat-y;}


.footer { width:900px; height: 25px; border-top: solid 1px black;  clear: both; margin: 0px auto;  background-color: #e3e3e3; color: rgb(255,255,255); font-size: 1.0em; vertical-align: middle;}

.wonderweb{width:100%; text-align:center; padding:10px; color:black;}

.uLink{color:#333333;}
.uLink:hover{text-decoration:underline;}

.topBanner {width: 900px; height: 269px; margin: 0px auto; padding: 0px; background: url(../images/bannerimg03.gif) top left; }
.bannerFooter {width: 898px; height: 15px; margin: 0px auto; padding: 0px; background-color:#808080; border: solid 1px rgb(100,100,100);}
.main { width: 100%; min-height: 550px; height:550px; text-align: left; margin: 0px auto; padding: 0px; background-color: blue; display:inline; background: url(../images/mainbg.jpg) top left repeat-x;}
.menuContainer { height: 100%; min-height:100%; float: left; text-align:center;  margin: 0px auto; padding: 0px; width:180px; }
.menuHeader {height: 15px; padding: 5px 5px 5px 8px; color: White; font-weight: bold; font-size:11px; color:#000000; text-align:center;}
.mainContent {float: right; min-height: 550px;  padding:30px 15px 10px 15px; background-color: white; width: 690px; text-align: left; }
.menuimagecontainer{width:100%; text-align:center;}
.menuimagecontainer img{border: solid 1px black;}
.menuimage{padding-bottom: 5px;}
.ContentContainer{ width: 660px; height: 100%;}
.ContentHeader{ border-top: solid 1px #ccc; text-align: left; padding-top: 15px; padding-bottom: 2px; font-size: 29px; font-weight: bold; color: #000000; 
font-family:Bradley Hand ITC; }
.Content{ text-align: left; padding-top: 10px; padding-bottom: 10px; font-size: 12px;}
.menuFooter {height: 100%; font-weight: bold; min-height: 250px;  padding-left: 4px; padding-right: 4px; padding-top: 20px; background: url(../images/menubg.gif) top left repeat-x; border-left: solid 1px #ccc; font-size: 10px; color: White; }
.Subscribe
{
	width: 163px;
	font-size: 10px;
	color: #ccc;
}



.LoginContainer{width: 300px; padding: 10px 10px 10px 10px; background-color: #efefef; text-align: left; border: solid 1px #ccc;}
.LoginHeader{width: 100%; padding-bottom: 5px; border-style:none; border-bottom: solid 1px #ccc; font-size: 14px; color:Gray;}
.LoginRow{width: 100%; padding:5px 5px 0px 5px; clear:right;}
.LoginRow2{width: 100%; padding:0px 0px 0px 0px; clear:right;}
.LoginItemElement input{width: 200px; font-size:12px;}
.LoginItemTitle{float:left; width: 80px; padding: 5px 0px 5px 5px;}
.LoginButtonRow{width:100%; text-align:center; padding:5px;}
.LoginButtonRow input{width: 100px; font-size:12px; cursor:hand;}
.FormTitle{float:left; width: 130px; padding: 5px 0px 5px 5px;}
.LoginTitle{float:left; width: 80px; padding: 5px 0px 5px 5px;}

.FormElement{float:left;}
.FormRow{width:700px; float:left; padding-top:3px;}
.FormSubmit{width: 100%; text-align:center; padding-top:20px;}
.FormSubmit INPUT
{
	cursor: hand;
	width: 150px;
}
.ButtonContainer{ text-align: center;}

.camplinkcontainer{width:100%;}
.camplink{cursor: hand; float:left; width:200px; border: solid 1px black; text-align:center; background-color: #efefef;}
.camplink:hover{background-color:#ccc;}
.campspacer{float:left; width:2.5%;}

.foldercontainer{width:100%;}
.folderlink{float:left; width:30%;  text-align:center; height:100px;}
.folderspacer{float:left; width:2.5%;}
.foldercontainer a img{ border-style:none; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;} 
.foldercontainer a img:hover{filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;}
.foldercontainer a { text-decoration: none; color: Black;}

.kidslinkcontainer{width:100%;}
.kidslink{cursor: hand; float:left; width:30%; text-align:center;}
.kidsspacer{float:left; width:2.5%;}

.signout{width:100%; text-align:right;}
.signout a{text-decoration:none; color:Gray;}
.signout a:hover{color:Black;}

.LinkContainer{padding: 5px 5px 5px 5px;}
.LinkContainer a img{ border-style:none;}
.LinkHeader{ font-size: 14px; font-weight: bold; }

.FormHeader{ background-color:#efefef; padding: 5px 5px 5px 5px; font-weight: bold;}
.ContactUs{width:550px;}
.ContactRow{padding: 3px 0px 3px 0px;  clear:right;}
.ContactTitle{float:left; text-align:left; width: 50px; padding-left:5px;}
.ContactElement{float:right; padding-left:5px;}
.ContactElement Input,textarea{ width:420px;}
.ButtonRow{text-align:right;}

.ImgLeft{padding: 15px 15px 15px 25px; float:left;}
.ImgRight{padding: 15px 15px 15px 25px; float:right;}

.SignUp
{
	width: 100%;
	text-align: right;
}

.SignUp a{color: white; text-decoration: none;}
.SignUp a:hover{color:Gray; text-decoration: none;}




.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}
.footer a:hover {color: rgb(50,50,50); text-decoration: none; }
.footer a {color: white; text-decoration: none; }

.SportsCamp{width: 645px; text-align: justify; padding: 8px 8px 8px 8px; background-color: #efefef;}
.SportsCampHeader{width: 100%; font-size: 13px; font-weight: bold; padding-bottom: 2px; border-bottom: solid 1px #ccc;}
.SportsCampImage{float: right; padding: 4px 4px 5px 15px;}
.SportsCampSpacer{width:100%; height:5px;}

.KidsCorner{width: 645px; text-align: justify; padding: 8px 8px 8px 8px; background-color: #efefef;}
.KidsCornerHeader{width: 100%; font-size: 13px; font-weight: bold; padding-bottom: 2px; border-bottom: solid 1px #ccc;}
.KidsCornerSpacer{width:100%; height:5px;}

.FAQ{width: 645px; text-align: justify; padding: 8px 8px 8px 8px; background-color: #efefef;}
.FAQQ{ font-size: 20px; color:#3957a5; font-weight: normal; padding-right: 5px;}
.FAQA{ font-size: 20px; color:Red; font-weight: normal; padding-right: 5px;}

.FAQHeader{width: 100%; font-size: 13px; font-weight: bold; padding-bottom: 2px; border-bottom: solid 1px #ccc;}
.FAQSpacer{width:100%; height:5px;}

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container {width: 900px; top: 193px; position: absolute; z-index: 3; background: transparent;}
.nav1 {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em; background: transparent;}
.nav1 ul {float: right; margin: 0px; padding: 0px 5px 0px 0px; border-left: solid 1px black; background: transparent; font-weight: bold;}	
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav1 li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px black; color: black; text-decoration: none; font-size: 10px;}
.nav1 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none; }




.suckerdiv
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif, bold;
font-size: 100%;
font-weight:bold;
}


.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 180px; /* Width of Menu Items */
color: #000000;
font-size:11px;
}
	
.suckerdiv ul li{
position: relative;
background: url(../images/nav2.jpg) top left;
width: 100%;
float:left;
height: 38px;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 180px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a
{

display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
border-bottom: 0;
color:#000000;
}

.suckerdiv ul li:hover{
background: url(../images/nav1.jpg) top left;
color:#ffffff;
}

.suckerdiv ul li a:hover{
color:#ffffff;
}

.suckerdiv .subfolderstyle{
background: url(../images/arrow-list.gif) no-repeat center right;
}


.suckerdiv ul li a
{
	padding-top: 10px;
}


.AdminBack
{
	background-color:#ececec;
	width: 100%;
	text-align:left;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom:10px;
	
}

.AdminBack INPUT,SELECT, TEXTAREA
{ 
	font-size:10px;
}

.ResultsRow
{
 text-align:center;
 background-color:#FFDDFF;
}

.AltResultsRow
{
 text-align:center;
 background-color:#FFFFFF;
}


.oGalleryRow
{
	width: 650px;
	padding-bottom:20px;
}

.oGalleryImg
{

	width: 130px;
	text-align:center;
	padding:6px;
	background-color:#ececec;
	float:left;
	border: solid 1px #ccc;
}

.oGalleryImg a img
{
 border: solid 1px black;
}

.oGallerySpacer
{
	width: 10px;
	padding-left: 10px;
	float:left;
}