/*
Theme Name: BLTC
Theme URI: http://www.badshotleatennisclub.org.uk/
Description: A theme by <a href="http://www.webfrog.co.uk">Web Frog</a>.
Version: 1.0
Author: Daniel Wilson
Author URI: http://www.webfrog.co.uk/
*/

body { 							background: #242A2D; font-family: Arial, Helvetica; font-size: 12px; text-align: center; }

@font-face { 					font-family: Archer; src: url('../images/Archer-Semibold-Pro.otf'); }

@font-face { 					font-family: Archer-Book; src: url('../images/Archer-Book-Pro.otf'); }

/******************** HEADER START ********************/

#header {						background: url(../images/grass.jpg) repeat-x center top; height: 135px; margin: -8px -8px; text-align: center; }

#head_container { 				margin: 0px auto; text-align: center; width: 960px; }

#logo { 						display: inline; float: left; height: 60px; margin-top: 40px; overflow: hidden; width: 200px; }

#lta { 							display: inline; float: right; height: 68px; margin-right: 0px; overflow: hidden; width: 51px;  }

/******************** HEADER END ********************/

/******************** NAV START ********************/

ul.nav {						font-family: 'Archer', Arial, Helvetica; display: inline; float: right; font-size: 15px; list-style: none; margin: 93px -50px 0px 0px; padding: 0; }

ul.nav li {						color: #242A2D; float: right; margin-left: 3px; text-align: center; }

ul.nav li a {					background: #F2F2F2; display: block; height: 24px; padding-top: 10px; }

ul.nav li.nav a {				background: #F2F2F2; color: #242A2D; text-decoration: none; width: 120px; }

ul.nav li.nav a:hover {			background: #242A2D; color: #FFFFFF; text-decoration: none; width: 120px; }

ul.nav li.nav a:selected {		background: #F2F2F2; color: #242A2D; text-decoration: none; width: 120px; }

/******************** NAV END ********************/

/******************** ROTATOR START ********************/

#rotater {						height: 250px;  position: relative; width: 960px; }

.slide { 						height: 250px; position: absolute; width: 960px; }

.slide p { 						padding: 5px; }

/******************** ROTATOR END ********************/

/******************** CONTENT START ********************/

#content {						background: url(../images/bg.jpg) repeat-y center top #F2F2F2; border-top: solid 1px #E6E6E6; margin: 0px -8px; overflow: auto; text-align: center; }

#banner {						background: #FFFFFF; border: solid 1px #DCDDDE; height: 250px; margin: 15px auto; text-align: center; width: 960px; }

#container {					background: #FFFFFF; border: solid 1px #DCDDDE; margin: 15px auto; overflow: auto; padding: 20px 0px; text-align: center; width: 960px; }

#content_left	{				display: inline; float: left; margin: 0 0 0 25px; padding: 0; text-align: justify; width: 435px; }

#content_center	{				display: inline; float: left; margin: 0 0 0 25px; padding: 0; text-align: justify; width: 910px; }

#content_right	{				display: inline; float: right; margin: 0 25px 0 0; padding: 0; text-align: justify; width: 435px; }

h1 { 							color: #242A2D; font-family: 'Archer', Arial, Helvetica; font-size: 24px; margin: 0; padding: 0; padding-bottom: 20px; text-align: left; width: 435px; }

h2 { 							color: #CCCCCC; font-family: 'Archer', Arial, Helvetica; font-size: 24px; margin: 0; padding: 0; padding-bottom: 20px; text-align: right; width: 435px; }

h3 { 							color: #333333; font-family: 'Archer', Arial, Helvetica; font-size: 18px; margin-bottom: -8px; padding: 0; text-align: left; }

h4 {							border-top: solid 1px #DCDDDE; color: #333333; font-family: 'Archer', Arial, Helvetica; font-size: 15px; margin-bottom: -8px; padding: 10px 0 0 0; text-align: left; }

h5 {							border-top: solid 1px #DCDDDE; color: #00AEEF; font-family: 'Archer', Arial, Helvetica; font-size: 15px; margin-bottom: -8px; margin-top: 20px; padding: 10px 0 0 0; text-align: left; }

p.content {						color: #666666; line-height: 20px; }

p.content a:link {				color: #242A2D; text-decoration: none; }

p.content a:visited {			color: #242A2D; text-decoration: none; }

p.content a:hover {				color: #00AEEF; text-decoration: none; }

p.contact {						color: #666666; line-height: 20px; }

p.contact a:link {				color: #666666; text-decoration: underline; }

p.contact a:visited {			color: #666666; text-decoration: underline; }

p.contact a:hover {				color: #00AEEF; text-decoration: underline; }

.black {						color: #242A2D; }

.blue {							color: #00AEEF; }

.italic {						font-style: italic; }

p.link {						background: #FFFFFF; float: left; height: 120px; margin-right: 28px; padding: 0; width: 206px; }

/******************** CONTENT END ********************/

/******************** CONTACT FORM START ********************/

form { 							color: #666666; margin: 12px 0; padding: 0; width: 435px;  }

fieldset { 						border: none; margin: 0; padding: 0; }

form div { 						padding: 5px 0 30px 0; }

label {							display: inline; float: left; padding: 5px 0 0 0; } 

input, textarea { 				background: #FFFFFF; border: 1px solid #DCDDDE; color: #666666; display: inline; float: right; margin-bottom: 10px; padding: 3px; width: 350px; } 

textarea { 						border: 1px solid #DCDDDE; display: inline; float: right; font-family: Arial, Helvetica; font-size: 12px; overflow: auto; padding: 3px; width: 350px; }

.button input { 				background: #00AEEF; border: none; color: #FFFFFF; cursor: pointer; float: right; font-size: 1.2em; margin-left: 100px; padding:3px 8px;  width: auto; }

p { 							color: #666666; padding: 0; }

.hoverfocus { 					border: 1px solid #666666; }

#error, #response { 			color: #666666; margin: -28px 0 -35px -35px; padding: 3em; width: 435px; }

#response ul { 					float: left; margin: 5px 0 0 0; padding: 5px 0 0 0; }

#error li, #response li { 		background:url(../images/bullet.gif) no-repeat 0 4px; border-bottom: 1px solid #DCDDDE; list-style: none; margin: 0 0 5px 0; padding: 3px 0 8px 20px; }

#working { 						background: url(../images/loading.gif) no-repeat left center; padding: 3em; }

/******************** CONTACT FORM END ********************/

/******************** FOOTER START ********************/

#footer_bg {					background: url(../images/bg_bottom.jpg) no-repeat center top #F2F2F2; height: 75px; margin: 0px -8px; text-align: center; }

#footer { 						color: #FFFFFF; height: 100px; margin: 15px auto; text-align: center; width: 960px; }

ul.footer {						float: left; font-family: 'Archer-Book', Arial, Helvetica; font-size: 13px; list-style: none; margin: 13px 0px 0px 0px; padding: 0px; }

li.footer {						float: left; padding-right: 30px; }

li.footer a:link {				color: #FFFFFF; text-decoration: none; }

li.footer a:visited {			color: #FFFFFF; text-decoration: none; }

li.footer a:hover {				color: #00AEEF; text-decoration: none; }

p.footer {						color: #FFFFFF; float: right; font-family: 'Archer-Book', Arial, Helvetica; font-size: 13px; text-align: right;  }

p.footer a:link {				color: #8CC63F; text-decoration: none; }

p.footer a:visited {			color: #8CC63F; text-decoration: none; }

p.footer a:hover {				color: #00AEEF; text-decoration: none; }

/******************** FOOTER END ********************/

html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }