/*--------------------

Sub Page Style Sheet

version 1.1
authours: andrew deacon and james avery
email: deacon@drawninwardmedia.com/avery@drawninwardmedia.com

--------------------*/

/*-----Body Styles-----*/

/*--------------------

Main Page Style Sheet

version 1.1
authours: andrew deacon and james avery
email: deacon@drawninwardmedia.com/avery@drawninwardmedia.com

--------------------*/

/*-----Body Styles-----*/

	/*----- Browser Reset -----*/
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, font, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	dl, dt, dd,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	}
	h1, h2, h3, h4, h5, h6{font-weight:normal}
	/* remember to define focus styles! */
	
	:focus {
	outline: 0;
	}
	body {
	line-height: 1;
	color: black;
	background-color: white;
	background-repeat: repeat-x;
	background-position: bottom center;
	padding-bottom: 135px;
	background-attachment: fixed;
	}
	
	h1 {
		color: #FFF;
		font: "Minya Nouvelle";
		font-size: 22px;
		margin-bottom: 10px;
		}	
		
	h2 {
		color: #FFF;

		font: "Minya Nouvelle";
		font-size: 16px;
		margin-bottom: 5px;	
}
	
	/* tables still need 'cellspacing="0"' in the markup */
	
	table {
	border-collapse: separate;
	border-spacing: 0;
	}
	caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
	content: "";
	}
	blockquote, q {
	quotes: "" "";
	}
	
	/*----- End of Browser Reset -----*/


/*-----end of body styles-----*/

/*-----HTML Styles-----*/

body {
	background-image: url(../images/sub_bg.png);
	background-color:#FFFFFF;
	background-position: center bottom;
	background-color: #E4F4FD;
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin: 0px;
	padding: 0px;
}

hr {
width: 99%;
border: 0;
border-top-style:dashed;
border-top-color: #fff;
border-top-width: medium;
}

.subPicture {
	z-index: 1;
	position: fixed;
	float: left;
}

/*-----end of html styles-----*/

/*-----CSS Styles-----*/
#container {
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 915px;
	padding-left: 20px;
	overflow:visible; overflow-x:auto; overflow-y:auto; padding-bottom:15px;
}

	#container p {
	color: #FFF;
	font: "Minya Nouvelle";
	text-align: justify;

}

	#container h1 {
	color: #FFF;
	font-family: "Minya Nouvelle";
	font-size: 26px;
	margin-bottom: 10px;
}

	#container h2 {
	color: #FFF;
	font-family: "Minya Nouvelle";
	font-size: 16px;	
}

#left {
	float: left;
	width: 499px;
	margin-left: -13px;
}

#right {
	top: 5px;
	float: right;
	position: fixed;
	margin-left: 580px;
	margin-right: auto;
}

#nav {
	float: left;
	position: fixed;
	top:0px;
	z-index: 4;
}

#logo {
	padding-left: 70px;
	margin-bottom: 20px;
}

#content {
	float: left;
	margin-top: 65px;
	width: 100%;
	margin-bottom: 10px;
	padding-left: 0px;
	color: #333333;
	padding-bottom: 135px;
}

	
	#content a {
	color: #0B889D;
	text-decoration: none;
}
	
	#content a:hover {
	color: #FFF;	
}

	#content a:visited {
	color: #663399;	
}
	
	#content li {
	color: #FFFFFF;
	line-height: 1.5;
}
	
	#content p {
	margin-top: 0px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.5;
}

	#content ul {
	color: #FFF;
	line-height: 1.5;
}

	#content ol {
	color: #FFF;
	line-height: 1.5;
	margin-top: 0;
	padding-top: 0;
}
	
	#content .news {
	background-color: #248CE7;
	}
	
	#noBorderImage {
	border: 0px;
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
	}

#entries {
	background-color: #348BE4;
	padding: 10px;
	width: 85%;
	margin-bottom: 0px;
	border: 1px solid #000;
}

	#entries a {
	text-decoration: none;
	color: #0B889D;
}
	
	#entries a:hover {
	color: #FFF;
}

	#entries a:visited {
	color: #0B889D;
}

#contactForm {
	border: #FFF 2px dashed;
	padding: 5px;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#quickStartSub {
	background-image: url(../images/hills_day_small.png);
	color: #1E889D;
	font-weight: bold;
	height: 108px;
	width: 100%;
	position: fixed;
	bottom:0px;
	background-repeat: no-repeat;
	z-index: 5;
	vertical-align: bottom;
	margin: 0px;
	background-position: center bottom;
}

.clearFloat {
	clear: both;
	height: 1px;
	width: 1024px;
}

.contact {
	color: #FFF;
}

	.contact h2 {
	font-family: "Minya Nouvelle";
	font-size:10px;
	margin: 0;
	padding: 0;
	}

	.contact h5 {
	font-family: "Minya Nouvelle";
	font-size:12px;
	margin: 0;
	padding: 0;
	}
	
	.contact td {
	margin-bottom: 10px;
}

.contact35 {
	color: #FFF;
}

	.contact35 h2 {
	font-family: "Minya Nouvelle";
	font-size:10px;
	margin: 0;
	padding: 0;
	}

	.contact35 h5 {
	font-family: "Minya Nouvelle";
	font-size:12px;
	margin: 0;
	padding: 0;
	}
	
	.contact35 td {
	margin-bottom: 10px;
}

.tableField{ padding-top:5px; padding-bottom:6px}
	.contact input,.contact textarea,.contact select{ border:1px solid #CCCCCC;}
	.contact li{line-height:normal}
	.tableText {
	text-align: right;	
	}
	
	.tableFields {
	text-align: left;	
	}
	
	.contact ul {
	font-family: "Minya Nouvelle";
}

	.contact li {
	font-family: "Minya Nouvelle";
	vertical-align: middle;
}
	


/*------- Sub Page Aestetics ----------*/

#poleTop {
	position: absolute;
	top: 0px;
	left: 45px;
	background: #01a3ec;
	padding-top: 40px;
	z-index: 2;
}
#pole {
	background:url(../images/flagpoleBG.png) repeat-y center top;
	width: 20px;
	min-height: 100%;
	position: fixed;
	left: 45px;
	bottom: 0px;
	z-index: 1;
}

#flag {
	position: absolute;
	top: 71px;
	left: 50px;
	z-index: 3;
}

#whiteBar {
	position: fixed;
	top: 100px;
	width: 2px;
	right: 390px;
	min-height: 60%;
	background: #CCCCCC;
}

#newsMenu {
	border: 2px dashed #FFFFFF;
	width: 315px;
	padding: 11px;
	margin-left: 15px;
	color: #FFF;
	line-height: 18px;
	font: "Minya Nouvelle";
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
#newsMenu a {
	color: #0B889D;
	text-decoration: none;
	}
	
#newsMenu a:hover {
	color: #FFF;
	text-decoration: none;
	}
	
.clouds {
	background-image: url(../images/clouds.png);
	width: 100%;
	background-repeat: repeat-x;
	background-position: top;
	height: 500px;
	/*z-index: -1;
	position: fixed;
	top: 0px; */
	/**position:fixed;pinoidev: fix for ie7*/
	/**left:0; pinoidev: fix for ie7*/
}

#locationDetail {
	color: #fff; 
	font-size: 18px; 
	margin-top: 30px; 
	padding: 20px;
	margin-left: 45px;
	width: 780px; 
	border: 2px dashed #fff; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	background: #993399; 
	height: 360px;
}

#locationDetail a:link {
	color: #FC3;
}

#locationDetail a:visited{
	color: #FC3;
}

#locationDetail a:hover {
	color:#FFF;
}

/*------- Menu Code ----------*/
ul.menu {
	width: 700px;
	list-style:none;
	margin-left: -55px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0;
	color:#FFFFFF;
	/*background-color: #9CCA2E;*/
}
ul.menu * {margin:0; padding:0; color:#000;}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {
	position:absolute;
	top:38px;
	left:0;
	display:none;
	opacity:0;
	list-style:none;
	background-color: #9CCA2E;
}
ul.menu ul li {position:relative; border-top:none; margin:0}
ul.menu ul li a {
	display:block;
	padding:3px 7px 5px;
	background-color:#9CCA2E
}
ul.menu ul li a:hover {
	background-color:#719422
}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .aboutMenuLink { width:63px; height:40px; font-weight:bold; background:#9CCA2E; background:url(../images/about.png); color:#FFF; font-family: Minya Nouvelle;}
ul.menu .aboutMenuLink:hover,ul.menu .aboutMenuLinkActive  {background:url(../images/about_mouseover.png) !important; color:#FFF; font-family: Minya Nouvelle;}
ul.menu .programsMenuLink { width:89px; height:40px; font-weight:bold; background:#9CCA2E; background:url(../images/programs.png); color:#FFF; font-family: Minya Nouvelle;}
ul.menu .programsMenuLink:hover,ul.menu .programsMenuLinkActive  {background:url(../images/programs_mouseover.png) !important; color:#FFF; 
font-family: Minya Nouvelle;}
ul.menu .parentMenuLink { width:131px; height:40px; font-weight:bold; background:#9CCA2E; background:url(../images/parent.png); color:#FFF; font-family: Minya Nouvelle;}
ul.menu .parentMenuLink:hover,ul.menu .parentMenuLinkActive  {background:url(../images/parent_mouseover.png) !important; color:#FFF;}
ul.menu .enrollmentMenuLink { width:96px; height:40px; font-weight:bold; background:#9CCA2E; background:url(../images/enrollment.png); color:#FFF; font-family: Minya Nouvelle;}
ul.menu .enrollmentMenuLink:hover,ul.menu .enrollmentMenuLinkActive  {background:url(../images/enrollment_mouseover.png) !important; color:#FFF;}
ul.menu .locationMenuLink { width:122px; height:40px; font-weight:bold; background:#9CCA2E; background:url(../images/location.png); color:#FFF; font-family: Minya Nouvelle;}
ul.menu .locationMenuLink:hover,ul.menu .locationMenuLinkActive  {background:url(../images/location_mouseover.png) !important; color:#FFF;}
ul.menu .contactMenuLink { width:76px; height:40px; font-weight:bold; background:#9CCA2E; background:url(../images/contact.png); color:#FFF; font-family: Minya Nouvelle;}
ul.menu .contactMenuLink:hover,ul.menu .contactMenuLinkActive  {background:url(../images/contact_mouseover.png) !important; color:#FFF;}
ul.menu .sub {
	background-color: #9CCA2E;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 136px 8px;
}
ul.menu .subAbout {background:#9CCA2E 136px 8px no-repeat; width:100px; color:#FFFFFF;}
ul.menu .subPrograms {background:#9CCA2E 136px 8px no-repeat; min-width:200px; color:#FFFFFF;}
ul.menu .subParent {background:#9CCA2E 136px 8px no-repeat; color:#FFFFFF;}
ul.menu .subEnrollment {background:#9CCA2E 136px 8px no-repeat; color:#FFFFFF;}
ul.menu .subLocations {background:#9CCA2E 100px 8px no-repeat; color:#FFFFFF;}
ul.menu .subContact {background:#9CCA2E 100px 8px no-repeat; color:#FFFFFF;}
ul.menu .topline {border-top:0px solid #aaa; }

/*------ End of Menu Code -------*/

/*-----end of css styles-----*/

/*----------END OF DOCUMENT----------*/
.googleMap {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #FFF;
	padding: 10px;
	padding: 10px;
	background-color: #999999;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
}
h2 {
	color: #FFF;
	font-size: 22px;
	margin-bottom: 5px;
	font-family: "Minya Nouvelle";
}