/* Online Payment Site Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #0D3E69;	font: 75%/1.4em Arial, Helvetica, sans-serif;
		background: #FFF url(images/bg-strip.jpg) repeat-x left top; }
h1, h2, h3, h4 { font-weight: normal; color: #0D3E69; }
h1 { font-size: 180%; margin-bottom: 20px; }
h2 { font-size: 160%; margin-bottom: 20px; }
h3 { font-size: 140%; margin-bottom: 15px; }
h4 { font-size: 120%; margin-bottom: 15px; color: #FA070D; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #0D3E69; text-decoration: underline; }
a:hover { text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; }
li { margin-bottom: 2px; list-style: square; }

#wrapper { width: 1000px; margin: 0 auto; }
	#header { margin-bottom: 8px; }
		#top { height: 27px; background: url(images/surf-bubbles.jpg) no-repeat left top; }
		#logo { height: 108px; background: url(images/header.jpg) no-repeat right top; }
		
	#menu { height: 28px; background: #1281B8; border-bottom: 4px solid #FA070D; margin-bottom: 30px; }
		#menulist { padding-top: 3px; padding-left: 5px; }
		#menulist a { float: left; height: 25px; margin-right: 2px; }
			a.menu-events { width: 87px; background: url(images/events-menu.jpg) no-repeat left top; }
			a.menu-events:hover { width: 87px; background: url(images/events-menu.jpg) no-repeat left center; }
			a.menu-events-on { width: 87px; background: url(images/events-menu.jpg) no-repeat left bottom; }						
			a.menu-membership { width: 111px; background: url(images/membership-menu.jpg) no-repeat left top; }
			a.menu-membership:hover { width: 111px; background: url(images/membership-menu.jpg) no-repeat left center; }
			a.menu-membership-on { width: 111px; background: url(images/membership-menu.jpg) no-repeat left bottom; }
			a.menu-coaching { width: 95px; background: url(images/coaching-menu.jpg) no-repeat left top; }
			a.menu-coaching:hover { width: 95px; background: url(images/coaching-menu.jpg) no-repeat left center; }
			a.menu-coaching-on { width: 95px; background: url(images/coaching-menu.jpg) no-repeat left bottom; }
			a.menu-judging { width: 85px; background: url(images/judging-menu.jpg) no-repeat left top; }
			a.menu-judging:hover { width: 85px; background: url(images/judging-menu.jpg) no-repeat left center; }
			a.menu-judging-on { width: 85px; background: url(images/judging-menu.jpg) no-repeat left bottom; }
			a.menu-mainsite { width: 177px; background: url(images/main-site-menu.jpg) no-repeat left top; margin-left: 380px; }
			a.menu-mainsite:hover { width: 177px; background: url(images/main-site-menu.jpg) no-repeat left center; margin-left: 380px; }
			a.menu-mainsite-on { width: 177px; background: url(images/main-site-menu.jpg) no-repeat left bottom; margin-left: 380px;  }
	
	#content { margin-bottom: 36px; }
		#events { float: left; width: 268px; margin-right: 30px; }
			#events-heading { height: 16px; border-bottom: 4px solid #005984; margin-bottom: 30px; 
				background: url(images/upcoming-events.jpg) no-repeat top left; }
			#course-heading { height: 16px; border-bottom: 4px solid #005984; margin-bottom: 30px; 
				background: url(images/courses-title.jpg) no-repeat top left; }
			#events-list-heading {  }
				#event-date-heading { float: left; width: 66px; height: 10px; border-bottom: 1px dotted #0D3E69;	
					background: url(images/start-date.jpg) no-repeat left top; padding-bottom: 7px; }
				#event-name-heading, #course-name-heading { float: right; width: 177px; height: 10px; padding-bottom: 7px; 
					border-bottom: 1px dotted #0D3E69;	background: url(images/event-name.jpg) no-repeat left top; }
				#course-name-heading { background: url(images/course-name.jpg) no-repeat left top; }				
			#events-list { margin-top: 10px;}
				.event-date p, .event-name p { padding-top: 15px; padding-bottom: 0; font-weight: bold;  }
				.event-date { float: left; width: 66px; color: #4E95CC; }
				.event-date a { color: #4E95CC; text-decoration: none; }
				.event-date a:hover, .event-name a:hover { text-decoration: underline; }				
				.event-name { float: right; width: 177px; }
				.event-name a { text-decoration: none; }
				
		#main-content { float: left; width: 502px; }
			.title-heading { height: 16px; width: 472px; background: url(images/choose-destination.jpg) no-repeat top left; border-bottom: 4px solid #005984; margin-bottom: 30px; margin-right: 30px; }
			#event-content-heading { background: url(images/events-title.jpg) no-repeat top left; }
			#membership-content-heading { background: url(images/membership-title.jpg) no-repeat top left; }
			#coaching-content-heading { background: url(images/coaching-title.jpg) no-repeat top left; }
			#judging-content-heading { background: url(images/judging-title.jpg) no-repeat top left; }
			#payment-content-heading { background: url(images/payment-title.jpg) no-repeat top left; }
			#privacy-content-heading { background: url(images/privacy-title.jpg) no-repeat top left; }
			#security-content-heading { background: url(images/security-title.jpg) no-repeat top left; }
			#contact-content-heading { background: url(images/contact-title.jpg) no-repeat top left; }
			
			#event-text { width: 472px; }
				#event-text p { padding-bottom: 10px; }
				 
			#destination {}
				.destination-item a { float: left; height: 221px; margin-bottom: 30px; }
				a.item-events { width: 251px; background: url(images/surf-events.jpg) no-repeat left top; }
				a.item-events:hover { width: 251px; background: url(images/surf-events.jpg) no-repeat left bottom; }
				a.item-membership { width: 251px; background: url(images/surf-membership.jpg) no-repeat left top; }
				a.item-membership:hover { width: 251px; background: url(images/surf-membership.jpg) no-repeat left bottom; }
				a.item-coaching { width: 251px; background: url(images/surf-coaching.jpg) no-repeat left top; }
				a.item-coaching:hover { width: 251px; background: url(images/surf-coaching.jpg) no-repeat left bottom; }
				a.item-judging { width: 251px; background: url(images/surf-judging.jpg) no-repeat left top; }
				a.item-judging:hover { width: 251px; background: url(images/surf-judging.jpg) no-repeat left bottom; }
		
		#partners { float: left; width: 200px; }
			#partners-heading { height: 16px; background: url(images/partners.jpg) no-repeat top left; border-bottom: 4px solid #005984; margin-bottom: 30px; }
			#partners img { margin-bottom: 3px; } 
		
	#footer { border-top: 4px solid #005984; }
		#footer-links { float: left; width: 156px; margin-right: 20px; }
		#footer-text { float: left; width: 800px }
			#footer-text p { text-align: center; font-size: 11px; padding-top: 7px; padding-bottom: 0; } 
	
		
/************************ MISC ********************/	
.clearFloat { clear: both; line-height: 0; }
.warning { color: #FA070D; font-weight: bold; padding-bottom: 5px; }
.error { color: #FA070D; }
.notice { font-size: 85%; font-style: italic; }
.invisibleHeading, .invisible {	display: none; }
.lightBlueBold { font-weight: bold; color: #4E95CC; }
#pagination { font-size: 95%; text-align: center; }

a.viewDetails, a.enterEvent { float: left; display: block; width: 120px; line-height: 2em; background: #FA070D;
	color: #FFF; font-weight: bold; text-align: center;	text-decoration: none; margin-top: 5px;	margin-right: 10px; } 
a.enterEvent { background: #FA070D; color: #FFF; } 
a.viewDetails:hover { color: #FFF; text-decoration: none; }
a.enterEvent:hover { color: #FFF; text-decoration: none; }

/************************* FORM **********************/
form a { text-decoration: underline; }
form a:hover { text-decoration: none; }
.formHeading { display: block;	background: #3399FF;color: #FFFFFF;	padding: 4px;
	font-weight: bold; text-align: center; margin-bottom: 10px; } 
.rightColumn { padding-left: 20px; }
.hidden { visibility: collapse; }
.buttonDelete {	border: 1px solid #CCC;	background: #CCC; font-size: 11px; color: #000;
	width: 60px; height: 1.6em;	cursor: pointer; }
.buttonProcess { border: 1px solid #FA070D; background: #FA070D;	font-size: 12px; font-weight: bold;
	color: #FFF; width: 180px; height: 2.4em;	cursor: pointer; margin-left: 155px !important;
	margin-left: 65px;	margin-bottom: 10px; }
.backButton { display: block;	background: #3399FF; width: 200px; line-height: 1.8em; color: #FFF;
	border: 1px solid #333; font-weight: bold; text-align: center; cursor: pointer; }
label {	float: left; width: 105px; display: block; text-align: left; padding-bottom: 10px; }
input, select {	float: left; width: 118px; display: block; border: 1px solid #666; color: #000; }
select { font-size: 95%; }
form br { clear: left; }
.longLabel { width: 330px; display: block; float: left; }
.tinyInput { width: 55px; margin-right: 5px; }
.tinyInputLast { width: 55px; margin-right: 0; }
.smallInput { width: 80px; margin-right: 5px; }
.mediumInput{ width: 145px; }
.largeInput{ width: 363px; }
.checkBox {	width: 15px; height: 15px; margin: 0 5px 0 0; background: #01223C;
	border: 1px solid #01223C; border-bottom: 1px solid #CCC; color: #FFF; }
.checkboxLabel { margin-right: 20px; width: 100px; display: block; }
.checkboxMedLabel {	margin-right: 20px;	width: 190px; display: block; }
.checkboxLongLabel { margin-right: 20px; width: 380px; display: block; }
.radioLabel { width: 60px; }
.radioLongLabel { width: 121px; }
.radioExtraLongLabel { width: 200px; }
.radioButton, .radioButtonFirst { width: 15px; margin: 0 5px 0 0; border: none;	background: none; }
.radioButtonFirst {	margin-left: 10px; }
	
.billingInfo { margin-bottom: 20px; }
#formSubmit { text-align: center; }

#hintbox{ /*CSS for pop up hint box */
	position:absolute; top: 0; background-color: #FFF; width: 150px; /*Default width of hint.*/ padding: 3px;
	border:1px solid #CCCCCC; line-height:18px; z-index:100; border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC; visibility: hidden; font-size: 11px; font-style: italic; }

.hintanchor{ /*CSS for link that shows hint onmouseover*/
	font-weight: bold; color: #006699; margin: 3px 8px; }