/* Lemont Park District CSS Document */

/***************************************************
   Critical Site Styles (DO NOT EDIT)
 ***************************************************/
/* page padding - very important */
* {	margin:0; padding:0;}
html { min-height: 100%; margin-bottom: 1px; }
body {
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(../layout/bg.jpg);
	background-repeat: repeat-x;
	background-color: #0390D9;
	background-position: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#printnotice {display: none;}
#headmast {width: 764px;}
#banners {  height: 173px;   width:479px;   height: 173px;   position: relative;}
#mask {   z-index: 2;    position: absolute;   height: 173px;   width:479px;}
#pagebg {
	background-attachment: scroll;
	background-image: url(../layout/bg-page.gif);
	text-decoration: none;
	background-repeat: repeat-y;
	background-position: center top;
}
/***************************************************
   LPD Date/Top Bar:
 ***************************************************/

#topbar {
	font-size: 0.7em;
	color: #474B47;
	background-attachment: scroll;
	background-image: url(../layout/bg-topper.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 760px;
	font-weight: bold;
}
#greenbar a{ color: #F0F0F0; text-decoration: none;}
#greenbar a:hover {color: #D2D18A; text-decoration: none;}
/***************************************************
   LPD Contentbg:
 ***************************************************/
#watermark {
	background-image: url(../layout/bg-watermark.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center bottom;
}

/***************************************************
   LPD Hotlinks (Left)Column:
 ***************************************************/
 #leftcolumn { float: none; width: 212px; font-size: .8em; color: #009900;text-decoration: none;}
  #leftcolumn a{ float: none; width: 212px; font-size: .8em; color: #00B900;text-decoration: none;}
   #leftcolumn a:hover {	float: none; width: 212px; font-size: .8em; color: #0390D8;text-decoration: none;}
   #leftcolumn visited { float: none; width: 212px; font-size: .8em; color: #00B900;text-decoration: none;}
   .border-green {border: 1px solid #00B900;}
   .border-blue {border: 1px solid #0390D8;}
/* #expresslinks { width: 200px; margin-top: 0px; margin-bottom: 10px; margin-left: 0px;}
#AutoListBox { margin: 0px 0px 4px;	z-index: -1200000000;}
select { background-color: #EEF8DD;	color: #009900;	font-size: .75em;}
select a{ background-color: blue; color: #009900;}
option.main { color: #F9FCF4; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: bold;	background-color: #48B74A;}
*/	
        #hotlinks {	 float: left;}
		#navcontainer { margin-left: 0px;}
		#navlist { color: white;	background: #269528; border-bottom: 0.2em solid #269528; border-right: 0.2em solid #269528;	padding: 0 10px; margin-left: 0; font: normal 0.8em Verdana, sans-serif; }
		#navlist li	{ list-style: none;	margin: 0; font-size: 1em;}
		#navlist a { display: block; text-decoration: none;	margin-bottom: 0.1em; margin-top: 0.5em; color: white;	background: #48B74A; border-width: 1px;	border-style: solid; border-color: #6FCA68 #0C4911 #1A7513 #7BEA7D;	/*border-left: 1em solid #FFD239; left hot color */	padding: 0.44em 0.35em 0.25em 0.55em;	}
		#navlist a#current { border-color: #6FCA68 #0C4911 #1A7513 #FFD239; }/* last # current hot color */
		#navlist a { width: 99%; /* only necessary for Internet Explorer */	}
		#navlist a { voice-family: "\"}\"";	voice-family: inherit;	width: 174px; /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */}
		#navcontainer>#navlist a { width: auto;	/* only necessary if you use the hacks above for the Internet Explorer */}
		#navlist a:hover, #navlist a#current:hover { background: #1FCC22;/* hover bg */	border-color: #158417 #0C4911 #6FCA68 #F4FD02; /* last # hover hot color */	padding: 0.44em 0.35em 0.25em 0.55em;}
		#navlist a:active, #navlist a#current:active { background: #37A639;	border-color: #158417 #7BEA7D #6FCA68 white; padding: 0.44em 0.35em 0.25em 0.55em;}

/***************************************************
   LPD Tables & misc:
 ***************************************************/
hr { color: #009900; height: 1px;}
#box200 {
	background-color: #0390D8;
	padding: 10px;
	float: right;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-size: .8em;
	height: auto;
}
.tableborders-all {	border: 1px solid #48B74A;	border-collapse: collapse;}
.tableborders-weather {	border: 1px solid #0390D9;	border-collapse: collapse;}
.tableborders-all TD { border: solid 1px;	padding: 0px 4px 2px 4px;}
tr.on { background-color: #AEF3BC}
tr.on a{ background-color: #AEF3BC;	display: block;}
td.on { background-color: #AEF3BC}
td.on a{ background-color: #AEF3BC;	display: block;}
.table-bg { background-color: #DDFDCD}
.table-bg-bdr {	background-color: #DDFDCD;	border: 1px dotted #0390D9;}
/***************************************************
   LPD Form Styling:
 ***************************************************/
.error { color: #FF0000; }
.form {
	text-decoration: none;
	border: 1px solid #009900;
	text-indent: 4px;
	font-size: 1em;
	color: #009900;
	background-color: #EBFEE2;
}
.form-bdr {
	border: 1px solid #009900;
	padding: 4px;
	font-size: .85em;
	color: #009900;	
}
.form-bdr hr {	border: 1px solid #009900;}
.form-bdr TD { padding: 0px 4px 2px 4px;}
.form-bdr input { padding: 0px 4px 2px 4px;}
.formtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009900;
	text-decoration: none;
	text-align: center;
	background-color: #DDFDCD;
}
.formtxt a{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	color: #00B900;	text-decoration: none;	text-align: center;}
.formtxt a:hover{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	color: #0390D8;	text-decoration: none;	text-align: center;}



/***************************************************
   LPD Footer:
 ***************************************************/
#footer {
	background: #FFFFFF url(../layout/bg-footer.gif) no-repeat scroll center top;
	font: normal 0.6em Verdana, sans-serif;
	text-decoration: none;
	color: #000000;
	text-align: center;
	height: 53px;
}
#footer a { color: #269528; text-decoration: none;}
#footer a:hover{ color: #0390D8; text-decoration: none;}
.email {
	font: normal 0.75em Verdana, sans-serif;
	text-decoration: none;
	color: #000000;
	text-align: center;
}
.email a { color: #269528; text-decoration: none;}
.email a:hover{ color: #0390D8; text-decoration: none;}

#vw { font-size: 9px;color: #71CCFD;	text-decoration: none;}
#vw a { color: #71CCFD;	text-decoration: none;}
#vw a:hover{ color: #FFFFFF;text-decoration: none;}