/*---- Elements ----*/
body {
	margin: 0;
	background: #AE1716;
	font: 11px/1.3 Verdana, 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: 11px/1.3 Verdana, Arial, Helvetica, sans-serif; !important
	color: #333;}

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 ----*/

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



.formitem1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; border: #000 1pt solid; background-color: #600;	font-size: 9px; color: #FFF;
}
.formitem2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; border: #000 1pt solid; font-size: 9px; color: #000;
}
.smalltxt {
  font-size: 9px; color: #000;
}
.redtxt {
	color: #900;
}
.whitetxt {
	color: #FFF;
}
.popup {
	background-color: #600;
}


#SiteHeader {
	height: 106px;
	width: 771px; 
	overflow: visible; 
	background: transparent url(Images/Top.gif) no-repeat; 
	text-align:center;}

#PageWrapper {
	width: 771px;
	background: transparent url(Images/PageBg.gif) repeat-y;}

#HeaderSearch {color: #FFF;}
#HeaderSearch form {
	color: #FFF;}
#HeaderSearch a:link, #HeaderSearch a:visited {
	color: #FFF;
	font-weight: bold; 
	padding: 1px 3px;}
#HeaderSearch a:hover, #HeaderSearch a:active {
	color: #FFF; 
	text-decoration: underline;}

#SlideShow {
	width: 300px;
	height: 225px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	_position: static;
	z-index: 10;}
#SlideShow div.Image {
	width: 300px;
	height: 225px;
	background: transparent url(images/SlideShow.jpg) no-repeat 0 0;}
#SlideShow div.Overlay {
	width: 300px;
	height: 225px;
	margin-top: -225px;
	overflow: hidden;
	background: transparent url(images/SlideShowMaskLG.png) no-repeat 0 0 !important; 
	background: none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.pcmac.org/Websites/Calumet132/Calumet132/images/SlideShowMaskLG.png',sizingMethod='scale');
	position: relative;
	_position: static;
	z-index: 20;}
.HomePageMessage {
	width: 300px;
	margin: 15px auto 5px auto;
	text-align:left;}
.Bottom { padding: 0 25px; height: 45px; _margin-top:-5px; overflow: hidden; background: transparent url(images/BottomFade.gif) no-repeat 0 0; text-align:center; }


/*---- Navigation ----*/
a:link, a:visited {
	color: #600; text-decoration: none;
}
a:hover, a:active {
	color: #000; text-decoration: underline;
}
a.topnav:link {
	font-size: 11px; color: #FFF; text-decoration: underline;
}
a.topnav:visited {
	font-size: 11px; color: #FFF; text-decoration: underline;
}
a.topnav:hover {
	font-size: 11px; color: #FFF; text-decoration: none;
}
a.topnav:active {
	font-size: 11px; color: #FFF; text-decoration: none;
}
a.t2nav:link {
	font-size: 10px; color: #600; text-decoration: underline;
}
a.t2nav:visited {
	font-size: 10px; color: #600; text-decoration: underline;
}
a.t2nav:hover {
	font-size: 10px; color: #600; text-decoration: none;
}
a.t2nav:active {
	font-size: 10px; color: #600; text-decoration: none;
}
a.swnav:link {
	font-size: 9px; color: #FFF; text-decoration: none;
}
a.swnav:visited {
	font-size: 9px; color: #FFF; text-decoration: none;
}
a.swnav:hover {
	font-size: 9px; color: #FFF; text-decoration: underline;
}
a.swnav:active {
	font-size: 9px; color: #FFF; text-decoration: none;
}

/*---- Table colors ----*/
td {}
.td1 {
	background-color: #600; color: #FFF; font-weight: bold;
}
.td2 {
	background-color: #FCC; color: #600; font-weight: bold;
}
.td3 {
	background-color: #FCC; color: #000; font-weight: bold;
}
.td4 {
	background-color: #e5e5e5;
}

/*---- Headers ----*/
.header {
	font: bold 18px "Trebuchet MS", Arial, Helvetica, san-serif; color: #600;
}
.subheader {
	font-size: small; font-weight: bold; color: #600;
}

/*---- Page Links ----*/
.linkstd1{
	border-right: #000 1pt solid; border-top: #000 1pt solid; border-left: #000 1pt solid; border-bottom: #000 1pt solid;
	background-color: #600; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFF;
}
.linkstd2{
	border-right: #000 1pt solid; border-left: #000 1pt solid; border-bottom: #000 1pt solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;
}

/*---- Pictures ----*/
.caption {
	font-size: 9px; color: #FFF; font-weight: bold;
}
.picturetd{
	border: #000 1pt solid; background-color: #600;
}

/*---- Calendar ----*/
.calheader{
	font-size: 14px; font-weight: bold; color: #600;
}
a.calnav1:link {
	color: #FFF; text-decoration: underline;
}
a.calnav1:visited {
	color: #FFF; text-decoration: underline;
}
a.calnav1:hover {
	color: #FFF; text-decoration: none;
}
a.calnav1:active {
	color: #FFF; text-decoration: none;
}
a.calnav2:link {
	color: #FFF; text-decoration: underline;
}
a.calnav2:visited {
	color: #FFF; text-decoration: underline;
}
a.calnav2:hover {
	color: #FFF; text-decoration: none;
}
a.calnav2:active {
	color: #FFF; text-decoration: none;
}
.caltd1 {
	background-color: #600; color: #FFF; font-weight: bold;
}
.caltd2 {
	background-color: #600; color: #FFF; font-weight: bold;
}
.caltd3 {
	background-color: #FCC; color: #000; font-weight: bold;
}
.caltd4 {
	background-color: #E5E5E5;
}

/*---- Small Calendars ----*/
.scal{
	border-top: 1px solid #000; border-left: 1px solid #000; background-color: white;
}
.scalheader{
    font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; background-color: #FCC;
}
a.scalnav1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #600; text-decoration: underline;
}
a.scalnav1:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #600; text-decoration: underline;
}
a.scalnav1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #600; text-decoration: none;
}
a.scalnav1:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #600; text-decoration: none;
}
.scaldayofweek{
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: white; font-weight: bold; background-color: #600;
}
.scalday1{
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #E5E5E5; background-color: #E5E5E5;
}
.scalday2{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
}
.scalw{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FCC;
}
.scaltoday{
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #600; font-weight: Bold;
}

/*---- Calendar View ----*/
.cvheader{
	background-color: #600; font-size: 12px; font-weight: bold; color: #FFF;
}
.cvdayofweek{
	background-color: #FCC; font-size: 11px; font-weight: bold; color: #600;
}
.cvday1{
	background-color: #E5E5E5; font-size: 9px; color: #000;
}
.cvday2{
	font-size: 9px; color: #000;
}

/*---- HomePage News Portal ---- */

#HomePageNews {
	float:left; 
	width:175px; 
	margin: 0; 
	padding: 0 10px 0 0; 
	border-right: 1px solid #ddd;}
	
td.IndexNewsPortalDistrict, td.IndexNewsPortalSchool, td.IndexNewsPortalEvents {
	border: 0;
	background: #FFF;}
td.IndexNewsPortalEvents {
	border: 0;}
div.IndexNewsPortalDistrict, div.IndexNewsPortalSchool, div.IndexNewsPortalEvents { 
	width: auto; 
	background: #FFF; 
	text-align:left; 
	margin:0; 
	padding:0}
div.IndexNewsPortalEvents a, div.IndexNewsPortalSchool a, div.IndexNewsPortalDistrict a  {
	display:block; 
	text-decoration: none;}
div.IndexNewsPortalDistrict a:link, div.IndexNewsPortalDistrict a:visited,
div.IndexNewsPortalSchool a:link, div.IndexNewsPortalSchool a:visited,
div.IndexNewsPortalEvents a:link, div.IndexNewsPortalEvents a:visited {
	display:block;
	background: #FFF; 
	font: bold 15px "Trebuchet MS", Arial, Helvetica, san-serif; 
	color:#000; 
	padding: 2px 0; 
	border: 0;}
div.IndexNewsPortalDistrict span a:link, div.IndexNewsPortalDistrict span a:visited,
div.IndexNewsPortalSchool span a:link, div.IndexNewsPortalSchool span a:visited, 
div.IndexNewsPortalEvents span a:link, div.IndexNewsPortalEvents span a:visited  {
	width:auto;
	display: block;
	margin: 0;
	background: transparent url(images/Bullet.gif) no-repeat 3px 0.35em;
	border: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #600; 
	padding: 0 0 3px 17px; 
	text-decoration: underline;}
div.IndexNewsPortalEvents > span a:link, div.IndexNewsPortalEvents > span a:visited  { /* For Non-IE Browsers Only*/
	width: auto;}
div.IndexNewsPortalDistrict span a:hover, div.IndexNewsPortalDistrict span a:active,
div.IndexNewsPortalSchool span a:hover, div.IndexNewsPortalSchool span a:active,
div.IndexNewsPortalEvents span a:hover, div.IndexNewsPortalEvents span a:active {
	background-color: #FFF; 
	color: #000; 
	border: 0;}
	
	
/*---- News Tab Navigation Links ----*/
	/*---- Tabs ----*/
ul#tabnav {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	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: #FFF;
	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: #FFF;
	background-color: #600;
	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: #600;
	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 {
	color: #600; text-decoration: underline;
}
.News a:hover, .News a:active {
	color: #F00; text-decoration: none;
}
.NewsTitle {
	color: #000; font-size: 11px;
}
.NewsTitle a:link, .NewsTitle a:visited {
	color: #333333; text-decoration: none;
}
.NewsTitle a:hover, .NewsTitle a:active {
	color: #900; text-decoration: none;
}


/*---- TOP NAVIGATION ----*/
/*---- TOP NAVIGATION ----*/
/*#TopNav {
	padding: 65px 38px 0px 38px; 
	text-transform: uppercase;
	font: bold 8px Verdana, Arial, Helvetica, sans-serif;
	_font: bold 9px Verdana, Arial, Helvetica, sans-serif;}
#TopNav a, #TopNav a:link, #TopNav a:visited {
	text-decoration: none;
	color: #FFF;}
#TopNav a:hover, #TopNav a:active {
	text-decoration: none;
	color: #333;}*/
ul#nav {margin: 0; padding: 0; text-align: center; padding: 0 30px; list-style:none;}

#nav a {
	text-decoration: none;
	outline: none;
}

/*li.TopNav ul {display: none;}*/

li.TopNav ul, li.TopNavOver ul {
	_width: 120px;
	top: 29px;
	left: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #999;
	border-top: 0;
	display: none;
	position: absolute;
	font-weight: normal;
	background: #FFF;
	z-index: 99;
}

li.TopNav, li.TopNavOver {
	display: inline;
	float: inherit;
	position: relative;
	cursor: default;
	padding: 0 0 0 9px;
	margin: 0 1px;
	float: left;
	background: url("images/TabLeft.gif") no-repeat 0 0;
}

li.TopNavOver {
	background: url("images/TabLeftHover.gif") no-repeat 0 0;
}

li.TopNav a:link, li.TopNav a:visited, li.TopNavOver a:link, li.TopNavOver a:visited {
  display:block;
  background:url("images/TabRight.gif") no-repeat right top;
  padding:5px 9px 15px 2px;
  text-decoration:none;
  font-weight:bold;
  color:#AB132E;
  }

li.TopNavOver a:link, li.TopNavOver a:visited {
   background:url("images/TabRightHover.gif") no-repeat right top;
  color:#FFF;
  }

#nav li li {}
#nav li li a:link, #nav li li a:visited {
	/*_width: 135px;*/
	_height: 20px;
	white-space: nowrap;
	border-top: 1px solid #999;
	background: none;
	color: #600;
	display: block;
	font-weight: normal;
	text-align: left;
	text-transform:none;
	font-size: 12px;
	margin: 0;
	padding: 3px 12px 4px 8px;
	float:none;
	}

#nav li li a:hover, #nav li li a:active {
	color: #000;
	background: #f6f3f3 url("images/DropDownArrow.gif") no-repeat 3px 50%;
	padding: 3px 6px 4px 14px;
}
li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}

	
	
/*---- HOME PAGE SIDE NAVIGATION ----*/

#HomePageNav {
	float:left;
	margin: 0 0 0 10px; 
	width: 230px; 
	height: auto;}
#HomePageNav a, #HomePageNav a:link, #HomePageNav a:visited {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	background: none;}

/*---- HOME PAGE NEWS CONTAINER ----*/

#HomePageNewsContainer {
	float:left;
	margin: 0 0 0 10px; 
	width: 230px; 
	height: auto;}
	


/* ----------------------------------------- */
/* ----- 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: 2px 2px 3px 15px; 
	margin:0;
	background: transparent url(images/Bullet.gif) no-repeat 1px 0.4em;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;}
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;}
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: #600;}
a.IncNavDivision:hover, a.IncNavDivision:active{background: transparent url(images/Bullet2.gif) no-repeat 1px 0.4em;}

 #IncNavActiveDivision {font-weight: bold; background: transparent url(images/Bullet2.gif) no-repeat 1px 0.45em; color: #600;}
 a#IncNavActiveDivision:hover, a#IncNavActiveDivision:active {}
 
a.IncNavDepartment {margin-left: 20px; background: none; padding-left:2px; border:0;}
a.IncNavDepartment:link, a.IncNavDepartment:visited {font-weight: bold; color: #666;} 
a.IncNavDepartment:hover, a.IncNavDepartment:active {color: #600;}
 
 #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 {font-weight: bold; color: #666;}
a.IncNavSubDepartment:hover, a.IncNavSubDepartment:active {color: #600;}
 
 #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 35px;}
a.IncNavPages:link, a.IncNavPages:visited {text-decoration: none; font-weight: bold; color:#aaa;}
a.IncNavPages:hover, a.IncNavPages:active {text-decoration: none; color: #600;}
 
a.ActivePage:link, a.ActivePage:visited, a.ActivePage:hover, a.ActivePage:active {font-weight:bold; color:#600;}/*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  ----- */
/* ----------------------------------------- */
/* ----- NICE TITLES ----- */
#nicetitlecontainer{
	border: 2px solid #E3E3E3;
	background-color: #C8C4C6;
	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 "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	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: #000;
	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;}