/*---- Elements ----*/
body {
	margin: 0;
	_border:0;
	background: #828073;
	font: 11px/1.5 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;}
	
address, blockquote, body, caption, center, dd, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, menu, th, td, ol, ul {
	font: 11px/1.5 Tahoma, Verdana, 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, Helvetica, san-serif;} /* sets the heading font style and removes margins */
h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 16px; font-weight: bold;}
h4 {font-size: 12px; font-weight: bold;}
h5 {font-size: 11px; font-weight: bold;}

img {border:0} /* makes all images default border=0 */

/*---- List Items ----
ul {list-style-type: none;}
ul li {
	padding-left: 17px;
	background: transparent url(images/Bullet.gif) no-repeat 0 0.25em;}
/*	doing the above method allows the image used inplace of the 
	list item marker to align with text properly for all browsers and 
	still align wrapped text to the same place as the first line. 
	relative units are used so it will work with any text size.	*/ 

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

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

/*---- Forms ----*/
input {
	color: #333;
	vertical-align: middle;
	font: 10px Verdana, Arial, Helvetica, sans-serif;}
	
.cvheader input {
	background-color: transparent;}
.formitem {
	color: #333;
	vertical-align: middle;
	padding: 1px 2px 1px 3px;
	margin: 0 2px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEE;
	border: 1px solid #333;}
.formitem1 {
	color: #000;
	vertical-align: middle;
	margin: 0 2px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border-color:#333;}
.formitem2 {
	color: #333;
	vertical-align: middle;
	padding: 1px 2px 1px 3px;
	margin: 0 5px 0 5px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEE;
	border: 1px solid #333;}
	
/*---- Links  ----*/
a:link, a:visited {
	color: #900;
	outline: none;
	text-decoration: underline;}
a:hover {
	text-decoration: underline;
	outline: none;
	color: #000;}
a:active {
	text-decoration: underline;
	outline: none;
	color: #000;}

/*---   Page Layout and Design Specific   ---*/
#SiteWrapper { 
	text-align: -moz-center;
	background: url("images/BodyBG.jpg") repeat-x 0 0; 
	}
	
#PageWrapper {
	text-align: center;
	width: 942px;
	background: url(Images/HeaderBackground.jpg) no-repeat top left; 
	margin: 0;}
	
#PageWrapperDefault {
	text-align: center;
	width: 942px;
	background: url(Images/Default.png) no-repeat top left; 
	margin: 0;}
	
#ContentArea {padding: 10px;}

.Default { background: #FFF url(images/BodyRepeat.jpg) repeat-y top left;}	
	
.AccentColor1 {}
.AccentColor2 {}
.AccentColor3 {}

#HeaderSearch form {
	color: #FFF;}
#HeaderSearch a:link, #HeaderSearch a:visited {
	color: #FFF;
	font-weight: bold;}
#HeaderSearch a:hover, #HeaderSearch a:active {
	color: #FFF; 
	text-decoration: underline;}
#SlideShow {
	width: 384px;
	height: 227px;
	overflow: hidden;
	position: relative;
	z-index: 10; 
	padding: 9px 0 0 38px;}
.SideNavigation { 
	width: 168;
	padding: 5px 0 5px 5px;}
.SideNavBorder {
	border-right: solid 2px #bfbfbf;}
#DefaultHdrLeft {height:96px; overflow:hidden;}
/*---- Page Titles ----*/
.header, #DefaultIncludes .Title, .MainPage p.header, #DefaultIncludes .header {
	color: #4D443F;
	font: 22px "Trebuchet MS", Arial, Helvetica, san-serif;
	margin: 0 0 0.25em 0;}
.subheader {
	font: bold 14px Arial, Helvetica, sans-serif; color: #888681;
}
#DefaultIncludes span.subheader {
	font: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #c63;
}
/*---- Copyright and Legal Info ----*/
.LegalText {}
#Legal {
	clear: both;
	color: #AAA;
	font: 10px/11px Arial, Verdana, Helvetica, sans-serif;
	height: 30px;
	padding: 5px 10px 5px 6px;}
#Legal :link, #footer :visited { color: #777; }
#Legal hr { display: none }
#Legal #PoweredBy { border: 0; float: left }
#Legal #PoweredBy:hover { background: transparent }
#Legal p { margin: 0;}
#Legal p.left {
	height: 30px;
	float: left;
	margin-left: 1em;
	padding: 0 1em;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	font-size:9px;}
#Legal p.right {
	float: right;
	text-align: right;}

/************** Main Nav **************/
#MainNav {
	float: right;
	margin-right: 15px;}
	
.Border {}
/***************************************/


/* Index news EVENTS, TOP STORIES, DISTRICT NEWS and SCHOL NEWS */
#IndexNewsPortalEvents, #IndexNewsPortalSchool, #IndexNewsPortalDistrict, #IndexNewsPortalTop {}
.IndexNewsPortalDistrict, .IndexNewsPortalSchool, .IndexNewsPortalEvents {padding: 0 0 15px 10px;}
.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: normal 15px/2.75 Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin-bottom: 28px; padding-left: 40px;}
.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 20px; font: 12px/1.3 Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	background: transparent url(images/BulletNews.gif) no-repeat 4px 0.17em; text-decoration: none; margin: 4px 0 0 0; color: #900;}
.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;}

.IndexNewsContainer {width:200px; background: transparent url("images/NewsBG.jpg") no-repeat;}
.IndexEventsContainer {width:200px; background: transparent url("images/EventsBG.jpg") no-repeat;}

	
/*---- News Tab Navigation Links ----*/
	/*---- Tabs ----*/
ul#tabnav {
	list-style-type: none;
	margin: 0;
	padding-right: 22px;
	padding-bottom: 26px;
	border-bottom: 1px solid #333;
}
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: #FFF;
	background-color: #900;
	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: #9F1B15;
	text-decoration: none;
}
/*---- News Page Styling----*/
.News {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000;
}
.News a:link, .News a:visited {}
.News a:hover, .News a:active {}
.NewsTitle {
	color: #000; 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 #CCC;
	background-color: #900;
	filter: alpha(opacity=80); /* to adjust opacity of background, next three elements must be set to same level */
	-moz-opacity:.80;
	opacity:.80;}
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:#FFF;
	filter: alpha(opacity=100); /* to adjust opacity of background, next three elements must be set to same level */
	-moz-opacity:1;
	opacity:1;}
div.nicetitle p.destination {
	color: #FFF;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 0px;
	text-align: left;
	filter: alpha(opacity=100); /* to adjust opacity of background, next three elements must be set to same level */
	-moz-opacity:1;
	opacity:1;}

/*---- TABLES  ----*/
.td1
{
    FONT-WEIGHT: bold;
    COLOR: #000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #AAA
}
.td2
{
    FONT-WEIGHT: bold;
    COLOR: #444;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #F6F5EF
}
.td3
{
    FONT-WEIGHT: bold;
    COLOR: #FFF;
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #c63
}
.td4
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #BFBEC2
}
.td5
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #DDD
}
.td6
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #DDD
}
.td7
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #DDD}
.td8
{
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
    BACKGROUND-COLOR: #DDD}

#PicCap {color: #000}


/*---- Calendar ----*/
.calheader{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #AAA;
}
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: #AAA; color: #FFF; font-weight: bold;
}
.caltd2 {
	background-color: #AAA; color: #FFF; font-weight: bold;
}
.caltd3 {
	background-color: #F4F4F4; color: #000; font-weight: bold;
}
.caltd4 {
	background-color: #E5E5E5;
}

/*---- Small Calendars ----*/
.scal{
	border: 1px solid #000; background-color: white; margin: 5px 5px 0 5px;
}
.scalheader{
    font-weight: bold; font-size: 12px; background-color: #F4F4F4;}
a.scalnav1:link, a.scalnav1:visited {
	color: #AAA; 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: #AAA;
}
.scalday1{
   font-size: xx-small; color: #E5E5E5; background-color: #E5E5E5;
}
.scalday2{
	font-size: 10px;
}
.scalw{
	font-size: 10px; background-color: #F4F4F4;
}
.scaltoday{
    font-size: 10px; color: #AAA; font-weight: bold;
}

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

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


/*---- Side Navigation Menus ----*/
a.IncNavDivision, 
a.IncNavDepartment,
a.IncNavSubDepartment,
a.SubNav,
a.IncNavLinks,
a.QuickLinks,
a.UniversalQuickLinks {
	text-decoration: none;
	display: block; 
	padding: 3px 2px 2px 5px; 
	margin:0;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, 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: #999;}
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: none; color: #900;}
 
 #IncNavActiveDivision {font-weight: bold;}
 a#IncNavActiveDivision:hover, a#IncNavActiveDivision:active {}
 
a.IncNavDepartment {margin-left: 13px; background: none; padding-left:2px; border:0;font-weight: normal;}
a.IncNavDepartment:link, a.IncNavDepartment:visited {color: #666;} 
a.IncNavDepartment:hover, a.IncNavDepartment:active {text-decoration: underline; color: #000;}
 
 #IncNavActiveDepartment {font-weight: bold; color: #000;}
 a#IncNavActiveDepartment:hover, a#IncNavActiveDepartment:active {}
 
a.IncNavSubDepartment {margin-left: 25px; background: none; padding-left:2px; border:0;font-weight: normal;}
a.IncNavSubDepartment:link, a.IncNavSubDepartment:visited {color: #900;}
a.IncNavSubDepartment:hover, a.IncNavSubDepartment:active {text-decoration: underline; color: #000;}
 
 #IncNavActiveSubDepartment {font-weight: bold;}
 a#IncNavActiveSubDepartment:hover, a#IncNavActiveSubDepartment:active {}
 
a.IncNavPages {display: block; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 2px 2px 2px 25px; color: #666;}
a.IncNavPages:link, a.IncNavPages:visited {text-decoration: none; color: #000;}
a.IncNavPages:hover, a.IncNavPages:active {text-decoration: underline; color: #000;}
 
a.ActivePage:link, a.ActivePage:visited, a.ActivePage:hover, a.ActivePage:active {font-weight:bold; color:#000;}/*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;
	color: #999;
	text-align:center;
	padding: 1px 5px 2px 0;}
#QuickLinks a.QuickLinks, 
#UniversalQuickLinks a.UniversalQuickLinks {text-transform: none;}
#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 {}


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



/*--- 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: 0px;
	left: 0px;
	z-index: 999;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #000; 
	background: url("images/MainLinksBack.png") repeat-x 0 0;
	height: 39px;
}
#DropDown p {
	float:left;
	position: relative; 
	padding: 4px 10px 4px 10px;
	border-right: 1px solid #FFF;
	font: normal 13px Arial, Helvetica, sans-serif;
	color:#FFF;
	cursor: pointer;
	top: 2px; 
}
#DropDown > p {
	/* for non-IE browsers to extend drop down bgcolor width of links */
	position: static;
	padding: 4px 10px 4px 10px;
	height: 20px;
}
#DropDown p span {
	visibility: hidden;
	display: block;
	position: absolute;
	top: 22px; /* 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: #900;
}
#DropDown p > span { 
	/* resets the top and left properties to compensate for IE positioning fix */
	top: 32px;  
	left: auto; 
	margin-left: -10px; /* 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: #f00;
	border-color: #fff;
	color: #000;}
#DropDown p:active {
	background: #600;
	border-color: #fff;
	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 #900;} /* 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: 4px 10px 4px 10px; 
	color:#000; 
	border: 1px solid #900; 
	text-decoration:none; 
	background: #f00;}
	
.DropImage {
	float:left;
	position: relative; 
	padding: 0;
	border-right: 0;
	font: normal 13px Arial, Helvetica, sans-serif;
	background: none;
	top: 0;
}