@charset "utf-8";
@import url("grid.css");

* {
	margin:0; 
	padding:0; 
	font-size:1em;
	}

html {
	height: 100%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

body {
	height: 100%;
	background:url("../images/bg_rainbow2.jpg") repeat-x;
	font-size:.75em;
	}

#nonFooter {
	position: relative;
	min-height: 100%;
	width:820px;
	padding:0;
	margin:0 auto;
	background:url("../images/bg_wrapper.png") repeat-y center;
	}

* html #nonFooter {
	position:relative;
	height: 100%;
	}

#content {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	padding-bottom:150px;
	overflow:auto;
	}

#footer {
	position: relative;
	margin:-150px auto 0 auto;
	padding:0;
	background:url("../images/bg_footer.jpg") repeat-x center;
	height:150px;
	width:100%;
	}
#footercontent {
	position: relative;
	width:790px;
	padding:0 30px 0 0px;
	margin:0 auto;
	background:url("../images/bg_footercontent.jpg") no-repeat center;
	min-height:150px;
	height:150px;
	}
	
.header{ 
	background:url("../images/bg_header.jpg") no-repeat 0 -21px;
	width:800px;
	min-height:180px;
	height:165px;
	margin:0 auto;
	padding:20px 0 0 0;
	border:none;
	}

h1 {
	font-family: 'Cantarell', arial, sans-serif;
	font-size:35px;
	letter-spacing:-1px;
	}
	
h1 a {
	background: url("../images/header_logo.png") no-repeat;
	text-decoration:none;
	text-shadow:1px 1px 3px #333333;
	color:#fefefe;
	display:block;
	height:150px;
	padding:28px 0 0 145px;
	}

h1 a:hover { 
	background-position:left -180px;
	color:#fff;
	}
	
h1 span.small {
	font-size:24px;
	line-height:12px;
}

h1 span.smaller {
	font-size:18px;
	color:#666;
	line-height:36px;
	text-shadow:none;
	}

h2{
	font-size:18px;
	color:#666;
	line-height:24px;
	text-shadow:none;
	padding-bottom:10px;
	}

h3{ padding-bottom:10px; color:#333;}

a h3, h3 a {text-decoration: underline; color:#333; }

h4{ font-weight: bold; color:#666; padding-bottom:5px;}

a:visited h3, h3 a:visited {color: #666;}

a:hover h3, h3 a:hover {text-decoration:none; color:#090;}

a:link img {border:none; text-decoration:none; }

span.subheadtag {font-size:.75em; font-weight:lighter; font-style:italic; display:block; border-bottom:1px solid #f93; margin:-5px 0 10px 0; padding-bottom:5px;}

.header img {
	float:right;
	position:relative;
	margin:-180px 0 0 0;
}

#mainnav {
	display:block; 
	height:40px;
	margin:-35px 0 0 0; 
	float:left; 
	position:absolute; 
	z-index:900; 
	padding:0 25px 8px 25px;
	}
	
#mainnav ul {
	margin:0; 
	padding:0; 
	list-style-type:none; 
	height:40px;
	overflow:hidden;
	}
	
#mainnav li {
	float:left; 
	margin:0; 
	display:block; 
	width:150px; 
	border:none;
	}

#mainnav ul#menu li a span {
	display:block; 
	width:150px; 
	padding-top:40px; 
	color:#000; 
	text-decoration:none; 
	overflow:hidden;
	background-position:top;
	}
	
div#mainnav ul#menu li.pcssd a span{ background-image: url("../images/nav_pcssd2.png"); background-repeat:no-repeat; background-position:top;}
div#mainnav ul#menu li.parents a span { background: url("../images/nav_parents2.png"); background-repeat:no-repeat; background-position:top;}
div#mainnav ul#menu li.staff a span { background: url("../images/nav_staff2.png"); background-repeat:no-repeat; background-position:top;}
div#mainnav ul#menu li.communities a span { background: url("../images/nav_communities2.png"); background-repeat:no-repeat; background-position:top;}
div#mainnav ul#menu li.departments a span { background: url("../images/nav_departments2.png"); background-repeat:no-repeat; background-position:top;}



.omnibar {
	background:url("../images/bg_omnibar.png") repeat-x bottom;
	height:42px;
	min-height:42px;
	display:block;
	position: fixed;
	z-index:905;
	top:0;
	margin-bottom:-40px;
	clear:both;
	float:left;
	width:100%;
	}
	
#iconnav {
	display:block; 
	height:30px; 
	width:800px;
	margin:0 auto; 
	z-index:20; 
	padding:0;
	overflow:hidden;
	}
	
#iconnav ul {
	margin:0; 
	padding:0; 
	list-style-type:none; 
	height:30px;
	}
	
#iconnav li {
	float:left; 
	margin:0 ; 
	display:block; 
	border:none;
	}

#iconnav ul li a.tTip {
	display:block; 
	padding:10px 10px 0 30px; 
	height:30px;
	font-size:10px; 
	color:#666; 
	text-decoration:none; 
	overflow:hidden;
	}
	
div#iconnav ul li.support a.tTip{ background: url("../images/tiny/icon_support.png") no-repeat; }
div#iconnav ul li.maintenance a.tTip { background: url("../images/tiny/icon_maintenance.png") no-repeat; }
div#iconnav ul li.webmail a.tTip { background: url("../images/tiny/icon_webmail.png") no-repeat; }
div#iconnav ul li.map a.tTip { background: url("../images/tiny/icon_map.png") no-repeat; }
div#iconnav ul li.calendar a.tTip { background: url("../images/tiny/icon_calendar.png") no-repeat; }
div#iconnav ul li.directory a.tTip { background: url("../images/tiny/icon_directory.png") no-repeat; }
div#iconnav ul li.files a.tTip { background: url("../images/tiny/icon_files.png") no-repeat; }
div#iconnav ul li.facebook a.tTip { background: url("../images/tiny/icon_facebook.png") no-repeat; }
div#iconnav ul li.twitter a.tTip { background: url("../images/tiny/icon_twitter.png") no-repeat; }

div#iconnav ul li a.tTip:hover
 	{ background-position:0 -30px; color:#000;}



div#mainnav.pcssd {background: url("../images/bg_nav_pcssd2.gif") bottom repeat-x; }
div#mainnav.parents {background: url("../images/bg_nav_parents.gif") bottom repeat-x; }
div#mainnav.staff {background: url("../images/bg_nav_staff.gif") bottom repeat-x; }
div#mainnav.communities {background: url("../images/bg_nav_communities.gif") bottom repeat-x; }
div#mainnav.departments {background: url("../images/bg_nav_departments.gif") bottom repeat-x; }
	

div#footernav {
	display:block; 
	height:70px; 
	margin:0 0 0 10px; 
	float:left; 
	position:absolute;
	bottom:0; 
	background: url("../images/bg_footernav.jpg") top no-repeat;
	padding-top:10px;
	}

div#footernav span {
	padding:0 0 0 30px; 
	display:block;
	}
	
div#footernav ul {
	margin:0; 
	padding:0; 
	list-style-type:none; 
	height:50px;
	}
	
div#footernav li {
	float:left; 
	margin:0; 
	display:block; 
	width:72px; 
	border:none;
	overflow:hidden;
	}

div#footernav ul li a {
	display:block; 
	width:72px; 
	height:30px; 
	color:#000; 
	text-decoration:none; 
	overflow:hidden;
	padding-left:100px;
	}
	
div#footernav ul li.PCSSD a {background: url("../images/footernav_pcssd.jpg") bottom repeat-x; }
div#footernav ul li.PARENTS a{background: url("../images/footernav_parents.jpg") bottom repeat-x; }
div#footernav ul li.STAFF a{background: url("../images/footernav_staff.jpg")  bottom repeat-x; }
div#footernav ul li.COMMUNITIES a{background: url("../images/footernav_communities.jpg") bottom  repeat-x; }
div#footernav ul li.DEPARTMENTS a{background: url("../images/footernav_departments.jpg") bottom  repeat-x; }
	
div#mainnav ul#menu li a:hover span, div#mainnav ul#menu li.hovering a span { background-position: 0 -40px;}

div#mainnav.pcssd ul#menu li.pcssd a span,
div#mainnav.parents ul#menu li.parents a span,
div#mainnav.staff ul#menu li.staff a span,
div#mainnav.communities ul#menu li.communities a span,
div#mainnav.departments ul#menu li.departments a span
 	{ background-position: 0 -80px;}



div.contentarea ul {padding:0 20px 20px 20px;}

div.contentarea ul#pagenav {padding: 0 5px;}

ul#menu div {
display: none;
}

ul#menu li.mega div {
position: absolute;
top: 40px;
left: 0em;
padding: 10px 20px;
background: url("../images/bg_mega.jpg") repeat-x #fffcfd;
color: #930;
}

ul#menu li.mega div span.last {
	float:right;
	margin-left:20px;
}


ul#menu li.mega.pcssd  div {border:5px solid #18E348; margin-left:6px;}
ul#menu li.mega.parents  div {border:5px solid #164CB5; margin-left:180px;}
ul#menu li.mega.staff  div {border:5px solid #4C008E; margin-left:160px;}
ul#menu li.mega.communities  div {border:5px solid #B30231; margin-left:360px;}
ul#menu li.mega.departments  div {border:5px solid #FF3F00; margin-left:315px;}

ul#menu li.hovering div {
display: block;
}

ul#menu li.mega div span a {
color: #300;
line-height:22px;
background: none;
text-decoration: none;
margin:0;
}

ul#menu li div a.more {
color: #390;
font-weight: bold;
}

ul#menu li div span a:hover { text-decoration:underline; color:#33F;}

ul#menu div h3 {
color: #f70;
font-weight: bold;
font-size: 1.1em;
}
ul#menu div p {
margin: 0 0 0.8em 0;
padding: 0;
}

div#footernav ul li a:hover
 	{ background-position:0 0 ;}
	
div.omnibar form.searchbox { float:right; margin:-43px 0 0 0; }
div.omnibar input.searchbutton { float:right; margin:-50px 0 0 0;}

div.emailform{ 
	position: absolute;
	bottom:00px;
	margin-left:10px;
 	z-index:30;
	}
	
div#accordion.emailform h3.ui-accordion-header {background:url("../images/bg_footer.jpg") repeat-x bottom; border:1px solid #B0C3C7;}
div#accordion.emailform h3.ui-state-active {border: 1px solid #555; background:url("../images/bg_rainbow.jpg") bottom;  font-weight: bold; }
div#accordion.emailform h3.ui-state-hover {border: 1px solid #555; background:url("../images/bg_rainbow.jpg") -50px;  font-weight: bold; }
div#accordion.emailform h3.ui-state-active a, div#accordion.emailform h3 a:hover {color:#555;}
div.ui-accordion-content-active {border: 1px solid #555; }
div.boilerplate {
	display:block; 
	height:90px; 
	margin:0 0 0 435px; 
	float:right; 
	position:absolute;
	bottom:0;
	padding-top:10px;
	}
	
div.addresstag { margin:0; padding:0 10px 0 0; border-right:1px solid #cfcfcf; text-align:right}


div#tabs  div{ height:600px; overflow:auto;}
#tabs div li { line-height:1.125em; margin:0 0 .5em 1em;}



.alert { border: 1px solid #f00; background: #FFE1E1; padding:7px; }
a img { border:none; text-decoration:none;} 
.left {float:left; margin-right:10px;}
.right {float:right; margin-left:10px;}
.spaced {margin-right: 7px;}

p {margin:15px 0;}
ol {margin: 0 40px; font-size:1em;}
ol li {padding-bottom:7px; color:#6b6b6b;}
#sidebar .panel {margin-bottom:10px;}

div.new-school-ads {margin-bottom:10px;}
img.panel {margin-right:10px;}



div#tabs div.date, div.date{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    background:url("../images/bg_date.gif") no-repeat 0 0;
    height:34px;
    width:28px;
    color:#efefef;
    margin:0 10px 0 -9px;
    font-weight:bold;
    text-transform:uppercase;
	float:left;
    text-align:center;
	border:1px solid #00534D;
	overflow: visible;
}

div#tabs div.date span.month, div.date span.month {
    font-size:.625em;
	overflow: visible;
}
div#tabs div.date span.day, div.date span.day {
    font-size:1.25em;
	line-height:1.75em;
	color:#333;
}



div#tabs span.newsitem { 
	clear:both;
	display:block;
	color: #333;
	margin:0 0 15px 10px;
	padding:0 10px 15px 0;
	min-height:40px;
	border-bottom: 1px solid #ccc;
	}
	
span.superletter { 
	clear:both;
	display:block;
	color: #333;
	margin:0 0 15px 10px;
	padding:0 10px 15px 0;
	min-height:40px;
	}	
a.bump { margin-bottom:10px; display:block; height:40px;}	

span.superdate { display:block; margin-top:10px; clear:both; float:left; width:100%;}

div.supernav { display:block; margin-bottom:30px; clear:both;}

div#tabs span.newsitem p {padding-left:20px;}
	
div#tabs span.newsitem ul {padding-left:50px;}


div#tabs ul.features { list-style: url("../images/icon_check.png"); margin-left:30px; }

div#tabs ul.documentlist h2, div#tabs ul.features h2  {margin:10px 0 5px -30px;}

div#tabs h2 { padding-bottom:5px; margin-bottom:5px}

div#footercontent div.footer-icons {padding:60px 0 5px 10px;}

#tabs-1 {width:490px;}


.footer-icons img {margin:0 0 5px 15px;}

.boardmember {padding-bottom:1.5em;}

div.box { border:1px solid #ccc; background:#eee;}

#pagenav h3 { font-size:1.125em; }
#pagenav h3 a{ text-decoration:none; }
#pagenav li {margin:0 0 7px 0; list-style-type:none; font-size:1em; font-weight: bold;}
#pagenav li a{color:#333; text-decoration:none;}
#pagenav li a:visited{color: #444;}
#pagenav li a:hover {color: #093; text-decoration: underline;}


div.narrow{width:80px; float:left; font-size:1.25em; }
div.wide{width:245px; float:left; font-size:1.25em; }

ul div.narrow  {line-height:2em; list-style-type:none; margin:0 0 2em 0; padding:0;}
ul div.wide  {line-height:2em; list-style-type:none; margin:0 0 2em 0; padding:0;}


ul.documentlist, div.contentarea ul.documentlist  { list-style: url("../images/icon_file_doc.png"); margin-left:30px; padding:0 0 20px 0;}
ul.documentlist li.backtotop { list-style: url("../images/icon_top.png"); }
ul.documentlist li.locked { list-style: url("../images/icon_file_locked.png");}
ul.documentlist li.downtolink { list-style: url("../images/icon-down.png"); }
ul.documentlist li.calc { list-style: url("../images/icon-calc.png"); }
ul.documentlist li.more { list-style: url("../images/icon-more.png"); }
ul.documentlist li.webform { list-style: url("../images/icon-webform.png"); }

ul.documentlist li {line-height:2em}
ul.namelist li{ list-style-type:disc; margin-left:10px; padding:0 0 10px 0;}

ul.directoryschool { list-style: url("../images/list-school.gif"); margin-left:30px; padding-bottom:20px;}
ul.directoryschool li {padding-bottom:10px;}
ul li a {color:#00a; text-decoration:underline;}
ul li a:visited {color: #009; }
ul li a:hover  {color:#093; text-decoration:none;}

ul.deptlist li{ list-style: url("../images/bullet_dept.gif"); color:#555; margin-left:30px; padding-bottom:10px;}
ul.deptlist li.acheived { list-style: url("../images/icon-check.png"); color:#000; margin:0 0 10px 50px; padding-bottom:10px;}


ol.numbered li{ list-style: decimal;}

ul.openhouselist {list-style-image: url("../images/list-school.gif");}
ul.openhouselist li {padding-bottom:5px; }
ul ul {margin-left:30px; list-style-image:none; padding:0;}

ul.football li{ list-style: url("../images/icon-football.png");}
ul.volleyball li{ list-style: url("../images/icon-volleyball.png");}
ul.basketball li{ list-style: url("../images/icon-basketball.png");}
ul.datelist li{ list-style: url("../images/icon-cal-date.png"); margin-bottom:10px;}

table#hours { border:1px solid #f90; border-collapse:collapse;}
table#hours tr.tablehead {border: 1px solid #FC0; background-color:#F90; text-align:center; font-weight:bold; color: #fff;}
table#hours tr td { padding:5px 10px; margin:0; }
table#hours tr.alt {background-color:#d6d6d6;}
.columnR {text-align:right;}
.columnC {text-align:center;}

span.dateline {font-weight:bold;}

span.citation {color:#666; text-align:right; float:right; padding-top:10px;}

span.hometeam { color: #090; font-weight:400;}

blockquote {
	margin: 1em 20px;
	padding:0 30px 18px 60px;
	background: transparent url("../images/quote.gif") no-repeat;
	min-height:70px;
	clear:both;
	 }
	 
ul.dir { list-style-type:none;}
ul.dir li { list-style-type:none;}
ul.dir li h3 {border-bottom: 1px solid #999; padding:10px 0 2px 0; margin:0 0 5px 0;}
ul.dir ul ul li {list-style-type:disc; line-height:1.5em;}
span.dir-email, span.dir-phone {float:right; padding-left:20px;}

table.chart td{ padding:3px 10px 3px 3px; margin:0; border:none; outline:none;}
.chart .tablehead {font-weight:bold; border-bottom: 1px solid green; background:#7AC133; color:#fff;}	
.chart .tablehead .new_schedule {background: #060;}
.chart .dept {background:#ff6400;}

tr.alt {background:#dedede;}

.chart .total td{ border-top:2px solid #ff6400; margin-bottom:20px;}	
.amount {text-align:right;}	
	
ul.wide li {width:210px;}	

li.addendum { color:red;}
li.extlink { list-style: url("../images/icon-ext-link.gif");}
	
a.tv {background:url(../images/icon-tv.png) no-repeat; padding-left:20px;}	
a.news {background:url(../images/icon-news.png) no-repeat; padding-left:20px;}	
	
	
	
img.centered {margin:10px auto;}	
img.sponsor {margin: 0 20px 20px 0;}	

fieldset {border: 1px solid #ccc;
	background: #ededed;
	padding:10px;
	margin:20px 0;
}

legend.sample{ border:1px solid #ccc;
	color:#fff;
	padding:5px;
	background:#999;
	font-weight:bold;
	}
	
a.trigger { background:red; display:block; height:140px; width:300px; float:right; margin-top:-140px;}	
	
#s6 { width: 320px; 
	height: 160px;  
	float:right; 
	margin:15px 10px 0 -10px; 
	}
#s6 div { width: 300px; height: 140px; color: #333; text-align: left; font-size: 10px; margin:-3px 0 0 0; max-height:140px; overflow:hidden;}
#s6 div img { float: left; margin:10px 10px 0 0; width: 140px; height: 120px; border:3px solid #fff;}

	
#s7 {  
	height: 300px;  
	float:right; 
	margin:0 0 0 0; 
	
	}
.cp_controls{ display:none;}

#s7 div img { float: left; margin:10px 10px 0 0; border:none;}

div#jquery-overlay05 {z-index:950;}
div#jquery-lightbox05 {z-index:990;}

div.urgent {border:3px solid red; background: #ccc; padding:15px; margin:20px auto 20px auto;}
.urgent h2 {color:red; font-weight:bold;}

div.snowday {border:3px solid #00c; background: #E6FAFF; padding:15px; margin:20px auto 20px auto;}
.snowday h2 {color:#00C; font-weight:bold; text-align:center;}	

div.notepad { border:none; background: url(../images/bg-notepad.jpg) repeat-y;  padding:15px; margin:20px auto 20px auto;}
.notepad h2 {color:#666; font-weight:bold; text-align:left;}	


div.slideInfoZone {height:180px; margin-top:30px;}
	
div.ss-form-entry	{width:510px;}
div.ss-form-entry label	{ text-align:right; }
.ss-q-short, select { width:250px; float:right;}
.ss-q-title	{font-weight:bold; color:#666;}
input, select {padding:3px;}
.ss-required-asterisk { color:red;}
.ss-choices {list-style-type:none; margin-bottom:20px;}	
.ss-choices li { padding-bottom:3px;}
li.ss-choice-item {clear:right;}
.maumelle-nav { height:280px;}

.pic-caption {border:1px solid #ccc; padding:8px; background:#fefefe;}
.caption {font-size:10px; color:#666; margin-top:5px;}