/********************* QSport main style sheet created by 2Creative *********************/

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.4em;
	color: #333;
	background: #D0E6EB url(images/bg-strip.jpg) repeat-x left top;
}
h1, h2, h3 { font-weight: normal; color: #FFF; }
h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 14px; font-weight: bold; color: #B20838; }
p { padding-bottom: 15px; }
img { border: none; }
a { color: #333; text-decoration: underline; }
a:hover {
	text-decoration: none;
}
ul {
	margin-bottom: 15px;
	list-style: square;
	margin-left: 20px;
}

#wrapper {
	width: 1300px;
	background: url(images/qsport-logo.jpg) no-repeat left top;	
}
	#content {
		padding-top: 203px;
		margin-left: 150px;
	}
	
		#menu {
			float: left;
			width: 150px;			
			margin-top: 39px;
			margin-right: 30px;
			background: url(images/bg-menu.jpg) no-repeat left top;			
		}
			#menuList {
				padding: 17px 20px;	
			}
				#menuList ul {
					margin: 10px 0 0;
					padding: 0;
					list-style: none;
					line-height: 1.6em;
				}
				#menuList li {
					margin: 0;
					padding: 4px 0;	
					border-bottom: 1px dotted #999;
				}
				#menuList a {
					font-size: 12px;
					font-weight: bold;
					color: #155E37;
					text-decoration: none;	
				}
				#menuList a:hover {
					color: #0069AA;
					text-decoration: none;
				}
				#thispage a:link, #thispage a:visited,
				#thispage a:hover, #thispage a:active {	
					color: #0069AA;
				}
			
		#mainContent {
			float: left;
			width: 444px;
			margin-right: 30px;								
		}	
			#mainHeading {
				height: 58px;
				background: url(images/bg-body.jpg) no-repeat left top;	
				padding: 18px 20px 0;
			}
				#mainHeading h3 {
					padding-top: 20px;
				}
				
				#mainText {
					padding: 10px 20px 0;
					background: #D0E6EB;
				}
				
				.boxLink {
				}
					.boxLink h2 {
						padding-left: 65px;
						padding-top: 2px;
					}
					.boxLink a {
						color: #FFF;
						text-decoration: none;
					}
					.boxLink a:hover {
						text-decoration: underline;
					}
				#for-members {
					height: 22px;
					background: url(images/members.jpg) no-repeat left top;
					margin-bottom: 2px;
				}
				#our-sponsors {
					height: 22px;
					background: url(images/sponsors.jpg) no-repeat left top;
					margin-bottom: 2px;
				}
				#sportswatch {
					height: 22px;
					background: url(images/sportswatch.jpg) no-repeat left top;
					margin-bottom: 20px;
				}
				
				#hof-logos { margin-bottom: 10px; }
				
				#footer {
					width: 444px;
					background: #FEEC58;
				}
				#website {
					width: 444px;
					margin-top: 20px;
				}
					#footer p, #website p {	
						padding: 5px 0;
						text-align: center;
					}
					#footer a, #website a {
						text-decoration: none;
					}
					#footer a:hover, #website a:hover {
						text-decoration: underline;
					}	
				
				#footerDeco {
					width: 444px;
					height: 121px;
					margin-top: 20px;
					background: url(images/footer.jpg) no-repeat left top;
				}							
			
		#news {
			float: left;
			width: 196px;
			margin-top: 17px;
			margin-right: 30px;
			background: url(images/bg-news.jpg) no-repeat left top;			
		}	
			#news h3 {	
				font-size: 12px;
				color: #0069AA;
				padding-top: 18px;
				margin-bottom: 5px;
			}
			#news p { 
				font-size: 11px;
				line-height: 1.2em;
				padding-bottom: 0;
			}
					
		#sponsors {
			float: left;
			width: 196px;
			margin-top: 17px;
			background: url(images/bg-news.jpg) no-repeat left top;
		}	
			#sponsors img {
				margin-top: 20px;
				margin-bottom: 10px;
			}
			#sponsors p {
				font-size: 11px;
				line-height: 1.2em;
			}
			
			#js-sponsors {
				margin-top: 20px;
			}
				#js-sponsors img {
					margin-top: 0;
					margin-bottom: 0;
				}
			
			#newsList, #sponsorsList {
				padding: 2px 20px 20px;
			}
				#newsList a, #sponsorsList a {
					color: #0069AA;
				}
			
		#mainWideContent {
			float: left;
			width: 872px;
			margin-right: 30px;								
		}	
			#mainWideHeading {
				height: 58px;
				background: url(images/bg-body-big.jpg) no-repeat left top;	
				padding: 18px 20px 0;
			}
				#mainWideHeading h3 {
					padding-top: 20px;
				}
				
				#mainWideText {
					padding: 10px 25px 15px;
					background: #D0E6EB;
				}
				
				#mainWideImage {
					padding: 25px 25px 0;
					background: #D0E6EB;
				}
					.sponsor-logo, .sponsor-logo-last {
						float: left;
						width: 200px;
						margin-right: 7px;
						margin-bottom: 7px;
					}
					.sponsor-logo-last {
						margin-right: 0;
					}				
			
				.award-listing {
					margin-bottom: 20px;
				}
					.award-winner {
						float: left;
						width: 200px;
						margin-right: 20px;
					}
						.award-winner img {
							margin-bottom: 10px;
						}
					.award-text {
						float: left;
						width: 350px;
						margin-right: 20px;
					}
					.award-sponsor {
						float: left;
						width: 200px;
					}
			
			#temp { margin-bottom: 20px; }
				
				
.invisibleHeading {
	display: none;
}
.clearFloat {
	clear: both;
}
.icons {
	position: relative;
	top: -7px;
	left: 5px;
}
.paraHeading {
	font-weight: bold;
	color: #B20838;
	padding-bottom: 5px;
}
.textRed, .textRedBold {
	color: #B20838;
}
.textGreen, .textGreenBold {
	color: #156E37;
}
.textBlue, .textBlueBold {
	color: #0069AA;
}
.textRedBold, .textGreenBold, .textBlueBold {
	font-weight: bold;
}
.textGreyBold { color: #333; font-weight: bold; }
.notice { font-size: 11px; font-style: italic; }
.warning { font-weight: bold; color:#990000; }
.more { padding-bottom: 5px; }

table { width: 100%; }
td { padding: 2px; vertical-align: top; }
th { background: #CC1900; color: #FFF; }

#formContact br { clear: left; }
#formContact label, #formContact input, #formContact select, #formContact textarea {
	font: small Arial, Helvetica, sans-serif;
	font-size: 95%;
	display: block;
	width: 280px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	font-size: 100%;
	padding: 2px;
}
#formContact input, #formContact select, #formContact textarea {
	border: 1px solid #000;
}
#formContact label {
	text-align: left;
	width: 90px;
	padding-right: 5px;
	border: none;
}
#formContact .sendButton {	
	height: 20px;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	border: none;
	float: left;
	display: block;
	margin-top: 10px;
	background: #B20838;
	width: 100px;
}
#formContact .tinyInput { width: 40px; }
#formContact .smallInput { width: 100px; }
#formContact .rightLabel { margin-left: 20px; }
#formContact .radioLabel { width: 150px; }
#formContact .wideLabel { width: 260px; }
#formContact .radioButton { width: 20px; border: none; }
#formContact input.hidden {	display: none; }
#formContact p { padding-bottom: 5px; }
.processButton { border: 1px solid #B20838; background: #B20838; font-size: 14px; color: #FFF; width: 200px; cursor: pointer; 
	padding: 4px 0; margin-bottom: 20px; }
.booking-label { float: left; width: 200px; font-weight: bold; }
.booking-value { float: left; width: 450px; }