/* Surfing Australia Surf School Directory Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #333;	font: 80%/1.4em Arial, Helvetica, sans-serif;
		background: #FFF url(images/surf-sky-tile.jpg) repeat-x 703px 0;	}	
h1, h2, h3 { font-size: 150%; font-weight: normal; margin-bottom: 20px;	color: #003366;}
h2 { font-size: 140%; margin-bottom: 15px;	}
h3 { font-size: 120%; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #003366; text-decoration: underline; }
a:hover { text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; }
li { margin-bottom: 2px; list-style: square; }

#bg-wrapper { background: url(images/surf-sky-left.jpg) no-repeat 0 0; width: 100%; min-height: 207px; }
	#content-wrapper { width: 1000px; margin: 0 auto; } 
		#header {}
			#flash-logo { float: left; width: 318px; height: 122px; }
			#menu { float: right; width: 470px; }
		#content { padding-top: 100px; padding-bottom: 40px; }				
			#left-content { float: left; width: 268px; padding-right: 24px; border-right: 2px dotted #999; }	
				#flash-map-wrapper { padding-top: 75px; background: url(images/where-to-learn-surfing.jpg) no-repeat left top; }			
				#flash-map {}	
				#search {}	
					.or { height: 22px; background: url(images/search-options.jpg) no-repeat left top; }					
			#main-content { float: left; width: 452px; margin-left: 24px; margin-right: 30px !important; margin-right: 20px; }		
				.school-listing { margin-bottom: 20px; }
					.school-listing-image { float: left; width: 100px; margin-right: 10px; }
					.school-listing-text { float: left; width: 340px; }
						.school-listing-text h3 { font-size: 12px; font-weight: bold; margin-bottom: 5px; line-height: 1em; } 
						.school-listing-text p { padding-bottom: 0; }
						.school-listing-text p.location { font-size: 12px; color: #666; }			
						 
			#right-content { float: left; width: 200px; }
				#right-content img { margin-bottom: 10px; } 	 
				#sa-presents img { margin-bottom: 10px; }
				#video-box { margin-bottom: 20px; }
				
			#sponsors {}
				#sponsors img { margin-right: 150px; }
				
#footer { width: 100%; height: 82px; background: url(images/sand-tile.jpg) repeat-x left top; }
	#footer p { font-size: 12px; color: #666; text-align: center; padding-top: 40px; padding-bottom: 0; }
	#footer a { color: #666; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }	
	
		
/************************ MISC ********************/	
.clearFloat { clear: both; line-height: 0; }
.warning { color: #FF0000; font-weight: bold; padding-bottom: 15px; }
.notice { font-size: 85%; font-style: italic; }
.sort { font-style: italic; padding-bottom: 10px; }
.invisibleHeading {	display: none; }
.textLightBlue, .textLightBlueBold { color: #4DB2E8; }
.textBlue, .textBlueBold { color: #003366; }
.textBlueBold, .textLightBlueBold { font-weight: bold; }
.imageHeading { margin-bottom: 20px; }
.pagination { margin-top: 30px; margin-bottom: 10px; }
.pagination ul { margin: 0; padding: 0; text-align: center; font-size: 12px; }
.pagination li { list-style-type: none; display: inline; padding-bottom: 1px; margin-right: 5px; }
.pagination a, .pagination a:visited { padding: 5px 8px; border: 1px solid #4DB2E8; text-decoration: none; color: #034668; }
.pagination a:hover, .pagination a:active{ border: 1px solid #4DB2E8; color: #034668; background-color: #4DB2E8; }
.pagination a.currentpage { background-color: #4DB2E8; color: #FFF !important; border-color: #4DB2E8; font-weight: bold;
cursor: default; }
.pagination a.disablelink, .pagination a.disablelink:hover { background-color: #FFF; cursor: default; color: #034668; border-color: #916303; font-weight: normal !important; }
.pagination a.prevnext { }

/************************* FORM **********************/
form br { clear: left; }
label {	border: none; width: 150px; }
input, textarea { font: small Arial, Helvetica, sans-serif;
	margin-bottom: 5px;	border: 1px solid #4DB2E8; padding: 2px; width: 160px;	color: #333; }

#formSearch {}
#formSearch input, #formSearch select { display: block; width: 263px; border: 1px solid #4DB2E8; font-size: 12px; 
	color: #034668; padding: 3px; margin-bottom: 10px; margin-top: 10px; }
#formSearch input { float: left; width: 210px; }
#formSearch br { clear: left; }
#formSearch .goButton { cursor: pointer; color: #FFF; font-size: 12px;font-weight: bold; border: none; 
	float: left; display: block; margin-left: 10px; background: #4DB2E8; width: 35px; }

#formContact {}
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block;	width: 250px; float: left; margin-bottom: 10px; border: 1px solid #CCC;	font-size: 100%; padding: 2px; }
#formContact input, #formContact select, #formContact textarea { border: 1px solid #333; }
#formContact label { text-align: left; width: 150px; padding-right: 5px; border: none; }
#formContact br { clear: left; }
#formContact .sendButton { cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left; display: block;
	margin-top: 10px; background: #003366; width: 100px; }
#formContact .tinyInput { width: 20px; }
#formContact .smallInput { width: 180px; }
#formContact .mediumInput { width: 200px; }
#formContact input.hidden { display: none; }
#formContact .wideLabel { width: 280px; }