/* Prospect Heights Park District CSS Document */

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

/***************************************************
   Critical Site Styles
 ***************************************************/
@import url("../../menu/PHPD-menu.css"); /* Load Main Site Menu */

/* page padding - very important */
* {	margin:0; padding:0;}
html { min-height: 100%; margin-bottom: 0px; }
body {	font: 12px/1.3 Tahoma,Arial,sans-serif;	text-decoration: none;	color: #333333;	margin: 0px;}
#page-container {margin: 0px}
body p { margin: .2em 0 1em;}
a:link, a:visited { color: #0C78C0; text-decoration: none;}

/***************************************************
   Homepage - Look what's New:
 ***************************************************/
#events{	background-attachment: scroll;	background-image: url(../layout/events.gif);	background-repeat: no-repeat;	background-position: center center;}
/***************************************************
   Text & Headers:
 ***************************************************/
#top {	font-size: 0.8em;	font-weight: bold;	color: #FFFFFF;	text-decoration: none;	font-family: Verdana, Arial, Helvetica, sans-serif;}
#top a {color: #FFFFFF; text-decoration: none;}
#top a:visited {color: #FFFFFF; }
#top a:hover {color: #FFFFFF;	text-decoration: underline;}
#date {	z-index: 2; font-size: 0.8em;	font-weight: bold;	color: #467405;	text-decoration: none;	font-family: Verdana, Arial, Helvetica, sans-serif;}

#content-container {	margin: 6px 25px 20px 20px}
#content ol { margin-left: 0px; padding-left: 40px; vertical-align: middle;}
#content ol li { margin: 0px; padding: 0px;} 

.header {	font: bold 1.4em Geneva, Arial, Helvetica, sans-serif; color: #009900;	margin: 0px;}
.subheader { font: bold 1.2em Geneva, Arial, Helvetica, sans-serif;	color: #009900;	margin: 0px;}

.focus { font: .9em Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	color: #0F760F;	margin: 0px; }
a:focus, a:hover, a:active { color: #5CA047; text-decoration: none;}
.smalltxt { font: .8em Arial, Helvetica, sans-serif;	font-weight: bold;	color: #0F760F;	margin: 0px; }
a:smalltxt, a:hover, a:active  { color: #5CA047; text-decoration: none;}

h1 {  font-size: 1.5em; color: #5CA047; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; margin: 0 0 .7em;}
h2 { font-size: 1.4em;	color: #5CA047;	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: #5CA047; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 .7em;}
h4 { font-size: 1.15em; color: #5CA047; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 .7em;}
h5 { font-size: 1em; color: #5CA047; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 .7em;}
h6 { font-size: .9em; color: #5CA047; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 .7em;}

/***************************************************
   Hotlinks Menu:
 ***************************************************/
#hot-container { float: left;	margin: 0px 0px 6px;	width: 178px;	display: block;	height: 360px;	vertical-align: top;}
#bg-hl-top{	background-attachment: scroll;	background-image: url(../layout/hotlinks/bg-hl-top.gif);	background-repeat: no-repeat; background-position: center top; height: 31px; width: 178px;}
#bg-hl-bod{	background-attachment: scroll;	background-image: url(../layout/hotlinks/bg-hl-bod.gif);	background-repeat: repeat-y; background-position: center top; height: auto;	width: 178px;}
#bg-hl-bot{	background-attachment: scroll;	background-image: url(../layout/hotlinks/bg-hl-bot.gif);	background-repeat: no-repeat; background-position: center bottom; height: 26px;	width: 178px;}
#bg-poll-bot{ background-attachment: scroll;	background-image: url(../layout/hotlinks/bg-poll-bot.gif);	background-repeat: no-repeat; background-position: center bottom; height: 25px;	width: 178px;}
#bg-poll-top{ background-attachment: scroll;	background-image: url(../layout/hotlinks/bg-poll-top.gif);	background-repeat: no-repeat; background-position: center top; height: 36px; width: 178px;}

.icon-left { float: left; margin: 4px 6px 3px 0px;}
#hotlinks {	width: 144px;}
#hotlinks ul{ margin-left: 0; padding-left: 0;	list-style-type: none;	font-size: 0.9em;	margin-top: 10px;	font-weight: bold;}
#hotlinks a {display: block; padding: 5px 4px 5px 8px; width: 144px; border-top: 1px solid #5CA047; border-bottom: 1px solid #5CA047;}
#hotlinks a:link, #list a:visited { color: #5CA047; text-decoration: none;}
#hotlinks a:hover {background-color: #5CA047; color: #fff;}

/***************************************************
 Tables Borders etc.
 ***************************************************/
.tableheader{	background-color: #EFFED7;	color: #009900;	margin: 0px;	font-size: .95em;	font-weight: bold;}
.rowheader{	background-color: #E1EFCA;	color: #009900;	margin: 0px;	font-size: .95em;	font-weight: bold;}
.tr-on { background-color: #F1F7E8;	display: block;}
.tableborders-all {	border: 1px solid #91C745;	border-collapse: collapse;}
.tableborders-all TD { border: solid 1px;	padding: 2px 4px 2px 4px;}
tr.on {	background-color: #EFFED7;}
tr.on a{ background-color: #EFFED7;}
td.on { background-color: #EFFED7}
td.on a{ background-color: #EFFED7;}
.table-bg { background-color: #EFFED7}
.table-bg-bdr {	background-color: #EFFED7;	border: 1px dotted #0390D9;}

/***************************************************
  TEMP-- Quick Poll:
 ***************************************************/
#question {	color: #1C720F;	font-size: .9em; font-weight: normal; background-color: #CFE886;	text-decoration: none;	font-family: Verdana, Arial, Helvetica, sans-serif;}
#answers { color: #1C720F;	font-size: .9em; font-weight: normal; text-decoration: none;	font-family: Verdana, Arial, Helvetica, sans-serif;}

/***************************************************
   Notices:
 ***************************************************/
#box134 {	background-color: #5CA047;	padding: 10px;	width: 134px;	margin-top: 10px;	margin-bottom: 10px;	margin-left: 10px;	font-weight: bold;	color: #FFFFFF;	text-decoration: none;	font-size: 1em;	height: auto;}
#notice a { color: #fff;}
#notice a:hover { color: #EEF8DD;}

/***************************************************
   Photo Alignment:
 ***************************************************/
.imgleft-nobdr {	float: left; margin: 4px 10px 3px 0px;}
.imgleft-bdr {	float: left; margin: 6px 14px 3px 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;}
.img-bdr {
	float: none;
	border: 1px solid #000000;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

/***************************************************
   Forms:
 ***************************************************/
.error { color: #FF0000; }
.form-button {	font-size: 1em;	color: #006600;	padding-right: 2px;	padding-left: 2px;	margin: 0px; font-weight: bold;}
.form {	text-decoration: none;	border: 1px solid #91C745;	text-indent: 2px;	font-size: 1em;	color: #006600;	background-color: #EAF4CA;	line-height: 1.3em;}
.form-bdr {	border: 1px solid #91C745;	padding: 4px;	font-size: 0.9em;	color: #006600;}
.form-bdr hr {	border: thin solid #91C745;}
.form-bdr TD { padding: 0px 4px 2px 4px;}
.form-bdr input { padding: 0px 4px 2px 4px;}
.formtxt {	border: 1px solid #91C745; font-family: Verdana, Arial, Helvetica, sans-serif;	padding: 4px; font-size: 10px; color: #006600; text-decoration: none;	text-align: left;	background-color: #EAF4CA;}
.formtxt a{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	color: #0C78C0;	text-decoration: none;	text-align: center;}
.formtxt a:hover{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	color: #5CA047;	text-decoration: none;	text-align: center;}

/***************************************************
 Footer:
 ***************************************************/
#footer a { color: #269528; text-decoration: none;}
#footer a:hover{ color: #0390D8; text-decoration: none;}

/***************************************************
   Print Stylesheet
 ***************************************************/
#printnotice {display: none;}