/*
Background = #003364
Color 1 = #999
Color 2 = #93A9BF
Color 3 = #406792
*/
/*---- Elements ----*/
body {
	margin: 0; _border:0; background: #003364 url("images/BodyBG.gif") repeat-x top left;}
	
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: #000;}

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;}
ul li {padding-left: 17px; background: transparent url(images/Bullet.gif) no-repeat 0 0.25em;}
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 {color: #003364; text-decoration: underline;}
a:hover, a:active {color: #666; text-decoration: none;}

/*---  Main Colors  ---*/
#SiteWrapper, #InfoColumn {background: #708FAD url("images/Body.png") repeat 0 0;}
.InfoBox {background: #93A9BF;}
.NavHead {background: #234059;}
.NavBox {background: #406792;}
#HomeSearch {background: #38526B;}

/*---   Page Layout and Design Specific   ---*/
.NavHead a:link, .NavHead a:visited, .NavHead a:hover, .NavHead a:active,  {color: #FFF;}
#SiteWrapper {
	margin: 0 auto;  min-width: 745px; max-width: 990px;
	_text-align: center;}
	
#DefaultIncludes {
	overflow:hidden; }
	
.ContentBg {background: #fff;}

.ContentBottom {background: #fff; height: 7px; overflow:hidden;}

#CornerOutBL, #CornerOutBR {width:10px; height:10px; overflow:hidden;}
#CornerOutBL div, #CornerOutBR div {width:8px; height:10px; overflow:hidden;}
#CornerOutBL div {background-image: url("images/CornerOutBL.gif"); _background-image: url("images/iePNG/CornerOutBL.gif");}
#CornerOutBR div {background-image: url("images/CornerOutBR.gif"); _background-image: url("images/iePNG/CornerOutBR.gif");}

.Corner {width:7px; height:7px; overflow:hidden;}

.TLC {
	background: transparent url("images/CornerInsideTL.png") no-repeat top left !important;}
.TRC {
	background: transparent url("images/CornerInsideTR.png") no-repeat top right !important;}
.BLC {
	background: transparent url("images/CornerInsideBL.png") no-repeat bottom left !important; _background-position: 0 0;}
.BRC {
	background: transparent url("images/CornerInsideBR.png") no-repeat bottom right !important; _background-position: 0 0;}

#HeaderBG {background: #406792 url("images/HeaderBGRepeat.gif") repeat-x 0 0; height:158px; overflow:hidden;}
#HeaderR {float:right; background: transparent url("images/HeaderBgR.jpg") no-repeat top left; height:158px; overflow:hidden; position: relative; z-index: 10;}
#HeaderR div {min-width: 251px; max-width: 279px; _width: 251px; overflow:hidden;}

#HeaderL {float:left; background: transparent url("images/HeaderBgL.jpg") top left; width:471px; height:158px; overflow:hidden;}

#HeaderOverlay {height:158px; overflow:hidden; margin: -158px 0 0 0; position: relative; z-index: 20;}
#HeaderOverlay .OverlayImages {height:125px; overflow:hidden;}
#HeaderOverlay .OverlayImages a.SiteTitle {display:block; width:460px; _width:430px; height:120px;}

#HeaderGraphics {width:300px; overflow:hidden;}
#IncHeaderGraphic {width:300px; height:125px;}
	
.DefaultHeaderGraphic {
	background: transparent url(images/HeaderGraphicDefault.png) no-repeat bottom right !important;}	

#InfoColumn {float:right; width:277px; overflow:hidden;}

#InfoColumnBorder {background: transparent url("images/InfoColumnDivRep.gif") repeat-y top left; _background: transparent url("images/iePNG/InfoColumnDivRep.gif") repeat-y top left;}
#InfoColumnBorder div {background: transparent url("images/InfoColumnDiv.gif") no-repeat top left; _background: transparent url("images/iePNG/InfoColumnDiv.gif") no-repeat top left; width: 17px; height:10px; overflow:hidden;}

.InfoBox {width:260px; margin: 10px 0 0 0; overflow:hidden;}
.InfoBoxTxt {padding: 0 8px;}

.HomeSearchButton {height:20px; font: bold 12px Arial, sans-serif; _margin: 0 0 1px 5px ;}

#SlideShow {background: transparent url("images/spacer.gif") no-repeat; width:260px; height:195px; overflow:hidden;}
#SlideShowOverlay {width:260px; height:195px; overflow:hidden; margin: -195px 0 0 0;}
.NavFooter {margin: 0;}

.IndexImage {width:260px; margin: 0 0 10px 0; overflow:hidden;}

#InfoBottom {background:#fff url("images/InfoBottom.gif") no-repeat top right; _background:#fff url("images/iePNG/InfoBottom.gif") no-repeat top right; width:277px; height:18px; overflow:hidden;}

#SideNavFooter {font-size:12px; line-height: 1.3; letter-spacing: 0.5px; color:#fff; border-top: 2px solid #FFF; margin: 10px 8px; padding: 8px 0 0 0; text-align:center;}

.PageBorder {width:10px; overflow:hidden;}
.PageBorder div {width:10px;}

#Footer {background: #fff; margin: 10px 0 0 0; overflow:hidden;}

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

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

/*---- MainNav Links ----*/
#MainNav {height: 28px; overflow:hidden;}
#MainNav div {display: block; float: left; height: 28px; text-decoration: none; cursor: pointer; overflow: hidden;}
#MainNav div td div {height:auto; margin: 5px 3px 0 0; }
#MainNav div td b {display: block; float:left;}
#MainNav div td b.MTabL, #MainNav div td b.MTabR { width: 10px; height: 28px;}
	/*-- Link --*/
	#MainNav div td b.MTabL { 
		background: transparent url("images/TopNavL.png") no-repeat top left !important;}
	#MainNav div td b.MTabR {
		background: transparent url("images/TopNavR.png") no-repeat top right !important;}
	#MainNav div td b.MTabTxt {background: url("images/InactiveBG.png") repeat-x top left; color: #FFF; padding: 4px 0 10px 0; font: normal 14px Arial, Helvetica, sans-serif;}
	/*-- Hover --*/
	#MainNav div.Hover td b.MTabL {
		background: transparent url("images/TopNavHoverL.png") no-repeat top left !important;}
	#MainNav div.Hover td b.MTabR {
		background: transparent url("images/TopNavHoverR.png") no-repeat top right !important;}
	#MainNav div.Hover td b.MTabTxt {background: url("images/HoverBG.png") repeat-x top left; padding-top: 3px; color: #FFF;}
	/*-- Active --*/
	#MainNav div.Active td div {
		margin:0 5px 0 2px;}
	#MainNav div.Active td b.MTabL {
		background: transparent url("images/TopNavActiveL.png") no-repeat top left !important;}
	#MainNav div.Active td b.MTabR {
		background: transparent url("images/TopNavActiveR.png") no-repeat top right !important;}
	#MainNav div.Active td b.MTabTxt {background: url("images/ActiveBG.png") repeat-x top left; padding-top: 4px; color: #FFF; font-weight:bold;}

/* Index news EVENTS, TOP STORIES, DISTRICT NEWS and SCHOL NEWS */
#IndexNewsPortalEvents, #IndexNewsPortalSchool, #IndexNewsPortalDistrict, #IndexNewsPortalTop {}
.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: #333; font: bold 14px/1.75 Arial, sans-serif; text-decoration: none;}
.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.5 Arial, sans-serif; 
	background: transparent url(images/BulletNews.gif) no-repeat 4px 0.35em; text-decoration: none; color: #406792;}
.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/GenevaCounty/GenevaCounty/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: #333;}

/* ----- 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-WEIGHT: bold; FONT-FAMILY: Verdana, sans-serif;}
.td3, .td4 {FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; }
.td1 {COLOR: #000; BACKGROUND-COLOR: #CCC;}
.td2 {COLOR: #444; BACKGROUND-COLOR: #F6F5EF;}
.td3 {COLOR: #fff; BACKGROUND-COLOR: #c63;}
.td4 {font-weight: normal; BACKGROUND-COLOR: #F0F0EE;}
.td5, .td6, .td7, .td8 { FONT-FAMILY: Arial, sans-serif; BACKGROUND-COLOR: #ddd;}

#PicCap {color: #000}

/*---- Calendar ----*/
.calheader{font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
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: #000; font-weight: bold;}
.caltd2 {background-color: #999; color: #000; font-weight: bold;}
.caltd3 {background-color: #EEE; 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: #DDD;}
a.scalnav1:link, a.scalnav1:visited {color: #003364; text-decoration: none;}
a.scalnav1:hover, a.scalnav1:active {text-decoration: underline;}
.scaldayofweek{font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #EEE;}
.scalday1{font-size: xx-small; color: #ddd; background-color: #ddd;}
.scalday2{font-size: 10px;}
.scalw{font-size: 10px; background-color: #EEE;}
.scaltoday{font-size: 10px; color: #B70029; font-weight: bold;}

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

/* ----------------------------------------- */
/* ----- BEGIN COMMON SIDE-NAV STYLES  ----- */


/*---- Side Navigation Menus ----*/
#NavDivisions {}
#ActiveDivisionContainer{background: #67829D;}
#ToggleSideNavDivision #ActiveDivisionContainer{background: transparent;}
a.IncNavDivision, a.IncNavDepartment, a.IncNavSubDepartment, a.SubNav, a.IncNavLinks, a.QuickLinks, a.UniversalQuickLinks {
	display: block; padding: 2px 8px 3px 12px; 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, a.QuickLinks:link, a.QuickLinks:visited, a.UniversalQuickLinks:link, a.UniversalQuickLinks:visited { 
	text-decoration: none; color: #FFF;}
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, a.QuickLinks:hover, a.QuickLinks:active, a.UniversalQuickLinks:hover, a.UniversalQuickLinks:active {
	text-decoration: underline; color: #FFF;}
a.IncNavDivision:link, a.IncNavDivision:visited {background: #406792;}
 
 #IncNavActiveDivision {font-weight: bold; background-color: #234059;}
 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 {} 
a.IncNavDepartment:hover, a.IncNavDepartment:active {}
 
 #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 {}
a.IncNavSubDepartment:hover, a.IncNavSubDepartment:active {}
 
 #IncNavActiveSubDepartment {font-weight: bold;}
 a#IncNavActiveSubDepartment:hover, a#IncNavActiveSubDepartment:active {}
 
a.IncNavPages {display: block; font: 12px Arial, sans-serif; padding: 2px 2px 2px 46px;}
a.IncNavPages:link, a.IncNavPages:visited {text-decoration: none; color: #FFF;}
a.IncNavPages:hover, a.IncNavPages:active {text-decoration: underline; color: #FFF;}
#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:#fff; background: transparent url("images/SideNavArrow.gif") no-repeat 0 0.33em; _background: transparent url("images/iePNG/SideNavArrow.gif") no-repeat 0 0.33em;}/*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 {margin: 15px 0 0 0;}
#QuickLinks .QuickLinksTitle, 
#UniversalQuickLinks .UniversalQuickLinksTitle { font-weight:bold; border-bottom: 2px solid #FFF; color: #FFF; text-align:center; padding: 1px 5px 2px 0; margin: 0 8px 8px 8px;}
#QuickLinks a.QuickLinks, 
#UniversalQuickLinks a.UniversalQuickLinks {text-transform: none; padding-left:8px;}
#QuickLinks a.QuickLinks:link, #QuickLinks a.QuickLinks:visited, #UniversalQuickLinks a.UniversalQuickLinks:link, #UniversalQuickLinks a.UniversalQuickLinks:visited {}
#QuickLinks a.QuickLinks:hover, #QuickLinks a.QuickLinks:active, #UniversalQuickLinks a.UniversalQuickLinks:hover, #UniversalQuickLinks a.UniversalQuickLinks:active {}
 
#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 {}
#SubNav a.SubNav:hover, #SubNav a.SubNav:active {}

/*---- Added RSS Feeds link padding  ----*/
#RSSFeedsLink { padding-left: 10px;}

/* ----- END COMMON SIDE-NAV STYLES  ----- */
/* ----------------------------------------- */