/* CSS Document */

/* main styles */

body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #555555;
	text-align: center;
	background-color: #CCCCCC;
}

a {
	color: #555555;
	text-decoration: none;
}

a:hover {
	color:#777777;
}	

p {
	margin:0px;
	line-height: 18px;
}

h1 {
	color:#003366;
	font-family: "Georgia", "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	font-size: 18px;
	padding-top: 5px;
	margin:0px;
	line-height: 24px;
}

h2 {
	font-family: "Georgia", "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px;
	color:#276694;
	margin-bottom: 0px;
}
h3 {
	font-size: 12px;
	margin: 0px;
	margin-top: 20px;
	padding:0px;

}

.main {
	width: 100%;
	border: solid 0px #FFFFFF;
	background-color:#6699CC;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#headerTop {
        color: #B5B6B0;
        font-size: 20px;
        padding: 10px 0 0 0;
        font-size:16px;
}

#headerTop p {
        line-height:14px;
}

#headerTop a {
        color:#B5B6B0;
        font-size:12px;
}

#headerTop #phoneNumber {
        color: white;
        display: block;
        font-size: 20px;
        margin: 8px 0 4px;
}

.header2 {
	width: 850px;
	border: solid 0px yellow;
	height: 90px;
	background-color:#003300;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}
.headerWide {
	width:1115px;
}

.header2 .logo {
	float: left;
	border: solid 0px yellow;
        padding: 5px 0 0 15px;
}

.logo {
        width:670px;
}

.logo img {
        border: none 0;
}

.header2 .school {
	padding-bottom: 10px;
}
.heade2r .crest {
	padding-top: 2px;
}

table {
	border: 0px solid gray;
	width: 450px;
	margin-top:25px;
}

td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:5px;
	width: 150px;
}

td.formlabel {
	background-color: #CCCCCC;
	color: #666666;
}

.content2 {
	border: 0px solid blue;
	margin: 0 auto;
	text-align: left;
	width: 850px;
	background-color:#FFFFFF;
}
.contentWide{ width:1115px;}


.languagelinks {
	border: 0px solid black;
	margin-top:0px;
	float: right;
	text-align:right;	
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 15px;
	margin-right: 15px;
}

.languagelinks a {
	color: #FFFFFF;
	text-decoration:none;
}
.languagelinks a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.languagelinks img {
	margin-bottom:-3px;
}


.clear {
	clear: both;
	font-size:1px;
	line-height:1px;
}	

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}


.footer {
	border-top: 0px solid #999999;
	margin: 0 auto;
	width: 850px;
	padding-top: 5px;
	background-color:#666666;
	color: #FFFFFF;
	font-size: 11px;
}
.footerWide { width: 1115px; }
.footer a {
	color: #FFFFFF;
	text-decoration:none;
}
.footer a:hover {
	color: #CCCCCC;
}

.footer .copyright {
	color: #CCCCCC;
	text-decoration:none;
	font-size: 9px;
}	

footer .copyright a {
	color: #CCCCCC;
	text-decoration:none;
}





/* homwpage styles */

.homepage .menu {
	border: 0px solid purple;
	width: 170px;
	float: right;
	margin-top:10px;
	color: #003366;
	font-size:12px;
}

.homepage .menu a {
	color: #003366;
	text-decoration:none;
}
.homepage .menu a:hover {
	color: #0066CC;
}
.homepage .menu ul {
	
	color:#339966;
	list-style:none;
	margin:0px;
	padding: 10px;
	line-height: 24px;
}

.homepage .content2 {
	background-image:url(images/teaser-menu-body.jpg);
}

.homepage .text {
	float: left;
	width: 450px;
	border-right: 1px solid #CCCCCC;
	padding-left: 25px;
	margin-top: 10px;

}
.homepage .text ul {
	margin:0px;
	padding:10px;
	line-height: 20px;
}

.homepage .teasermenu {
	border: 0px solid purple;
	float:left;
	width:200px;
}

.homepage .teasermenu p {
	margin:0px;
	padding:0px;
	padding-left: 25px;
	font-size:11px;
	line-height: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.homepage .teasermenu .title {
	background-image:url(images/right-menu-title.jpg);
	width:175px;
	height:25px;
	margin-top: 10px;
	padding-left: 25px;
	padding-top: 5px;
	color: #FFFFFF;
	font-style:normal;
	font-size:11px;
}

.homepage .teasermenu a {
	color: #555555;
}

.homepage .teasermenu a:hover {
	color: #0066CC;
}

.teasermenu strong {
        color:#003366;
}

/* internal pages content styles */

.blueband {
	background-color: #0066CC;
	height:5px;
}

.pages h1 {
	padding-top: 25px;
}
.pages h2 {
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.pages .content2 {
	background-image:url(images/photo-background.jpg);
	background-repeat:repeat-x;
	
}	

.pages .menu {
	border: 0px solid purple;
	background-color:#FFFFFF;
	width: 213px;
	float: left;
	margin-top:0px;
	font-size:12px;
	height: 400px;
}
.pages .menu a {
	color: #003366;
	text-decoration:none;
}
.pages .menu a:hover {
	color: #0066CC;
}
.pages .menu ul {
	color: #660066;
	list-style:none;
	margin:0px;
	padding: 10px;
	line-height: 24px;
}

.pages .menu img {
	margin-left: 5px;
}

.pages .menu .title {
	border: 0px solid yellow;
	background-image:url(images/internal-menu-title-background.jpg);
	height:40px;
	color: #FFFFFF;
	font-family: "Georgia", "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	font-size: 16px;
	padding-top: 10px;
	padding-left: 10px;
	margin: 0px;
	margin-bottom: 0px;
}

.pages .menu .title a {
	color: #FFFFFF;
}

.pages .menu .title a:hover {
	color: #6699CC;
	
}

#flashSummerCamp {
	margin-top:10px;
        width:450px;
	height:250px;
        position:relative;
        left:-23px;
	}








.pages .text {
	float: left;
	width: 400px;
	border-left: 1px solid #CCCCCC;
	padding-left: 25px;
	margin-top: 0px;
	margin-bottom:10px;

}
.pages .textWide { width: 600px;  padding-left:0px; }
/*.pages .textWide ul { line-height:normal; padding:0px; } */
.pages .text ul {
	margin:0px;
	padding:10px;
	line-height: 20px;
}
.pages .nobullet ul {
	list-style:none;
	margin-left: 0px;
	padding-left: 0px;
}

.pages .text p {
	line-height: 24px;
	text-align:justify;
}

.pages .text a {
	text-decoration: underline;
}

.pages .text h1 a {
	color:#003366;
}

.pages .text h2 a {
	color:#276694;
}

.pages .text a:hover {
	color:#777777;
}

.pages .sources {
	margin-top: 15px;
	border-top: 1px solid #CCCCCC;
}

.pages .sources a {
	text-decoration: underline;
}

.pages .sources h3 {
	margin-top:5px;
	margin-bottom:2px;
	font-style:normal;
}
.pages .sources p {
	padding: 0px;
	font-size:10px;
	line-height: 12px;
	padding-top: 5px;
	text-align:left;
}


.pages .photos {
	width:475px;
	float:left;
	border-left: 0px solid #CCCCCC;
	padding:0px;
	margin:0px;

}

.pages .photos img {
	margin:0px;
	padding:0px;
	float:left;
	border-right: 1px solid #FFFFFF;
}

.pages .rightmenu {
	border-left: 1px solid #CCCCCC;
	float:right;
	width:182px;
	color:#339966;
	margin:0px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 24px;
}

.pages .rightmenu ul {
	color:#339966;
	list-style:none;
	margin:0px;
	padding: 10px;
	
	line-height: 24px;
	
}

.pages .rightmenu p {
	margin:0px;
	padding:0px;
	padding-left: 25px;
	font-size:11px;
	line-height: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pages .rightmenu .title {
	background-image:url(images/right-menu-title.jpg);
	width:175px;
	height:25px;
	margin-top: 10px;
	padding-left: 25px;
	padding-top: 5px;
	color: #FFFFFF;
	font-style:normal;
	font-size:11px;
}

.pages .rightmenu a {
	color: #003366;
}

.pages .rightmenu a:hover {
	color: #0066CC;
}

.pages .rightquote {
	border-left: 0px solid #CCCCCC;
	float:right;
	width:160px;
	color:#555555;
	margin:0px;
	padding-right: 20px;
	line-height: 24px;
	font-family: "Georgia", "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	font-size: 13px;
	font-style:italic;
}

.pages .rightquote .credit {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	font-size: 11px;
	font-style: normal;
	
}

.pages .gallery {
	border: 0px solid #CCCCCC;
	text-align: center;
	margin-top: 25px;
	height: 300px;
}

.pages .gallery p {
	text-align: center;
	color:#555555;
	font-size: 11px;
}



.pages .text .list {
	line-height: 18px;

}


td.title {
	background-color: #003366;
	color: #FFFFFF;
}

td.gray {
	background-color: #CCCCCC;
}

td {
	border-bottom: 1px solid #003366;
}
td.wider {
	width: 300px;
}
td.wide400 {
	width: 400px;
}
td.wide500 {
	width: 500px;
}
td.rightalign {
	text-align: right;
}

table {
	width: 400px;
	font-size:11px;
}

table.regulartext {
	margin-top:10px;
	padding-top:0px;
}	

table.regulartext td {
	font-size:12px;
	border-bottom: 0px solid #003366;
}


table.calendar {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 5px;
}



.pages .text .description {
	line-height: 14px;
	font-size:11px;
	
	
}

/* Site Map styles */

.sitemap h1 {
	padding-bottom:5px;
	padding-top: 15px;
}
.sitemap p {
	padding:0px;
	margin:0px;
}

.sitemap .menu {
	border: 0px solid purple;
	background-color:#FFFFFF;
	width: 25%;
	float: left;
	margin-top:0px;
	color: #003366;
	font-size:12px;
}

.sitemap .menu a {
	color: #003366;
	text-decoration:none;
}
.sitemap .menu a:hover {
	color: #0066CC;
}
.sitemap .menu ul {
	color:#339966;
	list-style:none;
	margin:0px;
	padding: 10px;
	line-height: 24px;
}

.sitemap .menu .title {
	border: 0px solid yellow;
	background-image:url(images/internal-menu-title-background.jpg);
	height:40px;
	color: #FFFFFF;
	font-family: "Georgia", "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	font-size: 16px;
	padding-top: 10px;
	padding-left: 10px;
	margin: 0px;
	margin-bottom: 0px;
}

.sitemap .text {
	float: left;
	width: 275px;
	border-left: 1px solid #CCCCCC;
	padding-left: 25px;
	margin-top: 0px;
	margin-bottom:10px;

}

.sitemap .text ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.sitemap .text a {
	color: #555555;
	text-decoration:none;
}
.sitemap .text a:hover {
	color: #003366;
	text-decoration:underline;
}

.actionbtn {
	padding-top:10px;
	padding-left: 10px;
	padding-bottom: 15px;
	text-align: left;
	margin-left:-20px;
	margin-top:0px;
}

.actionbtn img {
	padding-right: 8px;
}

.actionbtn a {
	color: #6CA141;
	text-decoration:none;

}

.actionbtn a:hover {
	color: #333333;
	text-decoration:none;

}

.pages .text .communication a:hover {
color:#0066CC;
}
.pages .text .communication a {
color:#003366;
text-decoration:none;
font-weight:bold;
}

/* main page stuff */
hr { color:#CCCCCC;background-color:#CCCCCC;height:1px;border:none; } /*border: 1px thin #CCCCCC; } */
.upcomingBox { width:209px; margin-right:4px; margin-bottom:10px; height:130px; border:1px solid #CCCCCC; float:left; padding:5px; }
.upcomingText { height:76px; }
.upcomingBox .actionbtn { margin-left:-10px; }
.upcomingBox H3 {font-size: 12px;margin: 0px;padding:0px; }
.upcomingBox a { color: #6CA141;text-decoration:none; }
.upcomingBox a:hover { color: #333333; text-decoration:none; } 

.upcomingContainer a { color: #6CA141;text-decoration:none; }
.upcomingContainer a:hover { color: #333333; text-decoration:none; } 

/* form stuff below */
.formErrors { background-color: #4DBF30; border-color: #fff666; }
.formSuccess { background-color: #4DBF30; border-color: #4D8040; }
.formErrors { background-image: url( images/error.png); background-repeat: no-repeat; background-position: 15px 50%; } /* x-pos y-pos */
.formSuccess { background-image: url( images/valid.png);background-repeat: no-repeat; background-position: 15px 50%; } /* x-pos y-pos */
.formErrors, .formSuccess { text-align: left;font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color:white; }
.formErrors, .formSuccess { padding: 10px 20px 5px 55px; min-height:30px;border: 2px solid;  }

.contactForm { width: 400px; margin: 0px auto; margin-bottom:10px; margin-left:0px; border: 1px solid #CCCCCC; }
.contactForm legend { margin-top:10px; padding: 2px 6px; background-color:#003366; color:#FFF;}
.contactForm label { width: 180px; float: left; margin-right: 3px; text-align:left; padding:5px 0px 5px 0px;  }
.contactForm .error { background-color:#4DBF30; color:#FFF; }
.contactForm .field { min-width: 185px; float: left; padding:5px 0px 5px 0px; }
.contactForm .formCheckbox { width:125px; float:left; }
.contactForm .submit { width:100%; }
.contactForm .submit .float-left { margin-left: 20px; }

.activityForm label{ width: 110px; margin-right:0px;min-height:24px; }
.activityForm .field { min-width: 55px;  text-align:center; min-height:24px; }

.studentInfo label{ width: 100px; }
.studentInfo .field { min-width: 50px;  }

.parentInfo label{ width: 90px; }
.parentInfo .field { min-width:105px;  }

.wideForm { width:600px;}
.thinInfo label{ width: 40px; }
.thinInfo .field { min-width:150px;  }

.scheduleInfo label{ width: 150px; height:40px; text-align:center; vertical-align:bottom; display:table; }
.scheduleInfo .field{ _width:75px; min-width:75px; height:40px; border:1px solid #CCCCCC; text-align:center; }

.scheduleItem {_word-wrap: break-word; width: 150px; height:60px; border:1px solid #CCCCCC; text-align:center; vertical-align:bottom; float:left; }
.infokitName { width:130px; float:left; text-align:left; padding:5px;}
.infokitDetail { width:100px;float:left; text-align:center; padding:5px;}
.blueBackground { background-color:#003366; color:#FFF;}
.adminBand { background-color:#003366; color:#FFF;padding:5px; text-align:center;}
.float-left{ float:left; }
.float-right{ float:right; }
.reserved { display:none; }
.wideForm { width:500px; }


.adminCenter {
	margin-top:40px;
	margin-left:200px;
}
.adminFullPage {
	margin-top:40px;
	margin-left:20px;
	margin-right:20px;
}
.adminTitle  {
	background-color:#003466;
	margin-top: 10px;
	padding: 5px;
	padding-left: 25px;
	width:400px;;
	color: #FFFFFF;
	font-style:normal;
	font-size:11px;
}
.adminTitle A { color: #FFF; }
.adminTitle A:hover { color:#6699CC; }
#login { float:right;  margin-right:50px;  }
#adminBackLink { float:right; background-image:url( images/LeftArrow.gif); background-repeat: no-repeat; padding-left:20px; margin-right:50px; }
#adminBackLink  A, .blueLink A , #login A{ color:#003466;  }
#adminBackLink  A:hover, .blueLink A:hover, #login A:hover { color:#000;  }
#adminDescription { color:#003466; float:left; font-size:20px; font-style:italic; font-weight:bold; }
.adminSubHeading{ color:#FFFFFF; float:left; font-size:13px; padding:5px; font-style:italic; font-weight:bold; background-color:#003300; width:400px; }

.vendorBox { width:400px; float:left;  }
.vendorLogo { width:150px; float:left; }
.vendorText { width:250px; float:left; }
.text .vendorText p { float:left; font-size:13px; line-height:1.5em; margin-bottom:1em; text-align:left;}

.communication {
	background-color: #fff;  
	font-family: Georgia, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	color: #555; 
	font-weight:normal; 
	font-size: 12px;
	padding-right:20px;
}
.communication h1 {
	/*font-family: Georgia, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal;  */
	color:#003366;
	font-size: 18px; 
	line-height:24px;
}
.communication h2 {
	/*font-family: Georgia, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal;  */
	color:#276694;
	font-weight:normal;
	font-size: 15px;
}
.communication p {
	line-height:18px;
}