/* CSS Document */


/* Carol Stream Park District CSS Document */


/***************************************************
   Change the Season as (Winter, Spring, Summer, Fall)
   below - capitalize the first letter.
 ***************************************************/
@import url(Spring.css);

/***************************************************
   Critical Site Styles
 ***************************************************/

/* page padding - very important */

* {	margin:0; padding:0;}
html { min-height: 101%; margin-bottom: 0px; }
body {	font: 0.75em Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color: #333333;	margin: 0px; background-attachment: scroll;	background-color: #A6BEE4;	background-image: url(../layout/bg.gif); background-repeat: no-repeat;	background-position: center top;}
#CSPDwatermark {	background-attachment: scroll;	background-image: url(../layout/CSPDwatermark.gif);	background-repeat: no-repeat;	background-position: right bottom;	}
#bg-nav {	background-attachment: scroll;	background-image: url(../layout/bg-nav.gif);	background-repeat: repeat-y;	background-position: center center;}

#bg-content {	background-attachment: scroll;	background-image: url(../layout/bg-body.gif);	background-repeat: repeat-y;	background-position: center center;}
#loading-bg {	background-attachment: scroll;	background-image: url(../photos/homepage-rotating/0.jpg);	background-repeat: no-repeat;	background-position: center center;	width: 352px;	height: 227px;}
#page-container {margin: 0px;}
body p { margin: .2em 0 1em;}
a:link, a:visited { color: #0C78C0; text-decoration: none;}
a:hover {color: #1DA77A; text-decoration: none;}
#date{	color: #404387;	text-decoration: none;	font-size: .95em;	font-family: Tahoma;	font-weight: bold;	padding-bottom: 2px;}
/***************************************************
   CSPD Homepage News
 ***************************************************/
#i-news {	float: right;	height: 281px;	width: 242px;	margin-right: 0px;	margin-bottom: 10px;	margin-left: 18px;	margin-top: 4px;}
#inews-bg {	background-attachment: scroll;	background-image: url(../layout/news-bg.gif);	background-repeat: no-repeat;	background-position: center;}
/***************************************************
   CSPD Headmast:
 ***************************************************/
#index-headmast {	background-attachment: scroll;	background-image: url(../layout/CSPD-loading.png);	background-repeat: no-repeat;	background-position: center bottom;	height: 154px;	width: 760px;}
#swf {z-index: -10000;position: relative; }
#banners {   height: 111px;   width:756px;   position: relative;}
#headmast {	margin: 0px;	padding: 0px;	vertical-align: top;	background-image: url(../layout/CSPD-headmask.png);	background-attachment: scroll;	background-repeat: no-repeat;	background-position: center top;	height: 154px;	width: 760px;	z-index: 2;	position: absolute;}
#headmast, #index-headmast {	BEHAVIOR: url(iepngfix.htc)}
img {	BEHAVIOR: url(iepngfix.htc)}

/***************************************************
  CSPD Left Margin Hotlinks
 ***************************************************/
#left-margin {	background-attachment: scroll;	background-image: url(../layout/hotlink-wave.gif);	background-repeat: no-repeat;	background-position: right top;	width: 150px;}
#hotlinks {	font-size: 0.9em;	font-weight: bold;	color: #243F8B;	text-decoration: none;	font-family: Arial, Helvetica, sans-serif; float: left;	margin-right: 0px;	padding-top: 15px;	padding-left: 10px;	margin-bottom: 10px;}
#hotlinks p {	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: -4px;	margin-left: 0px;}
#hotlinks a { color: #243F8B;}
#hotlinks a:hover { color: #1DA77A;}

/***************************************************
   General Text & Headers:
 ***************************************************/
#content {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1em;	color: #333333;	text-decoration: none;	float: right;}
/* Bullets etc*/
#content UL {
	list-style-image: url(../layout/bullet.gif);
	margin-bottom: 10px;
	margin-top: 10px;
}
#content UL UL LI { list-style-image: url(../layout/sub_bullet.gif);}
#content UL UL UL LI { list-style-image: url(../layout/sub_sub_bullet.gif);}
#content ol {
	padding-left: 40px;
	vertical-align: middle;
	list-style-type: arabic-numbers;
	margin-top: 6px;
	margin-bottom: 6px;
}
#content ol li {	margin: 0px;	padding: 0px;	list-style-type: arabic-numbers;} 
#content li { margin: 0px 0px 0px 25px;	padding: 0px 0px 6px; list-style-position: outside; list-style-image: url(../layout/bullet.gif); list-style-type: square;} 
#content blockquote { margin-left: 0px; padding-left: 40px; vertical-align: middle;}
#content blockquote li{ margin-left: 40px;  vertical-align: middle;}
HR { color:#6FA6E1;	background: #6FA6E1; border: 0;	Height:1px;}

.header {	font: bold 1.4em Geneva, Arial, Helvetica, sans-serif; color: #112183;	margin: 10px 0px 0px;}
.subheader { font: bold 1em Verdana, Arial, Helvetica, sans-serif;	color: #336600;	margin: 0px;}
.smalltxt {	font-size: 0.75em;	font-family: Verdana, sans-serif; text-decoration: none;}
.smalltxt a {  color: #6192D5; text-decoration: none;}
.smalltxt a:hover {  color: #1E762B; text-decoration: none;}

h1 {  font-size: 1.5em; color: #112183; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; margin: 0 0 .7em;}
h2 { font-size: 1.4em;	color: #112183;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	text-decoration: none;	margin: 0 0 .7em;	font-variant: small-caps;}
h3 { font-size: 1.3em; color: #112183; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 .7em;}
h4 { font-size: 1.15em; color: #112183; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 .7em;}
h5 { font-size: 1em; color: #112183; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 .7em;}
h6 { font-size: .9em; color: #112183; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 .7em;}


/***************************************************
 Tables Borders etc.
 ***************************************************/
#tableborders-all {	border: 1px solid #4E73BB;	border-collapse: collapse;	margin-top: 4px;}
#tableborders-all TD { border: solid 1px;	padding: 2px 4px 2px 4px;}
#tableborders-all2 {	border: 1px solid #4E73BB;	border-collapse: collapse;	margin-top: 4px;}
#tableborders-all2 TD { border: solid 1px;	padding: 2px;}
tr.on {	background-color: #E9EFF9;}
tr.on a{ background-color: #E9EFF9;	display: block;}
td.on { background-color: #E9EFF9}
td.on a{ background-color: #E9EFF9;	display: block;}
.table-bg { background-color: #C5DFFC}
.table-bg-bdr {	background-color: #C5DFFC;	border: 1px dotted #4E73BB;	padding: 4px;}

#matrix {	background-color: #DFEBFC;}

/***************************************************
   Photo Alignment:
 ***************************************************/
.imgleft-nobdr {	float: left; margin: 4px 30px 3px 0px;}
.imgleft-bdr {	float: left; margin: 8px 30px 12px 0px; border: 1px solid #000000;}
.imgright-nobdr {  float: right;  margin: 3px 10px 3px 14px;}
.imgright-bdr {  float: right;  margin: 6px 10px 3px 14px;  border: 1px solid #000000;}

/***************************************************
   Forms:
 ***************************************************/
.error { color: #FF0000; }
#form input{	text-decoration: none;	border: 1px solid #6FA6E1;	text-indent: 2px;	font-size: .9em;	color: #112183;	background-color: #EBF3FE;	line-height: 1.3em;	font-family: Verdana, Arial, Helvetica, sans-serif;}
#form textarea{	text-decoration: none;	border: 1px solid #6FA6E1;	text-indent: 2px;	font-size: .9em;	color: #112183;	background-color: #EBF3FE;	line-height: 1.3em;	font-family: Verdana, Arial, Helvetica, sans-serif;}
#form-bdr {	border: 1px solid #6FA6E1;	padding: 4px;	font-size: 0.9em;	color: #112183;}
#form-bdr hr {	color:#6FA6E1;	background: #6FA6E1;	border: 0;	Height:1px;	margin-top: 6px;  margin-bottom: 6px;}
#form-bdr TD { padding: 0px 4px 2px 4px;}
#form-bdr input { padding: 0px 4px 2px 4px;}

/***************************************************
  CSPD Footer:
 ***************************************************/
#footer {	background-attachment: scroll;	background-image: url(../layout/bg-footer.gif);	background-repeat: no-repeat;	height: 77px;	width: 760px;	background-position: center top;	font-size: .8em;	color: #FFFFFF;	text-decoration: none;}
#footer a { color: #FFFFFF; font-weight: bold;}
#footer a:hover { color: #BED6F9;}

/***************************************************
   Print Stylesheet
 ***************************************************/
#printnotice {display: none;}
#div-z {	z-index: 6;    position: relative;}
/***************************************************
 VW 
 ***************************************************/
#vw { font-size: 10px; color: #6192D5; font-family: Verdana, sans-serif; text-decoration: none; text-align: right;  margin:0 auto;}
#vw a {	color: #6192D5; text-decoration: none;}
#vw a:hover {color: #1E762B; text-decoration: none;}