/*---- Elements ----*/
body {
	margin: 0; _border:0; background: #fff url("images/IndexBg.gif") repeat-x 0 25px;
	font: 14px/1.3 Arial, Helvetica, sans-serif;
	color: #333;}
	
address, blockquote, body, caption, center, dd, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, menu, th, td, ol, ul {
	font: 14px/1.3 Arial, Helvetica, sans-serif; color: #333;}

table {border-color: #999 !important;}

h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0 0 0.75em 0; font-family: "Trebuchet MS", Arial, san-serif;}
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 18px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold;}
h5 {font-size: 12px; font-weight: bold;}

a:link img, a:visited img, a:hover img, a:active img {border:0} /* no borders on linked images */

/*---- List Items ----*/
ul {list-style-type: none; margin:0 0 1em 2em;}

ul li {padding-left: 17px; background: transparent url(images/Bullet.gif) no-repeat 0 0.35em;}
ul ul li {padding: 0; background:none; list-style-type: disc;}
ul ul ul li {padding: 0; background:none; list-style-type: circle;}

hr {border: none; background-color: #ccc; color: #ccc; height: 1px; margin-bottom: 5px; margin-top: 5px;}

.smalltxt {font: 9px Verdana, sans-serif; color: #000;}
.redtxt {font-family: Verdana, sans-serif; color: #900;}
.whitetxt {font-family: Verdana, sans-serif; color: #fff;}

/*---- Forms ----*/
input {color: #0000A0; vertical-align: middle; font: 11px Verdana, sans-serif;}
	
.cvheader input {background-color: transparent;}
.formitem {color: #333; vertical-align: middle; padding: 1px 2px 1px 3px; margin: 0 2px; font: 12px Verdana, Arial, sans-serif; background-color: #ffe; border: 1px solid #333;}
.formitem1 {color: #000; vertical-align: middle; margin: 0 2px; font: 12px Verdana, Arial, sans-serif; border-color:#ffe;}
.formitem2 {color: #333; vertical-align: middle; padding: 1px 2px 1px 3px; margin: 0 5px 0 5px; font: 12px Verdana, Arial, sans-serif; background-color: #ffe; border: 1px solid #333;}
	
/*---- Links  ----*/
a:link, a:visited, a:hover, a:active {text-decoration: underline;}
a:link, a:visited {color: #173873;}
a:hover {color: #5E7784;}
a:active {color: #5E7784;}

/*---   Page Layout and Design Specific   ---*/
#SiteWrapper {background: #fff url("images/IndexBg.gif") repeat-x;}
#SiteWrapper .BodyTable {width: 940px;}
#SiteHeader {}
#Logo {display: block; width:357px; height:127px; background: transparent url("images/Logo.gif") no-repeat; overflow:hidden;}
#LogoNew {display: block; width:257px; height:127px; background: transparent url("images/Logo.gif") no-repeat; overflow:hidden;}
#SearchContainer {height:29px; margin: 17px 0 0 0; text-align:right; overflow:hidden;}
#SearchBtn {width:58px; height:29px; margin: 0 0 0 2px; background: transparent url("images/SearchButton.gif") no-repeat; border:0; cursor:pointer; overflow: hidden; float:right;}
#SearchInput {width:197px; height:29px; background: transparent url("images/SearchInput.gif") no-repeat; overflow: hidden; float:right;}
#SearchInput input {width:187px; height:25px; margin: 4px 4px 0 6px; background:transparent; border:0; color:#000; font: 14px Arial, Helvetica, sans-serif;}

#TopNavigation {position: absolute; margin: 49px 0 0 0;}
#TopNavigation a {display: block; float:left; background: transparent url("images/TabsRight.gif") no-repeat 100% -64px; height:32px; overflow:hidden; margin: 0 -2px 0 0; text-decoration: none; cursor:pointer;}
#TopNavigation a span {display:block; float:left; height:32px; padding: 0 12px 0 10px; text-align:center; font: 12px/30px Arial, Helvetica, sans-serif; color:#fff; background: transparent url("images/TabsLeft.gif") no-repeat -12px -64px; overflow:hidden;}
#TopNavigation a:hover {background-position: 100% -32px;}
#TopNavigation a:hover span {background-position: -12px -32px;}
#TopNavigation a.First span {background-position: 0 -64px; padding-left: 24px; color:#FFF;}
#TopNavigation a.First:hover {background-position: 100% -32px; color:#FFF;}
#TopNavigation a.First:hover span {background-position: 0 -32px; color:#FFF;}
#TopNavigation a.Active {background: transparent url("images/TabsRight.gif") no-repeat 100% 0; margin: 0 -1px 0 0; color:#000;}
#TopNavigation a.Active span {padding: 0 16px 0 24px; font-weight: bold; background: transparent url("images/TabsLeft.gif") no-repeat 0 0; color:#000;}
#TopNavigation a.Active:hover {background-position: 100% 0; color:#000;}
#TopNavigation a.Active:hover span {background-position: 0 0; color:#000;}

#IndexHdrLeft {height:225px; overflow:hidden;}
#IndexHdrRight {width:552px; height:225px; background:transparent url("images/IndexImage.jpg") no-repeat; overflow:hidden;}
#DefaultHdrLeft {height:96px; overflow:hidden;}
#DefaultHdrRight {height:96px; background:transparent url("images/HeaderDefaultBg.jpg") no-repeat 50% 0; overflow:hidden;}
#IndexHdrDivider {float:right; width:14px; height:225px; background:transparent url("images/HeaderDivider.jpg") no-repeat; overflow:hidden;}
#SlideShow {float:right; width:343px; height:206px; margin: 9px 0 0 0; background:transparent url("images/SlideShow.jpg") no-repeat; overflow:hidden;}
#SlideShow #SSFrame {margin:10px; width:323px; height:187px; overflow:hidden;}
#SiteBody {margin: 19px 0 0 0;}
#SideNavContainer {width:251px; padding: 0 0 30px 0; background: transparent url("images/NavBottom.gif") no-repeat 0 100%;}
#SideNavLeft {width:12px; height:241px; background: transparent url("images/NavLeft.gif") no-repeat;}
#SideNavRIght {width:12px; height:241px; background: transparent url("images/NavRight.gif") no-repeat;}
#SideNavTD {width:227px;}
#SideNavTD .NavOuter {width:227px; background:#fff; overflow:hidden;}
#SideNavTD .NavInner {margin: 10px 8px 10px 19px;}
#SideNavigation {width: 200px;}
#ContentContainer {margin: 30px 0 0 27px;}
.IndexNewsContainer {width:295px; background: transparent url("images/NewsBg.gif") no-repeat;}
.IndexEventsContainer {width:295px; background: transparent url("images/EventsBg.gif") no-repeat;}
#QuickLinkButtons {margin: 30px 0 0 0;}
#SiteFooter {background: transparent url("images/FootBg.gif") repeat-x; padding: 30px 0 25px 0; margin: 13px 0 0 0;}
#Footer {padding: 0 0 0 30px;}
#Legal {border-top: 0;}

/*---- Page Titles ----*/
.header, #DefaultIncludes .Title, .MainPage p.header, #DefaultIncludes .header {color: #999; font: normal 24px Arial, san-serif; margin: 0 0 0.25em 0;}
.subheader, #DefaultIncludes span.subheader {font: bold 14px Verdana, Arial, sans-serif; color: #bbb;}

.header a:link, .header a:hover, .header a:visited { border-right:0;}

/*---- Copyright and Legal Info ----*/
#Legal {border: 0;}

.IndexTopEvents {width:295px; background: transparent url("images/EventsBg.gif") no-repeat; padding: 20px 0 15px 23px;}
.IndexTopEvents a:link, .IndexTopEvents a:visited {color: #666666; font: bold 14px/1.75 Arial, sans-serif; text-decoration: none; margin-bottom: 15px;}
.IndexTopEvents a:hover, .IndexTopEvents a:active {text-decoration: underline;}

/* Index news EVENTS, TOP STORIES, DISTRICT NEWS and SCHOL NEWS */
#IndexNewsPortalEvents, #IndexNewsPortalSchool, #IndexNewsPortalDistrict, #IndexNewsPortalTop {}
.IndexNewsPortalDistrict, .IndexNewsPortalSchool, .IndexNewsPortalEvents {padding: 20px 0 15px 23px;}
.IndexNewsPortalEvents a:link, .IndexNewsPortalEvents a:visited, .IndexNewsPortalSchool a:link, .IndexNewsPortalSchool a:visited, .IndexNewsPortalDistrict a:link, .IndexNewsPortalDistrict a:visited, .IndexNewsPortalTop a:link, .IndexNewsPortalTop a:visited {color: #666666; font: bold 14px/1.75 Arial, sans-serif; text-decoration: none; margin-bottom: 15px;}
.IndexNewsPortalEvents a:hover, .IndexNewsPortalEvents a:active, .IndexNewsPortalSchool a:hover, .IndexNewsPortalSchool a:active, .IndexNewsPortalDistrict a:hover, .IndexNewsPortalDistrict a:active, .IndexNewsPortalTop a:hover, .IndexNewsPortalTop a:active {text-decoration: underline;}
.IndexNewsPortalEvents span a:link, .IndexNewsPortalEvents span a:visited, .IndexNewsPortalTopNews span a:link, .IndexNewsPortalTopNews span a:visited, .IndexNewsPortalDistrict span a:link, .IndexNewsPortalDistrict span a:visited, .IndexNewsPortalSchool span a:link, .IndexNewsPortalSchool span a:visited {
	display: block; padding: 0 0 0 22px; font: 12px/1.3 Arial, sans-serif; 
	background: transparent url(images/BulletNews.gif) no-repeat 4px 0.17em; text-decoration: none; margin: 4px 0 0 0; color: #173873;}
.IndexNewsPortalEvents span a:link, .IndexNewsPortalEvents span a:visited { background-image: url(images/BulletEvent.gif);}
.IndexNewsPortalEvents span a:hover, .IndexNewsPortalEvents span a:active, .IndexNewsPortalTopNews span a:hover, .IndexNewsPortalTopNews span a:active, .IndexNewsPortalDistrict span a:hover, .IndexNewsPortalDistrict span a:active, .IndexNewsPortalSchool span a:hover, .IndexNewsPortalSchool span a:active {text-decoration: underline;}

/*---- News Tab Navigation Links ----*/
	/*---- Tabs ----*/
ul#tabnav {
	list-style-type: none; margin: 0; padding-right: 22px; padding-bottom: 26px; border-bottom: 1px solid #333333;
}
ul#tabnav li {
	padding:0; /* - clear formatting from custom bullet points - */
	background:none; /* - clear formatting from custom bullet points - */
	float: right; margin: 5px 5px 0px 5px; border-bottom: 1px solid #333; background-color: #666; font:bold 11px Verdana, Arial, Helvetica, sans-serif; }
ul#tabnav a:link, #tabnav a:visited  {
	display: block; width: 135px; padding: 4px 0px 4px 0px; color: #fff; text-decoration: none;
	background: transparent url(http://images.pcmac.org/websites/DeWittPS/DeWittPS/images/tab_rounded_corners.gif) no-repeat 0 0;}
ul#tabnav a:hover  {color: #FFFFFF; background-color: #4C0F1F; text-decoration: none;}
	/*---- Selected Tab ----*/
td#district li.district, td#school li.school, td#submit li.submit { background-color: #F5F5F5; border-bottom: 1px solid #F5F5F5;}
td#district li.district a:link, td#district li.district a:visited, td#school li.school a:link, td#school li.school a:visited, td#submit li.submit a:link, td#submit li.submit a:visited {
	background-color: #F5F5F5; color: #00994D; text-decoration: none;}

/*---- Blog Styles ----*/
.BlogEntryDetails {font-size: 12px; color:#6F6F6F;}
#BlogMenu a {display: block; font-size: 12px; line-height: 1.2; margin: 5px 0;}

/*---- News Page Styling ----*/
.News {font: 10px Verdana, sans-serif; color: #000;}
.News a:link, .News a:visited {}
.News a:hover, .News a:active {}
.NewsTitle {color: #000000; font-size: 11px;}
.NewsTitle a:link, .NewsTitle a:visited {color: #333; text-decoration: none;}
.NewsTitle a:hover, .NewsTitle a:active {color: #39713E;}

/* ----- NICE TITLES ----- */
#nicetitlecontainer{border: 1px solid #c96; background-color: #FFF486; filter: alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
div.nicetitle{font-size: 10px; left: 0; padding: 6px; position: absolute; top: 0; text-align:left; max-width: 30em; z-index: 100; width: auto; height: auto;}	
div.nicetitle p { margin: 0; padding-bottom: 3px; font: bold 11px Arial, Helvetica, Verdana, sans-serif; color:#000; filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
div.nicetitle p.destination { color: #000; font-weight: normal; font-size: 10px; padding-bottom: 0px; text-align: left; filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

/*---- TABLES  ----*/
.td1, .td2, .td3, .td4 {font: bold 12px Arial, Verdana, sans-serif;}
.td3, .td4 {FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; }
.td1 {COLOR: #000; BACKGROUND-COLOR: #F7CC19;}
.td2 {COLOR: #444; BACKGROUND-COLOR: #F6F5EF;}
.td3 {COLOR: #fff; BACKGROUND-COLOR: #2B4451;}
.td4 {font-weight: normal; BACKGROUND-COLOR: #F0F0EE;}
.td5, .td6, .td7, .td8 { FONT-FAMILY: Arial, sans-serif; BACKGROUND-COLOR: #ddd;}

#PicCap {color: #000}
.caption {font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #666;}

/*---- Calendar ----*/
.calheader{font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #999;}
a.calnav1:link, a.calnav1:visited {color: #fff; text-decoration: none;}
a.calnav1:hover, a.calnav1:active {color: #fff; text-decoration: underline;}
a.calnav2:link, a.calnav2:visited {color: #fff; text-decoration: none;}
a.calnav2:hover, a.calnav2:active {color: #fff; text-decoration: underline;}
.caltd1 {background-color: #999; color: #fff; font-weight: bold;}
.caltd2 {background-color: #999; color: #fff; font-weight: bold;}
.caltd3 {background-color: #E8EEF7; color: #000; font-weight: bold;}
.caltd4 {background-color: #ddd;}

/*---- Small Calendars ----*/
.scal{border: 1px solid #000; background-color: white; margin: 5px 5px 0 5px;}
.scalheader{font-weight: bold; font-size: 12px; background-color: #DADADA;}
a.scalnav1:link, a.scalnav1:visited {color: #173873; text-decoration: none;}
a.scalnav1:hover, a.scalnav1:active {text-decoration: underline;}
.scaldayofweek{font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: white; background-color: #999;}
.scalday1{font-size: xx-small; color: #ddd; background-color: #ddd;}
.scalday2{font-size: 10px;}
.scalw{font-size: 10px; background-color: #E8EEF7;}
.scaltoday{font-size: 10px; color: #999; font-weight: bold;}

/*---- Calendar View ----*/
.cvheader{font: bold 12px Verdana, Arial, Helvetica, sans-serif; background-color: #2E4A58; color: #fff;}
.cvdayofweek{background-color: #E8EEF7; font-size: 11px; color: #000;}
.cvday1{background-color: #ddd; font-size: 9px; color: #000;}
.cvday2{font-size: 9px; color: #000; padding-left: 2px;}

/*---- Side Navigation Menus ----*/
#NavDivisions {}
#ActiveDivisionContainer{background: transparent;}
#ToggleSideNavDivision #ActiveDivisionContainer{background: transparent;}
a.IncNavDivision, a.IncNavDepartment, a.IncNavSubDepartment, a.SubNav, a.IncNavLinks, a.QuickLinks, a.UniversalQuickLinks {
	display: block; padding: 4px 8px 5px 0; margin:0; font: 12px Arial, sans-serif;}
a.IncNavDivision:link, a.IncNavDivision:visited, a.IncNavDepartment:link, a.IncNavDepartment:visited, a.IncNavSubDepartment:link, a.IncNavSubDepartment:visited, a.SubNav:link, a.SubNav:visited, a.IncNavLinks:link, a.IncNavLinks:visited { 
	text-decoration: none; color: #666;}
a.IncNavDivision:hover, a.IncNavDivision:active, a.IncNavDepartment:hover, a.IncNavDepartment:active, a.IncNavSubDepartment:hover, a.IncNavSubDepartment:active, a.SubNav:hover, a.SubNav:active, a.IncNavLinks:hover, a.IncNavLinks:active {
	text-decoration: underline; color: #000;}
a.IncNavDivision:link, a.IncNavDivision:visited { background: transparent url("images/SideNavLinkBg.gif") no-repeat 0 -79px; font-size:14px;}
 
 #IncNavActiveDivision {font-weight: bold;  background: transparent url("images/SideNavLinkBg.gif") no-repeat 0 0;}
 a#IncNavActiveDivision:hover, a#IncNavActiveDivision:active {}
 
a.IncNavDepartment {/*margin-left: 13px;*/  padding-left:22px; border:0; font-weight: normal;}
a.IncNavDepartment:link, a.IncNavDepartment:visited { color: #2B4451;} 
a.IncNavDepartment:hover, a.IncNavDepartment:active { color: #4D6673;}
 
 #IncNavActiveDepartment {font-weight: bold;}
 a#IncNavActiveDepartment:hover, a#IncNavActiveDepartment:active {}
 
a.IncNavSubDepartment {/*margin-left: 25px; */ padding-left:34px; border:0;font-weight: normal;}
a.IncNavSubDepartment:link, a.IncNavSubDepartment:visited { color: #2B4451;}
a.IncNavSubDepartment:hover, a.IncNavSubDepartment:active { color: #4D6673;}
 
 #IncNavActiveSubDepartment {font-weight: bold;}
 a#IncNavActiveSubDepartment:hover, a#IncNavActiveSubDepartment:active {}
 
a.IncNavPages {display: block; font: 12px Arial, sans-serif; padding: 3px 2px 3px 46px;}
a.IncNavPages:link, a.IncNavPages:visited {text-decoration: none; color: #2B4451;}
a.IncNavPages:hover, a.IncNavPages:active {text-decoration: underline; color: #4D6673;}
#NavDivisions a.IncNavPages {padding-left: 22px;}
#NavDepartments a.IncNavPages {padding-left: 34px;}
#NavSubDepartments a.IncNavPages {padding-left: 46px;}

a.ActivePage:link, a.ActivePage:visited, a.ActivePage:hover, a.ActivePage:active {font-weight:bold; color:#173873;}/*This is the current page*/

/*---- User Links Menus  ----*/
#UserLinksMenu {}
#UserLinksMenu  a.IncNavLinks:link, #UserLinksMenu  a.IncNavLinks:visited {}
#UserLinksMenu  a.IncNavLinks:hover, #UserLinksMenu  a.IncNavLinks:active {}
 
/*---- Quick Links Menus  ----*/
#QuickLinks, 
#UniversalQuickLinks {}
#QuickLinks .QuickLinksTitle, 
#UniversalQuickLinks .UniversalQuickLinksTitle { font-size: 15px; border-bottom: 1px solid #333; color: #333; text-align:left; margin: 20px 0 5px;}
#QuickLinks a.QuickLinks, 
#UniversalQuickLinks a.UniversalQuickLinks {}
#QuickLinks a.QuickLinks:link, #QuickLinks a.QuickLinks:visited, #UniversalQuickLinks a.UniversalQuickLinks:link, #UniversalQuickLinks a.UniversalQuickLinks:visited { margin-left: 7px; padding-left: 16px; background: transparent url("images/Bullet.gif") no-repeat 0 0.55em;}
#QuickLinks a.QuickLinks:hover, #QuickLinks a.QuickLinks:active, #UniversalQuickLinks a.UniversalQuickLinks:hover, #UniversalQuickLinks a.UniversalQuickLinks:active {text-decoration: underline;}
 
#UniversalQuickLinks {}
#UniversalQuickLinks .UniversalQuickLinksTitle {}
#UniversalQuickLinks a.UniversalQuickLinks {}
#UniversalQuickLinks a.UniversalQuickLinks:link, #UniversalQuickLinks a.UniversalQuickLinks:visited {}
#UniversalQuickLinks a.UniversalQuickLinks:hover, #UniversalQuickLinks a.UniversalQuickLinks:active {}
 
/*---- SubNav Links Menus  ----*/
#SubNav {}
#SubNav a.SubNav {}
#SubNav a.SubNav:link, #SubNav a.SubNav:visited { background: transparent url("images/SideNavLinkBg.gif") no-repeat 0 -79px;}
#SubNav a.SubNav:hover, #SubNav a.SubNav:active {}

/*--- DROP DOWN MENUS ---*/
#DropDown { 
	/* 
	The following is only necessary because this menu is using absolute positioning and is 
	being "placed" where we want it on the page rather falling within the flow of the document. 
	Absolute positioning was necessary because the div where the menu was being created was 
	only 25px in height and closed each time the cursor moved outside the "main" div onto the 
	dropdown menu. The menu now "floats" on top of the rest of the page. 
	 */
	position: relative;
	top: 20px;
	z-index: 999;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	height: 32px; 
	width: 660px;
}
#DropDown p {
	float:left;
	position: relative; 
	padding: 1px 8px 4px 14px; 
	margin-right: 0px;
	font: 12px/30px Arial, Helvetica, sans-serif;
	background: transparent url("images/droptablink.jpg") no-repeat;
	color:#FFF;
	cursor: pointer;
	top: 2px;
	text-align:center;
}
#DropDown > p {
	/* for non-IE browsers to extend drop down bgcolor width of links */
	position: static;
	padding: 1px 8px 4px 14px;
	height: 32px;
}
#DropDown p span {
	visibility: hidden;
	display: block;
	position: absolute;
	top: 30px; /* positioning fix required for IE to place links below drop down title */
	left: 0; /* positioning fix for IE to left align links with drop down title */
	margin-left: -1px;
	padding: 1px;
	font-weight: normal;
	background: #173873;
}
#DropDown p > span { 
	/* resets the top and left properties to compensate for IE positioning fix */
	top: 38px;  
	left: auto; 
	margin-left: -12px; /* offset the drop down to adjust to left padding */
}
#DropDown p:hover span, #DropDown p.over span { visibility: visible;}
#DropDown p:hover, #DropDown p.over {
	background: transparent url("images/droptabover.jpg") no-repeat;
	border-color: #838383;
	color: #FFF;}
#DropDown p:active {
	background: transparent url("images/droptablive.jpg") no-repeat;
	color: #FFF;}
#DropDown span a {font: normal 11px Arial, Helvetica, sans-serif; padding: 4px 10px 4px 10px; display: block;} /* padding is increased by 1 here because IE does not support transparent borders */
body > #DropDown span a {padding: 4px 10px 4px 10px; border: 1px solid #838383;} /* Hidden from IE, padding is set to correct level and borders transparent */
#DropDown a:link, #DropDown a:visited {color:#FFF; text-decoration:none;}
#DropDown span a:hover, #DropDown span a:active {
	/* Padding is reduced for IE to correct level, allowing space to add borders */
	padding: 1px 10px 4px 10px; 
	color:#FFF; 
	border: 1px solid #173873; 
	text-decoration:none; 
	background: #255aba;}