/* CSS Document */

body { 
	padding: 0px;
	margin: 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #4D4C4C; 
	background: #00b2e7;
}

td, p, li{ 
	font: normal 12px Arial, Helvetica, sans-serif;
	color: black; }

p { /*padding: 0px; margin: 0px; */ }

h1 { 
	font: bold 20px Arial, Helvetica, sans-serif;
	color: red;
	padding: 0px;
	margin: 0px; }
h2 {	
  font: bold 14px Arial, Helvetica, sans-serif;
	color: red;
	padding: 0px;
	margin: 0px;}
	
h3 {font: bold 14px Arial, Helvetica, sans-serif;
	color: red;
	padding: 0px;
	margin: 0px;
	display: inline;}
	
h4 {}

#maincontent p,td {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: black; }

#maincontent ul { list-style-image: url(/persistent/templateimages/arrow.gif);}

ol.numbering { list-style-type: decimal}
ol.disc { list-style-type:  disc}
ol.circle { list-style-type:   circle}
ol.arrow { list-style-image: url(/persistent/templateimages/arrow.gif)}
a { color: red; text-decoration: underline;}
a:hover { color: blue; }

form { padding: 0px; margin: 0px; }
input, select, textarea {}

.cLear { clear: both; font-size: 0; line-height: 0; }

#stats {
	display: none;
	}

/* main styles ------------------ */

#wrapper { width: 1000px; }

#top {
	margin-top: 50px;
	width: 1000px;
	height: 330px;
	background: url(/persistent/templateimages/top.gif) no-repeat center top;
	/*padding-left: 5px;*/
}
#logo1 {
	float: left;
	/*position: relative;
	top: 0;
	left: 40px; */
	width: 285px;
	height: 325px;
	padding-left:40px;
  
}

#logo3 { 
	width: 130px;
	float: right;
	padding-top:200px;
	padding-right:80px; 
	
}
#navigation {
	width: 1000px;
	background: url(/persistent/templateimages/navigationbar.gif) no-repeat center top;
	height: 65px;
}
#greenbackground{
 background: url(/persistent/templateimages/greenbackground.gif) center top repeat-y; 
 }
#maincontent { 
	background: url(/persistent/templateimages/bottomcurve.gif) center bottom no-repeat;
	padding: 10px 50px 150px 62px;
	text-align: left;
	}
	#homeLeft {
		float:left;
		width: 610px;
		}
	#homeRight {
		width: 278px;
		float: left;
		}

#footer {
	height: 76px;
	text-align: right;
	padding: 0 25px;
	} 
	
	#footerleft {
		float: left;
		}
		
	#footerleft img {
		border: 0; }
	
	#footerright {
		float: right;
		}
	
		.footerimage {
			border: 0;
			padding: 0;
			margin: 0;
			}
		
		.promotable {
			width: 500px;
			}
		
		.promolinks {
			border-right: 1px solid #80d9f3;
			padding: 9px;
			height: 50px;
			}
		
		.sitelinks {
			border: 0;
			}
	
	.clearfooterfloat {
		clear: both;
		line-height: 0;
		margin: 0;
		padding: 0;
		}
		
.formtext {
	float:left;
	font: normal 12px Arial, Helvetica, sans-serif;
	}

.forminput {
    float:right;
    width:100px;
    height:11px;
	}

.textinput {
    width :400px;
    height:30px;
	}
	
.headings { padding: 0px; margin: 0px;}

#maincontent img {
	border: 0px; }   

a.action img {
	display:block;
	}

/*
----------------------------------------------------------------------------- 
Preload Images - Must contain jquery.preloadCssImages plugin
-----------------------------------------------------------------------------*/

.preload01{background:url(/persistent/templateimages/introMenu/btnHome_on.gif);}
.preload02{background:url(/persistent/templateimages/introMenu/btnSchool_on.gif);}
.preload03{background:url(/persistent/templateimages/introMenu/btnClub_on.gif);}
.preload04{background:url(/persistent/templateimages/introMenu/btnWork_on.gif);}
.preload05{background:url(/persistent/templateimages/pick_a_pie_on.gif);}

/*
----------------------------------------------------------------------------- 
Navigation
-----------------------------------------------------------------------------*/
ul#nav {
	width: 900px;
	height: 25px;
	margin: 0 auto;
	padding: 0px 19px 0px 27px;
	list-style: none;
	display: block;
}

ul#nav li {
  float: left; /*For Gecko*/
	margin: 0;
  padding: 0;
  position: relative;
	cursor: pointer;
}

ul#nav ul {
	z-index: 15;
  position: absolute;
	top: 61px;
	right: 0px;
	width: 160px;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
	}
	
	
ul#nav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}
	
#nav a {
	font: bold 11px/22px Arial, Helvetica, sans-serif;
	color: #707d98;
	text-decoration: none;
/*	text-transform: uppercase;
	padding: 0px 5px 0px 5px; */
	display: block;
	cursor: pointer;
}


#nav a:hover {
	color: #FFF;
	text-decoration: none;
	}
	
/* 2nd Menu */
ul#nav li ul li a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
	font: bold 11px/22px Arial, Helvetica, sans-serif;
	/*color: #707d98;*/
	margin:0px;
	margin-left:10px;
	width: 140px;
	text-align: left;
	padding: 0px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	/*background: #1d2d42;
	background-image: url(/persistent/templateimages/pienightbubble.gif);
	border-bottom: 1px solid #b9d531;*/
	}

ul#nav li ul li a.first {
	padding-top: 33px;
	}
/*
#nav li ul li a:hover {
	color: #FFF;
	background: #b9d531;
	}*/

ul#nav li:hover li a,
ul#nav li.iehover li a {
  float: none;
	}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
/*	background: #000;
	color: #FFF;*/
	}
ul#nav ul ul,
ul#nav ul ul ul {
  display: none;
	position: absolute;
  top: 50;
  left: 160px;
	}
	
/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
	}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
	}
	
#bubblereg {
	width: 144px;
	height: 89px;
	background:url(/persistent/templateimages/bubblereg1.gif) no-repeat left top;
}
#bubblepienight{
  width: 144px;
	height: 107px;
	background:url(/persistent/templateimages/bubblepienight1.gif) no-repeat left top;
}
#bubblepie{
  width: 144px;
	height: 89px;
	background:url(/persistent/templateimages/bubblepies1.gif) no-repeat left top;
}

#beforenight{
	background:url(/persistent/templateimages/beforenight.gif) no-repeat; }

#beforenight:hover {
	background:url(/persistent/templateimages/beforenight_over.gif) no-repeat; }