/* Tinley Park 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("../layout/menu/TPPD-menu.css"); /* Load Main Site Menu */

/* 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-color: #FFFFFF;	background-attachment: scroll;	background-repeat: no-repeat;	background-position: center top; background-image: url(../layout/bg.gif);}
#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;}

/***************************************************
   TPPD Headmast link text
 ***************************************************/
#headmast {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	font-weight: bold;	color: #FFFFFF;	text-decoration: none;} 
#headmast a{ color: #FFFFFF;	text-decoration: none;	font-weight: bold;}
#headmast a:hover {color: #F7DC18; text-decoration: none; font-weight: bold;}

/***************************************************
   TPPD Homepage Scroller Styling:
 ***************************************************/
#scroller-title { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.2em; font-weight: bold; color: #06238A; text-decoration: none;	border-right: 1px solid #E1E1E1; background-color: #F6F6F6; border-top: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1;	width: 238px; text-align: left; text-indent: 10px; float: right; padding-bottom: 6px;}
#scroller {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.85em;	color: #06238A;	text-decoration: none; margin: 0px; padding: 6px 10px 10px 10px; height: 180px;	width: 218px; letter-spacing: normal;	word-spacing: normal; background-color: #F6F6F6; border-right: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1;	float: right; overflow:auto;}
#scroller a{ color: #1B1FB1; text-decoration: none;	font-weight: bold;}
#scroller a:hover{ color: #239233; text-decoration: none; font-weight: bold;}
.scrollersubheader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #06238A; text-decoration: none;}
#scroller HR { color:#8E9EFF;	background: #8E9EFF; border: 0;	Height:1px;	margin-bottom: 5px;	margin-top: 4px;}

/***************************************************
   TPPD HomepageHotlinks
 ***************************************************/
#ihotlinks {	color: #596CB1;	font-size: 1em;	font-weight: bold;	background-attachment: scroll;	background-image: url(../layout/bg-hotlinks.gif);	background-repeat: no-repeat;	background-position: center top;	padding-left: 20px;}
#ihotlinks p {	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: -4px;	margin-left: 0px;}
#ihotlinks a { color: #596CB1;}
#ihotlinks a:hover { color: #239233;}
/***************************************************
   TPPD Homepage Welcome Message
 ***************************************************/
#i-txt {	background-attachment: scroll;	background-image: url(../layout/bg-i-txt.gif);	background-repeat: no-repeat;	background-position: center top;}
#i-txt p{	margin-right: 4px;	margin-left: 4px;}

/***************************************************
   General Text & Headers:
 ***************************************************/
#content {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1em;	color: #333333;	text-decoration: none;	margin: 10px 20px 20px 15px;}
#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;}
#content ol { margin-left: 0px; padding-left: 40px; vertical-align: middle;}
#content ol li { margin: 0px; padding: 0px;} 
HR { color:#8E9EFF;	background: #8E9EFF; border: 0;	Height:1px;}
.header {	font: bold 1.4em Geneva, Arial, Helvetica, sans-serif; color: #112183;	margin: 10px 0px 0px 14px;}
.subheader { font: bold 1em Verdana, Arial, Helvetica, sans-serif;	color: #2E63AB;	margin: 0px;}

.lefttxt-sm { font-size: 0.75em; color: #6192D5; font-family: Verdana, sans-serif; text-decoration: none; text-align: right;  margin:0 auto;}
.lefttxt-sm a{	color: #6192D5; text-decoration: none;}
.lefttxt-sm a:hover{color: #1E762B; text-decoration: none;}

.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;}

/* TPPD InteriorHotlinks */
#hotlinks {	color: #596CB1;	font-size: 0.85em;	font-weight: bold;	padding-left: 15px;	font-family: Verdana, Arial, Helvetica, sans-serif;	float: left;	letter-spacing: .01em;}
#hotlinks a { color: #596CB1;}
#hotlinks a:hover { color: #239233;}

/***************************************************
 Tables Borders etc.
 ***************************************************/
.tableheader{	background-color: #C5DFFC;	color: #112183;	margin: 0px;	font-size: 1em;	font-weight: bold;}
.rowheader{	background-color: #C5DFFC;	color: #112183;	margin: 0px;	font-size: 1em;	font-weight: bold;}
.tableborders-all {	border: 1px solid #4E73BB;	border-collapse: collapse;}
.tableborders-all TD { border: solid 1px;	padding: 2px 4px 2px 4px;}
tr.on {	background-color: #EAF3FE;}
tr.on a{ background-color: #EAF3FE;	display: block;}
td.on { background-color: #EAF3FE}
td.on a{ background-color: #EAF3FE;	display: block;}
.table-bg { background-color: #C5DFFC}
.table-bg-bdr {	background-color: #C5DFFC;	border: 1px dotted #4E73BB;	padding: 4px;}

/***************************************************
   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;}

/***************************************************
   Forms:
 ***************************************************/
.error { color: #FF0000; }
.form {	text-decoration: none;	border: 1px solid #6FA6E1;	text-indent: 2px;	font-size: .9em;	color: #112183;	background-color: #C7E2FE;	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 {	border: thin solid #6FA6E1;}
.form-bdr TD { padding: 0px 4px 2px 4px;}
.form-bdr input { padding: 0px 4px 2px 4px;}

/***************************************************
  TPPD Footer:
 ***************************************************/
#footer {	background: url(../layout/bg-footer.jpg) no-repeat scroll center bottom;	font: normal .75em Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color: #06238A;	height: 67px;}
#footer a { color: #06238A; text-decoration: none;}
#footer a:hover{ color: #1E762B; text-decoration: none;}

/***************************************************
 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;}

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