/*---- Elements ----*/
body {
	margin: 0;
	background: #fff url();
	font: 11px/1.3 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.3 Verdana, Arial, Helvetica, sans-serif; !important
	color: #000;}

h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0 0 0.75em 0; font-family: Arial, Verdana, sans-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: #000000;
}
.redtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #900;
}
.whitetxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
}

/*---- Forms ----*/
input {
	color: #333;
	vertical-align: middle;
	padding: 1px 2px 1px 3px;
	margin: 0 1px 0 1px;
	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;
	background-color: #F7F7FF;
	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: #4A9595;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #AA556C;
}
a:active {
	text-decoration: underline;
	color: #AA556C;
}

/*----  Page Layout  ----*/

	#PageWrapper {
	width:750px; 
	margin: 0 auto;
	border:0;}
#SiteHeader {
	background: transparent url(images/Logo.gif) no-repeat 0 0;  
	width: 750px;
	overflow: hidden;}
#SlideShow {
	float:left; 
	width:448px; 
	height:199px;
	background: #366 url(images/SlideShowBg.jpg) no-repeat 0 11px;
	overflow: hidden;}
#SlideShowOverlay {
	position:absolute;
	margin: -182px 0 0 0;
	z-index:2;
	width:448px;
	height:182px;
	background: transparent url(images/SlideShowOverlay.png) no-repeat top left !important; 
	background-image: none;
	text-indent: -999em;
	text-decoration: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.pcmac.org/Websites/GenevaCounty/GenevaCounty/images/SlideShowOverlayIE.png',sizingMethod='scale');}
#HeaderGraphic {
	float:left; 
	width:204px; 
	height:199px;
	background: transparent url(images/HeaderGraphic.gif);}
#HeaderRight {
	float:left; 
	width:98px; 
	height:199px; 
	background: transparent url(images/HeaderRight.gif);}
#ContentArea {
	float:left; 
	width:546px; 
	margin: 5px 0 0 4px;
	padding:0;
	overflow: hidden;}
#MainPage {}
#DefaultIncludes {
	min-height: 175px;
	_height:175px;
	background: transparent url(images/ContentBg.gif) no-repeat 0 0; 
	border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	padding: 10px;}
#SideNavContainer {
	float:left; 
	width:199px; 
	margin-top:5px;}
.SideNavigation {
	padding: 10px; 
	background-color: #663341;}
#SideNavigation {
	width: 179px;}

/*---- Page Titles ----*/
.header, #DefaultIncludes .Title, .MainPage p.header, #DefaultIncludes .header {
	color: #663341;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 0 0 0.25em 0;
	padding: 0 0 0 18px;
	background: transparent url(images/TitleIcon.gif) no-repeat 0 3px;
}
.subheader {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #c63;
}
#DefaultIncludes span.subheader {
	font-family: 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;
	border-top: 0px solid #ccc;
	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;
}

/*Index news EVENTS*/
/*Index news TOP STORIES*/
/*Index news DISTRICT NEWS*/
/*Index news SCHOL NEWS*/
#IndexNewsPortalEvents,
#IndexNewsPortalTop,
#IndexNewsPortalDistrict,
#IndexNewsPortalSchool {}
.IndexNewsPortalEvents a:link, .IndexNewsPortalEvents a:visited,
.IndexNewsPortalTopNews a:link, .IndexNewsPortalTopNews a:visited,
.IndexNewsPortalDistrict a:link, .IndexNewsPortalDistrict a:visited,
.IndexNewsPortalSchool a:link, .IndexNewsPortalSchool a:visited {
	display: block;
	color: #663341;
	text-decoration: none;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 0 0 0.25em 0;}
.IndexNewsPortalEvents a:hover, .IndexNewsPortalEvents a:active,
.IndexNewsPortalTopNews a:hover, .IndexNewsPortalTopNews a:active,
.IndexNewsPortalDistrict a:hover, .IndexNewsPortalDistrict a:active,
.IndexNewsPortalSchool a:hover, .IndexNewsPortalSchool a:active {
	text-decoration: none;
	color: #AA556C;}
.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 2px 13px;
	font: 11px/1.3 Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(images/Bullet.gif) no-repeat 0 0.35em;
	text-decoration: underline;
	color: #4A9595;}
.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;
	color: #AA556C;}

	
/*---- 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 #333333;
	background-color: #666666;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
ul#tabnav a:link, #tabnav a:visited  {
	display: block;
	width: 135px;
	padding: 4px 0px 4px 0px;
	background-color: transparent;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(http://images.pcmac.org/websites/GenevaCounty/GenevaCounty/images/tab_rounded_corners.gif);
	background-repeat: no-repeat;
	background-position: top;	
}
ul#tabnav a:hover  {
	color: #FFFFFF;
	background-color: #4A9595;
	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: #366;
	text-decoration: none;
}
/*---- News Page Styling----*/
.News {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;
}
.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: #333333; text-decoration: none;
}
.NewsTitle a:hover, .NewsTitle a:active {
	color: #AA556C;}

/* ----- NICE TITLES ----- */
#nicetitlecontainer{
	border: 2px solid #101F45;
	background-color: #44506D;
	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: #F0E6DB
}
.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-size: 11px; font-weight: bold;;
}
a.calnav1:link, a.calnav1:visited {
	font-size: 10px; text-decoration: none;}
a.calnav1:hover, a.calnav1:active {
	font-size: 10px; text-decoration: none;}
a.calnav2:link, a.calnav2:visited {
	font-size: 10px; text-decoration: none;}
a.calnav2:hover, a.calnav2:active {
	font-size: 10px; text-decoration: none;
}
td.caltd1 {
	font-size: 10px; background-color: #F0E6DB; color: #000; font-weight: bold;
}
td.caltd2 {
	font-size: 10px; background-color: #eee;font-weight: bold;
}
td.caltd3 {
	font-size: 10px; background-color: #eee; font-weight: bold;
}
td.caltd4 {
	font-size: 10px; background-color: #aaa;}

/*---- Small Calendars ----*/
td.scal{
	font: normal 10px/normal Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
}
td.scalheader{
    background-color: #663341;
}
a.scalnav1:link, a.scalnav1:visited {
	text-decoration: none; color:#fff;}
a.scalnav1:hover, a.scalnav1:active {
	text-decoration: none;}
td.scaldayofweek{
    font-family: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #666; background-color: #bcbcbc;
}
td.scalday1{
    font-family: xx-small Verdana, Arial, Helvetica, sans-serif; color: #efefef; background-color: #efefef;
}
td.scalday2{
	font-family: bold 10px Verdana, Arial, Helvetica, sans-serif; background-color: #fff;}
td.scalw{
	font-family: 10px Verdana, Arial, Helvetica, sans-serif; background-color: #ddd;
}
td.scaltoday{
    font-family: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #09f;
}

/*---- Calendar View ----*/
td.cvheader{
	background-color: #bfbfbf; font-size: 11px; font-weight: bold; color: #FFFFFF;
}
td.cvdayofweek{
	background-color: #666; font-size: 11px; color: #FFFFFF;
}
td.cvday1{
	background-color: #efefef; font-size: 9px; color: #000000;
}
td.cvday2{
	font-size: 9px; color: #000000;
}

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


/*---- Side Navigation Menus ----*/
a.IncNavDivision, 
a.IncNavDepartment,
a.IncNavSubDepartment,
a.SubNav,
a.IncNavLinks,
a.QuickLinks,
a.UniversalQuickLinks {
	display: block; 
	padding: 4px 2px 4px 15px; 
	border-top: 1px solid #98606F;
	border-bottom: 1px solid #331920; 
	margin:0;
	background: transparent url(images/Bullet.gif) no-repeat 1px 50%;
	text-transform: uppercase;
	font: 11px Verdana, 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: #F0E6DB;}
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: #AACDE1;}
 
 #IncNavActiveDivision {font-weight: bold; background-image: url(images/Bullet2.gif);}
 a#IncNavActiveDivision:hover, a#IncNavActiveDivision:active {}
 
a.IncNavDepartment {margin-left: 13px; background: none; padding-left:2px; border:0;}
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; background: none; padding-left:2px; border:0;}
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: 10px Verdana, Arial, Helvetica, sans-serif; padding: 2px 2px 2px 25px;}
a.IncNavPages:link, a.IncNavPages:visited {text-decoration: none; color: #C68A9A;}
a.IncNavPages:hover, a.IncNavPages:active {text-decoration: none; color: #DBE7F0;}
 
a.ActivePage:link, a.ActivePage:visited, a.ActivePage:hover, a.ActivePage:active {font-weight:bold; color:#DBE7F0;}/*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 #AA556C;
	color: #F0E6DB;
	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  ----- */
/* ----------------------------------------- */