/********************************************************************
	Structure - CSS document. Author: Mars Nel	- Quirk E-Marketing	-
*********************************************************************/

/* Code to make web page 100% height  in browser window	*/ 
html, body{height:100%;} 

html>body #siteWrapper { height: auto; } 

/* Code to reset elements margin and padding to zero  */ 
* {	margin: 0; padding: 0; }

a img {	border: none; }

body { background: #FFF top left repeat-x url(/images/site-bg.jpg); }
	
.input { width: 200px; }
div#siteWrapper { 
	position: relative; margin: 0 auto; width: 100%; background: transparent; 
	/* Footer Clearing Code */
	margin-bottom: -388px !important; height: 100%; min-height: 100%;
	}
		
	div#header-outer { height: 89px; width: 100%; position: relative; height: 89px; background: transparent center top no-repeat url(/images/header_bg.jpg); }
	
	div#header-inner { position: relative; width: 960px; height: 89px; display: block; margin: 0 auto; }
	
	div#navWrapper { clear: both; width: 960px; margin: 0 auto; display: block; }
	div#navWrapper ul li {padding:  0 0 0 5px;}
	div#navWrapper ul li ul li {padding:  0 0 0 0;}
	
	div#introWrapper, div#intro-outer { position: relative; position: relative; clear: both; width: 100%; height: 348px; }
	div#introWrapper { background: transparent center top repeat-x url(/images/intro-bg.jpg); }
	div#intro-outer { background: transparent center top no-repeat url(/images/intro_bg.jpg); }    
	div#intro-inner { width: 984px; margin: 0 auto; padding-left: 35px; }	
	div#contentWrapper { position: relative; width: 960px; clear: both; display: block; margin: 28px auto; overflow: auto; }
		
	div#footer-outer { width: 100%;	height: 382px; display: block; position: relative; background: transparent top left repeat-x url(/images/footer_bg.jpg); padding-top: 6px; }
	
	div#footer-inner { width: 960px; height: 345px; padding-top: 37px; display: block; margin: 0 auto; }
		
	#clearBottom {/*needed to make room for footer*/ clear: both; height: 388px; }
	
	.cleared { clear: both; overflow: hidden; line-height: 1px; height: 0; }

* > html #clearBottom {float:left; width: 100%;}/* ie mac styles */

/* Calendar */

table#calendar { width:92%; padding-top:10px; }

table#calendar tr#calendarHeader th { background-color:#fff; font-weight:bold; padding:2px; }

table#calendar td{ padding:2px; text-align:center; }

div#calendarMonthSelect { width:92%; }

div#calendarMonthSelect p#prev { float:left; width:40%; margin-left:10px; }

div#calendarMonthSelect p#next { float:right; width:40%; text-align:right; margin-right:10px; }

div#calendarTypeSelect { line-height: 1.7em }