/***************************************************
	rfparks.com River Forest Park District
	January 2007
	coded by: R.S. / www.eparkdistrict.com
	***************************************************/
/***************************************************
   Change the Season as (Winter, Spring, Summer, Fall)
   below - capitalize the first letter.
 ***************************************************/
@import url(Winter.css);

/***************************************************
 Critical Site Styles:
 ***************************************************/
* {	margin:0; padding:0;}
html { min-height: 100%; margin-bottom: 1px; }
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #4F2E0D;
	background-attachment: scroll;
	background-image: url(../layout/bg-burst.png);
	background-repeat: repeat-x;
	background-position: center top;
	font-size: 1em;
}

#headmast, #pagetop, #pagebody, #footer, #ptr,  body { 	behavior: url(iepngfix.htc)}
img { behavior: url(iepngfix.htc)}
.reset { display: block; 	clear: both; 	font-size: 1px; 	height: 1px; 	line-height: 0.1;	}
#container { width: 760px;	margin: auto;	text-align: center;}
a:link, a:visited { color: #5E69AC; text-decoration: none;}
a:hover {	color: #754312; text-decoration: none;}
#pagetop {	background-attachment: scroll;	background-image: url(../layout/page-top.png);	background-repeat: no-repeat; background-position: center top; height: 59px; width: 760px;	margin: auto; padding-top: 4px;}
/***************************************************
 homepage:
 ***************************************************/
 #news { background-attachment: scroll;	background-image: url(../layout/news-bg.gif);	background-repeat: no-repeat;	background-position: center center;	height: 288px;	width: 195px;}
 #frame { background-attachment: scroll;	background-image: url(../photos/fading-photos/frame-bg.gif); background-repeat: no-repeat;	background-position: center center;}
/***************************************************
   Hotlinks Menu:
 ***************************************************/
.icon-left { float: left; margin: 0px 4px;}
#hotlinks {
	height: auto;
	width: 136px;
	margin-left: 4px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.70em;
	font-weight: bold;
	color: #279A19;
	text-decoration: none;
	float: left;
	margin-top: 0px;
	padding: 0px;
}
#hotlinks a {color: #279A19;	text-decoration: none;}
#hotlinks a:link, #list a:visited { color: #279A19; text-decoration: none;}
#hotlinks a:hover { color: #754312; text-decoration: none;}
#left-contact {
	height: auto;
	margin-left: 7px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.7em;
	color: #279A19;
	text-decoration: none;
	line-height: 1.3em;
	clear: both;
}
#left-contact a:link, #list a:visited { color: #279A19; text-decoration: none;}
#left-contact a:hover { color: #754312; text-decoration: none;}
/***************************************************
 Tables Borders etc.
 ***************************************************/
#tableheader{
	background-color: #F5EBD3;
	color: #734212;
	font-size: 1em;
	font-weight: bold;
}
#rowheader{	background-color: #FAF3E4;	color: #734212;	margin: 0px;	font-size: .9em;	font-weight: bold;}
.tableborders-all {	border: 1px solid #D1CBBD;	font-size: 0.9em;	border-collapse: collapse;	text-decoration: none;}
.tableborders-all TD { border: solid 1px;	font-size: .9em; padding: 2px 4px 2px 4px; text-decoration: none;}
tr.on {	background-color: #D5E9CA;}
tr.on a{ background-color: #D5E9CA;	color: #0F760F;  text-decoration: none;}
td.on { background-color: #D5E9CA}
td.on a{ color: #0F760F;	text-decoration: none;}
td.on a:hover{ color: #0F760F;	 text-decoration: none;}
.table-bg {
	background-color: #F7EEDB;
	padding: 20px;
}
.table-bg-bdr {
	background-color: #F7EEDB;
	border: 1px dotted #663333;
	padding: 8px;
	margin: 8px;
}
.tableborders-all-2 {	border: 1px solid #D1CBBD;	font-size: 1em;	border-collapse: collapse;	text-decoration: none;}
.tableborders-all-2 TD { border: solid 1px;	font-size: 1em; padding: 2px 4px 2px 4px; text-decoration: none;}
#mission-frame {
	background-attachment: scroll;
	background-image: url(../layout/frame.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 164px;
	width: 380px;
}
/***************************************************
   Photo Alignment:
 ***************************************************/
.imgleft-nobdr {	float: left; margin: 4px 10px 3px 0px;}
.imgleft-bdr {	float: left; margin: 8px 14px 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;}


/***************************************************
 content-text:
 ***************************************************/
#i-content { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.75em;	color: #4F2E0D;	text-decoration: none;	margin: 0px 15px 10px 10px;	width: 70%;}
#i-content p{	padding-bottom: 6px;}
#content {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.75em;	color: #4F2E0D;	text-decoration: none;	margin: 0px 15px 20px 10px;}
#content p{	padding-bottom: 10px;}
#content ul{ list-style-type: disc;	margin-top: 4px;	margin-left: 4em;}
#content ul li{	  margin-top: 4px;	padding-bottom: 6px;}
#content ul ul ul li {	list-style-type: disc; margin-top: .25em;}
#i-content ul{	list-style-type: disc;		margin-top: 4px;	margin-left: 4em;}
#i-content ul li{	  margin-top: 4px;	padding-bottom: 6px;}
#i-content ul ul ul li {	list-style-type: disc; margin-top: .25em;}

ol {margin-top: 4px;	margin-left: 4em;}
ol li {	margin-top: 4px;	padding-bottom: 6px;	list-style-type:decimal;}
#content ol[type="A"] li{ margin-top: 4px;	padding-bottom: 6px; list-style-type:upper-alpha;}
#content ol[type="a"] li{ margin-top: 4px;	padding-bottom: 6px; list-style-type:lower-alpha;}
#content ol[type="1"] li{ margin-top: 4px;	padding-bottom: 6px;	list-style-type:decimal;}
#content ol[type="I"] li{ margin-top: 4px;	padding-bottom: 6px;	list-style-type:upper-roman;}
#content ol[type="i"] li{ margin-top: 4px;	padding-bottom: 6px;	list-style-type:lower-roman;}
#content ol[type="A"] ol li{ margin-top: 4px;	padding-bottom: 6px; list-style-type:upper-alpha; }
/*ol { 	font-size: .95em; }
ol li {	margin-left: 1em;	margin-bottom: 6px;	list-style-type:decimal;	padding: 0px;}
#content ol[type="A"] li{ margin-left: 2em; list-style-type:upper-alpha; margin-bottom: 6px;  }
#content ol[type="a"] li{ margin-left: 2em; list-style-type:lower-alpha; margin-bottom: 6px;  }
#content ol[type="1"] li{ margin-left: 2em;	list-style-type:decimal;	margin-bottom: 6px;}
#content ol[type="I"] li{ margin-left: 2em;	list-style-type:upper-roman;	margin-bottom: 6px;}
#content ol[type="i"] li{ margin-left: 2em;	list-style-type:lower-roman;	margin-bottom: 6px;}
#content ol[type="A"] ol li{ margin-left: 2em; list-style-type:upper-alpha; margin-bottom: 6px;  }*/
blockquote { margin: 0 3em 1em; }
dd { margin-left: 2em; }

#cont-bg {	background-color: #FBF7EE;}
HR { color:#8E9EFF;	background: #8E9EFF; border: 0;	Height:1px;}
.header {	color: #279A19;	margin: 10px 0px 10px 14px;	font-size: 1em;	font-weight: bold;	font-family: Geneva, Arial, Helvetica, sans-serif;}
.subheader { font: bold 1em Verdana, Arial, Helvetica, sans-serif;	color: #006633;	margin: 0px;}
.smalltxt {	font-size: 0.75em;	font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.smalltxt a {  color: #6192D5; text-decoration: none;}
.smalltxt a:hover {  color: #1E762B; text-decoration: none;}

h1 {  font-size: 1.4em; color: #112183; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; margin: 0 0 .5em;}
h2 { font-size: 1.4em;	color: #279A19;	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;text-decoration: none;margin: 0 0 .5em;}
h3 { font-size: 1.2em; color: #006633; font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; text-decoration: none;margin: 0 0 .5em;}
h4 { font-size: 1.2em; color: #112183; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;margin: 0 0 .5em;}
h5 { font-size: 1em; color: #279A19; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;margin: 0 0 .5em;}
h6 { font-size: 1em; color: #112183; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin: 0 0 .5em;}

/***************************************************
   Forms:
 ***************************************************/
.error { color: #FF0000; }
.form {	text-decoration: none;	border: 1px solid #D1CBBD;	text-indent: 2px;	font-size: 1em;	color: #4F2E0D;	background-color: #F7EEDB;	line-height: 1.3em;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.form-bdr {	border: 1px solid #D1CBBD;	padding: 4px;	font-size: 0.9em;	color: #4F2E0D;}
.form-bdr hr {	border: thin solid #D1CBBD;}
.form-bdr TD { padding: 0px 4px 2px 4px;}
.form-bdr input { padding: 0px 4px 2px 4px;}
/***************************************************
 Footer:
 ***************************************************/
#footer {	background-attachment: scroll;	background-image: url(../layout/page-footer.png);	background-repeat: no-repeat;	background-position: center bottom;	height: 76px;	width: 761px;	margin: auto; font-family: Tahoma, Arial, sans-serif;
color: #0F760F;	letter-spacing: .01em;	font-size: .7em;}
#footer a { color: #269528; text-decoration: none;}
#footer a:hover{
	text-decoration: none;
	color: #5E69AC;
}
/***************************************************
 VW 
 ***************************************************/
#vw { font-size: 10px; color: #EAEAEA; font-family: Verdana, sans-serif; text-decoration: none; text-align: right;  margin:0 auto;}
#vw a {	color: #EAEAEA; text-decoration: none;}
#vw a:hover {color: #FDFFFD; text-decoration: none;}

/***************************************************
   Print Stylesheet
 ***************************************************/
#printnotice {display: none;}
