/*  Downers Grove Park District, CSS Document for Print */

/***************************************************
   Site Layout:
 ***************************************************/
/* page padding - very important */
* {	margin:0; padding:0;}
body {float: none !important; font-size: 12pt; font-family: Arial, Helvetica, sans-serif; color: #000000; margin: 0; padding: 0; background-color: #ffffff; background-image: none;}
body p { margin: .2em 0 1em;}
a, a:visited {	color: #326908;	text-decoration: none;}

/***************************************************
   Print Visibles:
 ***************************************************/
#printnotice {	display: block;	visibility: visible;	width: 7in;	font-size: 9pt;	border-bottom: 1px #000000 solid;	font-family: Arial, Helvetica, sans-serif;	color: #000000;	vertical-align: top; margin-bottom: 30px;}
.pagebreak {page-break-before: always}
.smallertxt  {font-size: 9pt;}

.callout-left {	padding:4px;	background-color: #666;	color:#000;	float:left;	text-align:left;	letter-spacing: 0.05em;	margin:10px 20px 12px 2px;
	font-size: 1em;		border: 1px solid #000;}
.callout-right {padding:4px;	background-color: #666;	color:#000;	float:right; text-align:left;	margin:10px 2px 12px 20px;	font-size: 1em;		border: 1px solid #000;}
#boxed{   margin: 10px; padding: 10px; height: auto;	width: auto; border: 1px solid #2F8604; float: right; color: #333; background-color: #DEFECF; text-decoration: none;}
#boxed-right {	margin: 10px; padding: 10px;	height: auto; width: auto; border: 1px solid #2F8604; float: right; color: #333; background-color: #DEFECF;	text-decoration: none;}
#boxed-left {   margin: 10px; padding: 10px; height: auto;	width: auto; border: 1px solid #2F8604; float: left; color: #333; background-color: #DEFECF; text-decoration: none;}
#boxed a {	color: #2F8604;}
#boxed a:hover {	color: #326908;}
#boxed-right a { color: #2F8604;}
#boxed-right a:hover { color: #326908;}
#boxed-left a {	color: #2F8604;}
#boxed-left a:hover { color: #326908;}
#events {	width: 7in; padding-top: 20px; font-size: 0.75em;	color: #fff;	text-decoration: none;	line-height: 1.2em;}
#rotators {	border: 2px solid #000;}
#content, #content2 {	width: 7in;	font-size: 12pt;	}
#content2 a, #content a {color: #326908; text-decoration: none; background: transparent;}
.header {	visibility: visible;	font-size: 14pt;	font-weight: bold;
	color: #6f5900;	text-decoration: none; margin-top: 20px; margin-bottom: 10px;}
.subheader { visibility: visible;	font-size: 12pt;	font-weight: bold;	color: #6e9609; text-decoration: none;	margin-top: 30px;}
.sub-subheader { visibility: visible;	font-size: 11pt;	font-weight: bold;	color: #6e9609; text-decoration: none;	margin-top: 20px;}
h1 { font-size: 1.4em; font-weight: bold; margin: 5px 0px 2px; color: #607d16;}
h2 { font-size: 1.4em;	margin: 5px 0px 2px; color: #6f5900;}
h3 { font-size: 1.3em;	font-weight: bold;	margin: 5px 0px 2px; color: #8d5f07;}
h4 { font-size: 1.25em; font-weight: bold; margin: 5px 0px 2px; color: #d99003;}
h5 { font-size: 1.2em; font-weight: bold; margin: 5px 0px 2px; color: #607d16; }
h6 { font-size: 1em; font-weight: bold; margin: 5px 0px 2px; color: #6f5900;}

#content p,  #content2 p {margin-top: 4px; margin-bottom: 15px;}
#content blockquote {margin-left: 30px; margin-bottom: 8px;}
#content  hr {	 color: #457338; border-left: none;	border-right: none;	border-top: none;	margin-top: 0px; margin-bottom: 16px; height: 0; border-bottom: 1px dashed #457338;}
#content2  hr {	 color: #457338; border-left: none;	border-right: none;	border-top: none;	margin-top: 0px; margin-bottom: 16px; height: 0; border-bottom: 1px dashed #457338;}
#content ul { list-style-position: outside; margin-left: 0px; padding-left: 30px; list-style: square; vertical-align: middle; }
#content li { margin: 0px; padding: 5px 0px;}
#content ol { margin-left: 0px; padding-left: 30px; list-style: decimal outside; vertical-align: middle; }
#content ol li { margin: 0px; padding: 0px;}  
.smalltxt {	font-size: 10pt; text-decoration: none;}
.form-bdr{	 border: 1px solid #009900; border-collapse: collapse;	padding: 4px;	font-size: .85em;	color: #009900;	}
.tableborder {	border: 1px solid #ccc;}
.tableborder td {	text-decoration: none;	padding: 10px 10px 10px 10px;}
.tableborder {	border: 1px solid #ccc;}
.tableborder td {	text-decoration: none;	padding: 10px 10px 10px 10px;}
.tableborders {
	border: 1px solid #ccc;
	border-collapse: collapse;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 10pt;
	width: auto;
}
.tableborders td {	border: 1px solid #ccc;	text-decoration: none;	padding: 3px 4px 3px 4px;}
.tableheader{	color: #333;	background-color: #e3e1e0;		font-weight: bold;	padding: 4px 4px 5px 4px;}
.rowheader{	color: #333;	margin: 0px;	font-weight: bold;	font-size: .95em;}
.table-bg { background-color: #ffffff}
.form {	color: #000000;	text-decoration: none;}
.form-bdr {	border: 1px dotted #000000;}
#form {	padding: 2px 0px 2px 8px; 	font-size: 1em; border: 1px solid #ccc; 	border-collapse: collapse;  }
#form td {	padding: 2px 2px;	border: 1px solid #ccc;}
.fieldset-650{	color: #008000;	width: 6.5in;	padding: 8px;	height: auto;	font-size: 10pt;}
.top {font-size: 9pt; 	font-weight: bold;}

/* Photo Alignment */
.imgleft-nobdr {	float: left; margin: 6px 13px 3px 0px;}
.imgleft-bdr {	float: left; margin: 6px 13px 3px 0px; border: 1px solid #000000;}
.img-bdr {	float: none; border: 1px solid #000000;}
.imgright-nobdr {  float: right;  margin: 6px 0px 3px 13px;}
.imgright-bdr {  float: right;  margin: 6px 0px 3px 13px;  border: 1px solid #000000;}
.event-bdr {	float: none;	border: 1px solid #000000;	margin-top: 10px;}


/***************************************************
   Print Not Visible:
 ***************************************************/
#block {display: none; visibility: hidden;}
#masthead975 {display: none; visibility: hidden;}
#leftmarg {display: none; visibility: hidden;}
#date { display: none; visibility: hidden;}
#right-col { display: none; visibility: hidden; }
#swf, #flashcontent {display: none; visibility: hidden;}
#footer {display: none; visibility: hidden;}
#banners, #ibanners { display: none; visibility: hidden;}
#VWnav { display: none; visibility: hidden;}
#right-sidebar, #logo-box, #left-sidebar { display: none; visibility: hidden;}
#rightcol { display: none; visibility: hidden;}
#topnav{ display: none; visibility: hidden;}
#i-leftcolumn{ display: none;  visibility: hidden;}
#top { display: none;  visibility: hidden;}
#nav-bg{ display: none;  visibility: hidden;}
#vw { display: none;visibility: hidden; }
#vw a { display: none;visibility: hidden; }
#vw a:hover { display: none;visibility: hidden; }