div#watchwarnouter {
position: relative;
left: 275px;
bottom: 253px;
opacity: 0.60; /* css 3 spec */
background-color: #000000;
margin: 0px 0px 0px 0px;
height: 17px;
width: 210px;
display: block;
padding: 0px;
}
div#watchwarn {
color: #33FF00;
position: relative;
left: 355px;
bottom: 269px;
height: 20px;
width: 360px;
text-align: left;
font: normal 0.7em arial;
}
td.front-rotator img {
display: block;
}
td.front-success-story img {
display: block;
}
/* calendar classes start here */
.todaysevents {
height: 130px;
width: 200px;;
padding-top: 2px;
margin-left: 4px;
font: normal 9px arial;
color: #000;
text-align: left;
cursor: default;
overflow: hidden;
}
.snowclosing {
height: 130px;
width: 200px;;
padding-top: 2px;
text-align: center;
cursor: default;
overflow: hidden;
background-image: url('/images/snowbike.jpg');
background-repeat: no-repeat;
background-position: top center;
}
.todayseventsheader {
width: 200px;
height: 15px;
margin-left: 4px;
font: bold 12px arial;
text-align: center;
color: #000;
cursor: default;
text-decoration: underline;
}
.calendarmain { /* Outermost table for calendar */
width:175px;
height: 160px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 0px;
border-bottom: 0px;
}
.calendarmonth, .calendarmonth a { /* Month area on calendar */
background-color:#760000;
font:bold 10px arial;
color:#EEE;
text-decoration: none;
}
.calendardaysofweek { /* Day heading area on calendar */
background-color:#DDDACA;
font: bold 9px arial;
color:#666;
}
.calendardays,
a.calendarpopup,
a.calendarpopuptoday,
a.calendarpopupempty { /* The dates on the calendar */
font-size: 10px;
font-family: verdana;
background-color: #FFE;
padding: 2px;
}
.calendarHighlight a, .calendarHighlight{
background-color: #EED8C0;
}
a.calendarpopuptoday{
position:relative;
z-index:24;
color: #CC0000;
text-decoration: none;
}
a.calendarpopupempty{
position:relative;
z-index:24;
color: #aaa;
text-decoration: none;
}
a.calendarpopup {
position:relative;
z-index:24;
color:#000;
text-decoration: none;
}
a.calendarpopupempty:hover,
a.calendarpopuptoday:hover,
a.calendarpopup:hover {
z-index:25;
color: white;
background-color: #990000;
border: 0px solid black;
}
a.calendarpopuptoday span,
a.calendarpopup span{
display: none;
}
a.calendarpopuptoday:hover span,
a.calendarpopup:hover span {
display: block;
position: absolute;
top: -27px;
left: 23px; 
width: 230px;
border: 1px solid #000;
background-color: #FFD;
color: #000;
font: normal 10px arial;
text-align: left;
padding-left: 3px;
}
/* calendar helpers end here */
body {
background-color: #DDDDDD;
background-image:url(/images/bcg1.png);
background-repeat:repeat-x;
padding: 0px;
margin: 0px;
}
td.indexsearch
{
text-align: left;
background-color: #DDDACA;
vertical-align: middle;
border:none;
}
a.indexsearch
{
font-size: .8em;
font-family: arial;
color: #245;
font-weight: normal;
text-decoration: none;
margin-left: 9px;
}
a.nav-top-level-folder
{
font-size: .8em;
font-family: arial;
color: #245;
font-weight: bold;
text-decoration: none;
margin-left: 6px;
}
a.nav-subfolder
{
font-size: 8pt;
font-family: arial;
color: #222535;
text-decoration: none;
padding-top:5px;
}
div.nav-current-page
{
font-size: 8pt;
font-family: arial;
/*font-style: italic;*/
color: #FFFFFF;
background-color: #606050;
}
a.nav-page
{
color: #222535;
font-family: arial;
font-size: 8pt;
text-decoration: none;
padding-top:5px;
}
td.left-nav-links
{
background-image: url(/images/navback.gif);
background-repeat: no-repeat;
width: 170px;
background-color: #DDDAbf;
vertical-align: top;
padding-top: 15px;
padding-left: 0px;
padding-bottom: 0px;
}
td.left-nav-links-top
{
width: 170px;
background-color: #DDDAbf;
font-size: 5px;
}
.sauk-logo-nav
{
margin-bottom: 15px;
position: relative;
top: 20px;
}
td.shadow-horizontal
{
font-size: 5px;
height: 10px;
background-image: url(/images/shadow-horizontal10.png);
background-repeat: repeat-x;
background-color: #EFEFEF;
}
td.shadow-vertical
{
width: 10px;
background-image: url(/images/shadow-vertical10.png);
background-repeat: repeat-y;
background-color: #EFEFEF;
}
td.shadow-corner
{
font-size: 5px;
background-image: url(/images/shadow-corner10x10.png);
background-repeat: no-repeat;
background-color: #EFEFEF;
}
td.main-whitebg
{
font-family: arial;
background-color: #FFFFFF;
font-size: 0.8em;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
vertical-align: top;
height: 100%;
/*border-top-width: thin;*/
/*border-top-style: solid;*/
/*border-top-color: #000000;*/
}
td.main
{
font-family: arial;
background-color: #EFEFEF;
font-size: 0.8em;
padding-left: 10px;
padding-right: 7px;
padding-top: 0px;
height: 100%;
vertical-align: top;
/*border-top-width: thin;*/
/*border-top-style: solid;*/
/*border-top-color: #000000;*/
}
.main table td, .main-whitebg table td,
.main table td a, .main-whitebg table td a
{
}
.main table td a, .main-whitebg table td a,
.main-whitebg a
{
color: #990000;
}
td.main a {
color: #990000;
}
td.front-rotator
{
vertical-align: top;
height: 245px;
width: 380px;
background-color: #EFEFEF;
}
a.front-rotator
{
}
td.front-success-story
{
height: 245px;
width: 210px;
background-color: #e2e0c9;
}
td.front-calendar
{
border-left: solid 1px #000;
height: 150px;
width: 380px;
background-color: #EFEFEF;
}
td.front-news
{
background-color: #EFEFEF;
text-align: left;
}
ul.front-marquee {
margin:0px;
padding:0px;
}
li.front-marquee
{
text-align: left;
margin: 25px 8px;
padding:0px;
line-height:.95em;
list-style-type:none;
}
a.front-marquee 
{
font-family: arial;
text-decoration: none;
font-size: 9pt;
color: #000000;
}
ul#menu ul
{
width: 152px; 
margin: 0;
padding: 0;
background: #909080; /* IE6 Bug - submenu bgcolor*/
font-size: 100%;
z-index: 900;
}
td#divmenu ul#menu {
width: 760px;
border-width: 0px;
border-style: solid;
border-color: #000;
padding: 0px;
margin: 0px;
border-top-width: 1px;
border-bottom-width: 1px;
z-index: 900;
}
ul#menu li.menu-top-level {
background-color: #760000;
color: #EDEDED;
font: bold 12px arial, helvetica, sans-serif;
text-align: center;
text-transform: none;
padding-top: 3px;
padding-bottom: 3px;
z-index: 900;
}
/*Top level menu elements*/
/**//**//**//**//**//**//**/
td#divmenu ul#menu a.menu-top-level
{
color: #EDEDED;
font: bold 12px arial, helvetica, sans-serif;
text-align: center;
background: #760000;
text-transform: none;
z-index: 900;
}
	
/*Don't think this does anything*/
/**//**//**//**//**//**//**//**/
td#divmenu ul#menu:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
z-index: 900;
}
ul#menu li.menu-top-level,
ul#menu li a.menu-top-level
{ /*These are global for all LI's*/
position: relative;
list-style: none;
float: left;
width: 152px; /* Width of Menu Items */
z-index: 900;
}
ul#menu li
{
position: relative;
}
ul#menu li a,
ul#menu li li a,
ul#menu li,
ul#menu li li {
width: 149px;
display: block;
text-decoration: none;
text-align: left;
color: #FFF;
font: 8pt arial, helvetica, sans-serif;
z-index: 900;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menu li { z-index: 100; float: left; height: 1%; }
* html ul#menu li a { z-index: 100; height: 1%; }
/* End */
/**//**//**//**//**//**//**//**//**/
/*Positioning child menus - this first
one is 20px offset down from the top*/
/**//**//**//**//**//**//**//**/
ul#menu ul {
z-index: 900;
position: absolute;
display: none;
top: 20px;
left: 0px;
}
	
ul#menu ul li ul { /*distance to offset sub-sub-menus*/
left: 149px;
top: 0px;
z-index: 900; 
}
ul#menu li ul li{ 
padding: 3px 2px 2px 4px;
z-index: 900;
} /* Sub Menu Styles */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li:hover ul ul ul ul,
ul#menu li:hover ul ul ul ul ul,
ul#menu li.over ul ul,
ul#menu li.over ul ul ul,
ul#menu li.over ul ul ul ul,
ul#menu li.over ul ul ul ul ul { 
display: none; 
z-index: 900;
} /* Hide sub-menus initially */
ul#menu li:hover ul,
ul#menu li li:hover ul,
ul#menu li li li:hover ul,
ul#menu li li li li:hover ul,
ul#menu li li li li li:hover ul,
ul#menu li.over ul,
ul#menu li li.over ul,
ul#menu li li li.over ul,
ul#menu li li li li.over ul,
ul#menu li li li li li.over ul { 
display: block; 
z-index: 900;
} /* The magic */
ul#menu li ul li.menuparent:hover,
ul#menu li ul li.menuparent.over { background-color: #606050 !important; /*Bg color of active menu item's parent for submenus*/
z-index: 900;
}
/*Colors of the currently mouseover'd item in submenus*/
ul#menu li ul li a:hover,
ul#menu li ul li a.over,
ul#menu li ul li.over,
ul#menu li ul li:hover { 
color: #c0c080; /*fgcolor of all active items in menu - folders and files*/
background-color: #606050; /*bgcolor of active hyperlinks - not folders*/
z-index: 900;
}
/*Change the cursor to nonactive links to an arrow instead of hand*/
ul#menu li:hover,
ul#menu li.over {
cursor: default;
} 
div.footer
{
font: 9pt arial, helvetica, sans-serif;
color: #EFEFEF;
background: #760000;
}
div.footer a
{
font: 9pt arial, helvetica, sans-serif;
color: #FFFFCC;
text-decoration: underline;
}
div#displaySpecial {
font: 20pt arial, helvetica, sans-serif;
color:#FFF;
height:0px; width:0px; position:absolute; margin-left:0px; left:50%; z-index:50000; border:none; background-color:#933; opacity: 0.95; overflow:hidden;
}
div#callout-close { display:none; text-align:right; right:0; margin:0px; padding:0px; position:absolute; }
div#callout-close a { margin:0px; padding:3px; font-size:14px; font-weight:bold; background-color:#933; color:#EEE; border:1px dotted #333; }
#callout-link { color:#FFF; font-size:24px; text-align:center; font-weight:bold; display:none; margin:40px; }
h1 { font-size:2em; }
.hide { position:absolute; top:-200em; left:-200em; width:100em; height:100em; }
.nobr { white-space:nowrap; }

#web20footer { border-top: 1px solid #666666; margin: 3px 0px 0px; padding: 8px; background-color:#DDDDDD; }
#web20footer a:link, #web20footer a:visited { text-decoration: none; color: #000000; font-size: 14px; padding:3px; background-color:#FFFFFF; border: 1px dotted #CCCCCC; }
#web20footer a:hover { color: #333333; border: 1px dotted #666666; }
#web20footer a:hover img { opacity:1; }
#web20footer a img { opacity:.7; }
ul.nobullet li, ol.nobullet li { list-style-type:none; }
ul.nopadding, ul.nopadding li, ol.nopadding, ol.nopadding li { padding:0px; }
ul.inlinelist li, ol.inlinelist li { display:inline; }
.underline { text-decoration: underline; }
dt { font-weight:bold; }

div#google_translate_element { background-color:#b48373; margin:0px 3px; color:#333; padding:4px; }
div#google_translate_element a, div#google_translate_element a:link, div#google_translate_element a:visited, div#google_translate_element a:visited, div#google_translate_element a:hover { color:#666; }