/*---- 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: #9E9E9E;}
a:hover {color: #71417F;}
a:active {color: #71417F;}

/*---   Page Layout and Design Specific   ---*/
.SiteMap { color: #FFF;}
.SiteMap a:link, .SiteMap a:visited {color: #FFF;}
.SiteMap a:hover, .SiteMap a:active {text-decoration: none;}
#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;}
#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:#fff; 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;}
#TopNavigation a.First:hover {background-position: 100% -32px;}
#TopNavigation a.First:hover span {background-position: 0 -32px;}
#TopNavigation a.Active {background: transparent url("images/TabsRight.gif") no-repeat 100% 0; margin: 0 -1px 0 0;}
#TopNavigation a.Active span {padding: 0 16px 0 24px; font-weight: bold; background: transparent url("images/TabsLeft.gif") no-repeat 0 0;}
#TopNavigation a.Active:hover {background-position: 100% 0;}
#TopNavigation a.Active:hover span {background-position: 0 0;}
#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: 30px 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;}

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


/* 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: #9E9E9E;}
.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: #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: #9E9E9E;}
.td2 {COLOR: #444; BACKGROUND-COLOR: #F6F5EF;}
.td3 {COLOR: #fff; BACKGROUND-COLOR: #71417F;}
.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: #9E9E9E; 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: #9E9E9E; 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: #71417F;} 
a.IncNavDepartment:hover, a.IncNavDepartment:active { color: #60406E;}
 
 #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: #71417F;}
a.IncNavSubDepartment:hover, a.IncNavSubDepartment:active { color: #60406E;}
 
 #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: #71417F;}
a.IncNavPages:hover, a.IncNavPages:active {text-decoration: underline; color: #60406E;}
#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:#9E9E9E;}/*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 {}