/*  General  */
html {
	background: url(/pics/noise_background.png);
}

body {
	padding: 0;
	margin: 0;
	background: url(/pics/background_radial.jpg) center top no-repeat;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 1.46;
}

#skiptonav {
	display: block;
	height: 0;
	overflow: hidden;
}

.pageTitle {
	background: url(/pics/pagetitle.png) no-repeat;
	width: 876px;
	height: 53px;
	padding: 12px 0 0 23px; 
	line-height: 24px;
	margin: 0 0 0 -23px;
	position: relative;
	z-index: 24;
	font-size: 22px;
	color: #fff;
	letter-spacing: 1px;
}








/*  Page Navigation  */
/*  Page Navigation  */
#pageNav {
	border: 0;
}

#pageNav ul, #pageNav ul li {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 16px;
}

#pageNav ul {
	padding: 3px 0 !important;
	margin: 0 auto !important;
	border: 1px solid #555;
	width: 250px;
}

#pageNav ul li {
	font-size: 12px;
	display: inline; /* this is important for IE6 */
}

#pageNav td img {
	display: none;
}

#pageNav ul li b {
	/* active page */
	background-color: #b3d324;
	font-weight: normal;
	color: #000 !important;
}

#pageNav ul li b,#pageNav ul li a {
	padding: 6px 0 6px 1.3em;
	display: block;
	text-decoration: none;	
}

#pageNav ul, #pageNav ul li a {
	/* area's background color */
	background-color: #05487c;
	background: url(/pics/noise_background.png) repeat;
	color: #fff;
	background: #6faddc;
}

#pageNav ul li a:hover {
	/* link hover */
/*  	background-color: #a8c813;  */
/*  	color: #fff !important;;  */
	text-decoration: underline;
}








/*  Header  */
#header {
	width: 954px;
	margin: 0 auto;
	padding: 0 13px;
	position: relative;
}

#header h1 {
	padding: 0;
	margin: 0;
}

#header h1 a {
	display: block;
	width: 627px;
	height: 0;
	font-size: 1em;
	padding-top: 141px;
	overflow: hidden;
	background: url(/pics/header.png) no-repeat;
}

#header #searcharea {
	position: absolute;
	top: 0;
	right: 27px;
	width: 155px;
	height: 21px;
	border: 6px solid #2974ad;
	line-height: 21px;
}

#searcharea form {
	width: 155px;
	height: 21px;
	float: left;
}


#header #q {
	padding: 0;
	margin: 0;
	border: 0;
	height: 19px;
	padding: 1px 1px 1px 3px;
	width: 122px;
	line-height: 21px;
	float: left;
	background: url(/pics/search_bg.png) 0 0 repeat-x;
}

#header #sa {
	float: left;
	display: inline;
}









/*  Navigation  */
#navigation {
	width: 926px;
	margin: 0 auto;
	position: relative;
	height: 44px;
	z-index: 999;
}

#navigation .shadow_piece {
	display: block;
	position: absolute;
	left: 64px;
	top: 0;
	width: 11px;
	height: 44px;
	background: url(/pics/topnav/shadow_piece.png) no-repeat;
	z-index: 9999;
	
}

#topnav {
/*  	display: none;  */
	padding: 0;
	margin: 0;
	list-style: none;
	background: url(/pics/nav_background.jpg) bottom left no-repeat;
	width: 926px;
	height: 44px;
	float: left;
	position: relative;
	z-index: 9998;
}

#topnav li {
	padding: 0;
	margin: 0 0 0 11px;
	list-style: none;
	float: left;
	display: inline; /* solve IE6 margin doubling */
	position: relative;
}

#topnav li a {
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 44px;
	height: 0;
	overflow: hidden;
}

#topnav li.first {
	margin-left: 16px;
}

#topnav li#topnav_home             a { width:  48px; background-image: url(/pics/topnav/home.png); }
#topnav li#topnav_aboutus          a { width:  71px; background-image: url(/pics/topnav/aboutus.png); }
#topnav li#topnav_schools          a { width:  66px; background-image: url(/pics/topnav/schools.png); }
#topnav li#topnav_abrdifference    a { width: 129px; background-image: url(/pics/topnav/abrdifference.png); }
#topnav li#topnav_supportservices  a { width: 118px; background-image: url(/pics/topnav/supportservices.png); }
#topnav li#topnav_humanresources   a { width: 123px; background-image: url(/pics/topnav/humanresources.png); }
#topnav li#topnav_pressroom        a { width:  86px; background-image: url(/pics/topnav/pressroom.png); }
#topnav li#topnav_supportus        a { width:  84px; background-image: url(/pics/topnav/supportus.png); }
#topnav li#topnav_contactus        a { width:  81px; background-image: url(/pics/topnav/contactus.png); }


#topnav li:hover a, #topnav li.over a {
	background-position: 0px -44px;
}

/*  Dropdowns  */
#topnav ul, #topnav li:hover ul ul, #nav li.over ul ul {
	position: absolute;
	z-index: 999;
	padding: 0;
	margin: 0;
	list-style: none;
	left: -999em;
	border-top-width: 0;
	width: 158px;
}


#topnav li ul li {
	float: left;
	padding: 0;
	margin: 0;
	width: 158px;
	border-bottom: 1px solid #60a0cf;
}

#topnav li ul li:last-child {
	border-bottom: 0;
}

#topnav li ul li a {
	background: #6ca7d3 !important;
	background: #71adda !important;
	width: 145px !important;
	overflow: visible;
	height: auto;
	margin: 0;
	padding: .6em 6px .6em 7px;
	line-height: 15px;
	text-decoration: none;
	color: #fff;
}

#topnav li ul li a:hover {
	background: #88b533 !important;
}
#topnav li:hover ul, #topnav li.over ul {
	left: auto;
}

#topnav ul li:hover ul, ul#topnav ul li.over ul {
	position: absolute;
	top: 0;
	left: 100%;
}


/*  content area general styles  */
#wrapper {
	clear: both;
	width: 900px;
	width: 980px;
	margin: 0 auto;
	padding-top: 13px;
	position: relative;
	background: url(/pics/shadow.png) 0 0 repeat-y;	
	z-index: 1;
}

.shadow_bot {
	display: block;
	width: 980px;
	height: 41px;
	background: url(/pics/shadow_bot.png) 0 0 no-repeat;
	position: relative;
	z-index: 2;
	margin: 0 auto;
}
.contentIndex, .content {
	background: #fff;
	min-height: 320px;
	height: auto !important;
	height: 320px;
	margin: 0 40px 0px 40px; 
}
.content {
	width: 876px;
	padding: 12px;
}

.contentIndex {
	width: 900px;
	padding-bottom: 15px;
	background: url(/pics/calendar_background.png) 333px 0 repeat-y #fff;
}









/*  Homepage General Styles  */
.contentIndex h2 {
	padding: 0;
	margin: 0;
}


#rightcol {
	float: right;
	width: 231px;
	padding: 15px 4px 15px 0;
}

#leftcol {
	padding-top: 302px;
	width: 652px; 
	background-color: #fff;
}

#lower_left {
	width: 650px;
	clear: left;
	background: url(/pics/calendar_background.png) right top repeat-y;
}









/*  Quicklinks  */
#quicklinks {
	width: 231px;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}

#quicklinks li {
	padding: 0;
	margin: 0;
	width: 231px;
	height: 71px;
	list-style: none;
}

#quicklinks li a {
	display: block;
	width: 231px;
	height: 0;
	overflow: hidden;
	padding-top: 71px;
	background-position: 0 0;
	background-repeat: no-repeat;
/*  	behavior: url(/apps/shared/iepngfix.htc);  */
}


#quicklinks li#quicklinks_enrollnow         a { background-image: url(/pics/quicklinks/enrollnow.png); }
#quicklinks li#quicklinks_parentcenter      a { background-image: url(/pics/quicklinks/parentcenter.png); }
#quicklinks li#quicklinks_teacherresources  a { background-image: url(/pics/quicklinks/teacherresources.png); }
#quicklinks li#quicklinks_tapsystem         a { background-image: url(/pics/quicklinks/tapsystem.png); }

#quicklinks li a:hover {
	background-position: -231px 0;
}
#schools_list {
	padding: 10px 0 0 12px;
	margin: 0 0 3px 0;
	list-style: none;
	float: left;
}

#schools_list li {
	margin: 0 0 0 3px;
	padding: 0;
	list-style: none;
	float: left;
	display: inline; /* solve IE6 margin doubling */
	height: 101px;
}

#schools_list li a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 101px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

li#schools_dalton      a { background-image: url(/pics/dalton.png); width: 125px; }
li#schools_lanier      a { background-image: url(/pics/lanier.png); width: 125px; }
li#schools_glenoaks    a { background-image: url(/pics/glenoaks.png); width: 124px; }
li#schools_prescott    a { background-image: url(/pics/prescott.png); width: 124px; }
li#schools_pointecoupee a { background-image: url(/pics/pointecoupee.png); width: 125px; }

#schools_list li a:hover {
	background-position: 0px -101px;
}

/*  Homepage Shuffle  */
#shuffle1 {
	position: absolute;
	top: 30px;
	left: 55px;
	width: 635px;
	height: 284px;
}

#shuffle1 .overlay {
	display: block;
	position: absolute;
	width: 441px;
	height: 64px;
	bottom: -2px;
	left: -26px;
	background: url(/pics/home_overlay.png) 0 0 no-repeat;
}








/*  News and Calendar  */
#news_container, #events_container {
	width: 287px;
	padding: 14px 0 0 0;
}
#news_container {
	float: left;
	display: inline; /* solve IE6 margin doubling */
	margin-left: 23px;
}

#events_container {
	margin-left: 356px;
	width: 271px;
}

#news_shuffle, #events_shuffle {
	border: 5px solid #a8c813;
	width: 277px;
	height: 87px;
	margin-bottom: 20px;
}

#news_shuffle2, #events_shuffle2 {
	border: 1px solid #fff;
	width: 275px;
	height: 85px;
}

#events_shuffle {
	width: 261px;
	height: 87px;
}

#events_shuffle2 {
	width: 259px;
	height: 85px;
}


#news_container h2 a, #events_container h2 a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 18px;
	background-repeat: no-repeat;
	margin-bottom: 14px;
}

#news_container h2 a {
	width: 201px;
	background-image: url(/pics/news_header.png)
}

#events_container h2 a {
	width: 71px;
	background-image: url(/pics/events_header.png)
}

#news_container .HPNews a, #events_container .HPEvents a {
	color: #2873ab;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
}

#news_container .HPNews a:hover, #events_container .HPEvents a:hover {
	text-decoration: underline;
}

.HPNews a, .HPEvents a {
	font-size: 1.4em;
}

#l {
	padding-top: .76em;
}
.HPNews #r, .HPEvents #r {
	padding-bottom: 12px;
}

.HPNews #l, .HPEvents #l {
	display: none;
}

.show_all_link {
	display: block;
	float: right;
	width: 61px;
	padding-top: 19px;
	height: 0;
	overflow: hidden;
	background: url(/pics/show_all.png) no-repeat;
}









/*  Right Column Other  */
#ceo_message {
	padding: 20px 12px 12px 0;
	overflow: auto;
	clear: both;
}

#ceo_message h2 a {
	display: block;
	background: url(/pics/ceo_header.png) no-repeat;
	width: 179px;
	padding-top: 18px;
	margin: 0 0 8px 0;
	height: 0;
	overflow: hidden;
}

#ceo_message img {
	float: left;
	margin: 4px 8px 0px 0;
}



#frequently_container {
	padding: 20px 12px 0 0;
}

#frequently_container h2 {
	background: url(/pics/frequently_header.png) no-repeat;
	width: 211px;
	padding-top: 18px;
	height: 0;
	overflow: hidden;
	margin-bottom: 12px;
}

#frequently_container ul, #frequently_container li {
	padding: 0;
	margin: 0 0 4px 0;
	list-style: none;
}

#frequently_container li a {
	display: block;
	width: 220px;
	padding-top: 74px;
	height: 0;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#frequently_container li#webmail_link a 		{ background-image: url(/pics/webmail_link.png); }
#frequently_container li#employee_intranet a 	{ background-image: url(/pics/employee_intranet.png); }
#frequently_container li#gradebook a 		{ background-image: url(/pics/web_gradebook.gif); }
#frequently_container li#webpams a 		{ background-image: url(/pics/webpams.gif); }

#frequently_container li a:hover {
	background-position: -220px 0;
}



#newsletter_container {
	padding: 10px 26px 15px 20px;
	width: 174px;
	background-color: #e7eff6;
	margin-top: 30px;
}

#newsletter_container h2 {
	background: url(/pics/newsletter_header.png) no-repeat;
	width: 148px;
	padding-top: 18px;
	height: 0;
	overflow: hidden;
	margin-bottom: 18px;
}

#newsletter_container p {
	padding: 0 0 0 7px;
	margin: 0;
}

#newsletter_container input.text {
	border: 1px solid #c4c4c4;
	padding: 0;
	height: 16px;
	width: 164px;
	padding: 1px;
	margin: 0;
	margin-bottom: 15px;
}

#newsletter_container #submit-newsletter {
	display: block;
	width: 73px;
	margin: 0 auto;
	padding: 0;
}








/*  Sticky Footer */
* {
	margin-top: 0;
	margin-bottom: 0;
}
html, body {
	height: 100%;
}
#sticky_wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -219px; /* the bottom margin is the negative value of the footer's height */
}
#footer {
	height: 219px; /* .push must be the same height as .footer */
}

.push {	height: 50px;}/* changed this height so goes underneath content */

#footer {
	background: url(/pics/footer_background.jpg) center top no-repeat;
	height: 55px;
	padding-top: 164px;
	margin: 0 auto;
	width: 100%;
	color: #f0f3f6;
	position: relative;
	z-index: 0;
}

#footer address {
	font-style: normal;
	text-align: center;
	padding-right: 270px;
}
#footer #poweredby {
	display: block;
	width: 250px;
	height: 0;
	padding-top: 28px;
	overflow: hidden;
	background: url(/pics/poweredby.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: 186px;
	top: 160px;
}
/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

p {
	padding: .5em 0;
}


/* Styling for school pages */
div.logoholder {
	text-align:center;
	height: 270px;
	width: 250px;
}
div.logoholder img {
	margin: auto;
}