/*
	Colours
	Dark green (buttons)	#006738
	some green			#91c642	
	some green			#b6ff4e
*/

/* CSS Document */
body {
	font-family: Arial, sans-serif;
	background-color: rgb(102,102,102);
	margin: 0;
	text-align : center ;
	font-size : 11pt ;
}

h1 {
	font-family : Trebuchet MS, Arial, sans-serif;
	font-size : 30px ;
}
h2 {
	font-family : Trebuchet MS, Arial, sans-serif;
	font-size : 24px ;
	margin-bottom : 5px ;
}
h3 {
	font-family : Trebuchet MS, Arial, sans-serif;
	font-size : 16px ;
	margin-bottom : 5px ;
	border:0px solid green;
}

p{
	margin : 0 0 15px 0 ;
	padding : 0 ;
	text-align : justify ;
	border:0px solid pink;
}

ul{
	margin : 0;
	padding : 0 0 10px 0 ;
}
li{
	margin : 0 0 0 1em;
	padding : 0 0 5px 0 ;
}
#section1 div.hr {
	background : #006738 ;
	font-size : 1px ;
	height : 2px ;
	width : 100% ;
	margin-top : 20px ;
}

#top_message {
	width : 80% ;
	margin : auto ;
	font-size : 10pt ;
	background : white ;
}
.top_message_header {
	font-weight : bold ;
	text-align : left ;
	padding : 2px 10px ;
	line-height : 1.5em ;
}
.top_message_body {
	position : relative ;
	padding : 10px 10px 2px 10px ;
	text-align : left ;
}
.top_message_body ul {
	padding : 5px 10px 2px 10px ;
}
.top_message_body p {
	margin : 2px 0 ;
}
a.top_message_button {
/*
	position : absolute ;
	bottom : 0 ;
	right : 0 ;
*/
	border : 2px solid red ;
	color : red ;
	text-decoration : none ;
	padding : 2px ;
}
a.top_message_button:hover {
	color : white ;
	background : red ;
}

.top_message_info_header {
	color : white ;
	background : #006738 ;
}
.top_message_info_body {
	border : 1px solid #006738 ;
}
.top_message_error_header {
	color : white ;
	background : red ;
}
.top_message_error_body {
	border : 1px solid red ;
}

#headerFrame {
	width : 959px;
	padding-top : 2px ;
	background : white ;
	text-align : center ;
	margin : auto ;
}
#header {
	background : url("/images.static/template/footballheader.jpg") no-repeat ;
	width : 955px;
	height : 190px;
	margin : auto ;
	text-align : left ;
}
#headerTel {
	background : url("/images.static/template/phonenumber.gif") no-repeat ;
	width : 280px;
	float:right; 
	margin-right:20px;
	text-align : center ;
	color : white ;
	font-size : 16pt;
	font-weight : bold;
	font-family: verdana;
}
#headerTel a {
	display : block ;
	text-decoration : none ;
	color : white ;
	line-height : 35px ;
	margin-bottom : 10px ;
}
#headerTel a:hover {
	color : #91c642;
}
#menu {
	color : white ;
	background : #000 ;
	width : 955px;
	margin : auto ;
	text-align : center ;
	padding-top : 20px ;
}
a.menuOption {
	border : 0px solid red ;
	background : url("/images.static/template/menubg_black.jpg") top center no-repeat ;
	width : 94px ; 
	height : 50px ;
	margin : 0 2px ;
	color : white ;
	font-weight : bold ;
	font-size : 10pt ;
	display : inline-block ;
	text-decoration : none ;
	padding-top : 8px ;
}
a.menuOption:hover, a.menuOption:active, a.menuOption:focus, a.activeMenuOption {
	background : url("/images.static/template/menubg_green.jpg") top center no-repeat ;
	color : white ;
	text-decoration : none ;
}

#section1 {
	color : white ;
	background : #000 ;
	width : 955px;
	margin : auto ;
	text-align : left ;
}
#section1 a {
	color : white ;
	text-decoration : none ;
	font-weight : bold ;
}
#section1 a:hover, #section1 a:active, #section1 a:focus{
	color : #91c642 ;
	text-decoration: underline;
}

#section1Body {
	border : 1px solid black;
	margin-left : 20px ;
	margin-right : 20px ;
}
#section1Footer {
	clear : both ;
	font-size:5px;
	margin:auto ;
	width : 959px;
	height : 17px ;
	background : url("/images.static/template/section1_footer.gif") top center no-repeat ;
	border : 0px solid red ;
}
#section2 {
	width : 925px;
	background : white ;
	margin : auto ;
}
#section2Body {
	padding : 20px ;
	text-align : left ;
}

#section2Body a {
	color : #006739 ;
	text-decoration : underline ;
}
#section2Body a:hover, #section2Body a:active, #section2Body a:focus {
	color : #000 ;
	text-decoration : none ;		
}

 
#footerMain {
	background : url("/images.static/template/footerwhiteongrey.jpg") top center no-repeat ;
	width : 959px;
	color : white ;
	line-height : 50px ;
	margin : auto ;
	text-align : right ;
	font-size : 10pt ;
}
#footerMain a {
	padding-left : 10px ;
	text-decoration: none ;
	color: white;
}
#footerMain a:hover{
	color: #b6ff4e;
	text-decoration: underline;
}
#copyright {
	float : left ;
}

#footerMenu {
	clear : both ;
	margin-top : 10px ;
}
a.footerMenu {
	padding : 10px ;
	color : white ;
	text-decoration: none;
	font-size : 8pt ;
}
a.footerMenu:hover, a.footerMenu:active, a.footerMenu:focus{
	text-decoration: underline;
}

#credits a {
	display : block ;
	clear : both ;
	text-align : center ;
	margin : 20px ;
	font-size : 8pt ;
	text-decoration: none;
	color: #fff;
}
#credits a:hover{
	color: #b6ff4e;
	text-decoration: none;
}
#memberLogin {
	position : relative ;
	z-index : 5 ;
	float : right ;
	margin-right : 20px ;
	margin-top : -60px ;
	padding-top : 55px ;
	color : white ;
	text-align : center ;
	text-decoration : none ;
	font-weight : bold ;
	font-size : 90% ;
	background : url("/images.static/template/memberslogin.jpg") top center no-repeat ;
}
#memberLogin img {
	border : 0 ;
}
a#memberLogin:hover {
	color : #91c642 ;
	background : url("/images.static/template/memberslogin-active.jpg") top center no-repeat ;
}

.testimonialText {
	font-family : Trebuchet MS, Arial, sans-serif;
	margin : 15px 0 3px 0 ;
}
.testimonialAuthor {
	font-weight : bold ;
}

a.faqQuestion {
	display : block ;
	color : white ;
	text-decoration : none ;
	font-weight : bold ;
	margin : 0 0 5px 40px ;
}
a.faqQuestion:hover, a.faqQuestion:active, a.faqQuestion:focus{
	color : #91c642 ;
	text-decoration: underline;
}
a.faqTop {
	float : right ;
	margin : 0 20px 5px 0 ;
}

div.faqAnswerHead {
	font-weight : bold ;
	margin : 0 0 5px 0 ;
}
div.faqAnswerText {
	margin : 0 50px 20px 0 ;
}

.coachRow {
	margin-bottom : 20px ;
}
.coachRow p{
	margin-bottom : 3px;
}

.coachPhoto {
	float : right ;
	margin-right : 100px ;
	width : 100px ;
}
.coachName {
	font-size : 14pt;
	font-weight : bold ;
	margin-right : 250px ;
	padding-bottom : 10px ;
}
.coachQuals {
	margin-right : 250px ;
	font-style : italic ;
}
.coachBackground {
	margin-right : 250px ;
}

.contactLeftColumn {
	float : left ; 
	width : 40% ;
	padding-left : 40px ;
}
.contactAddress p {
	margin-bottom : 2px ;
}

.contactRegistration {
	font-size : 90% ;
	margin-top : 20px ;
}

form.contactForm {
	margin : 0 ;
	padding : 0 ;
}
table.contactForm td {
	color : white ;
	padding-right : 10px ;
}
#section1 table {
	color : white ;
}

.indexMainImage {
	padding : 0 ;
	float:right; 
	width:400px;
	background : url("/images.static/index/elite-soccer-academy.jpg") top center no-repeat ;
} 

div.errorText {
	color : red ;
	font-weight : bold ;
	font-size : 85% ;
}
div.errorText ul {
	padding : 5px 10px 2px 10px ;
}
div.formRow {
	clear : both ;
	padding-bottom : 2px ;
}
div.formRowSpacer {
	margin:0 ;
	padding:0;
	height : 10px ;
	font-size : 1px ;
	border : 0px solid red ;
}

div.formLabel {
	float : left ;
	font-size : 11pt;
	width : 150px ;
	border : 0px solid red ;
	margin : 0 ;
}
div.formLabelTitle {
	padding-bottom : 5px ;
}
div.formLabelIndent {
	margin-left : 10px ;
	width : 130px ;
}
div.formField {
	font-size : 11pt;
	margin-left : 150px ;
}
div.formLabel_100 div.formLabel {
	width : 80px ;
}
div.formLabel_100 div.formField {
	margin-left : 100px ;
}
input.formText {
	font-size : 11pt;
	width:220px ;
}
#section1 input.errorText, #section1 textarea.errorText {
	background : red ;
	color : white ;
}
#section2 input.errorText, #section2 textarea.errorText {
	border : 2px solid red ;
}
textarea.formTextBoxSmall {
	font-size : 11pt;
	width:220px ;
	height:80px;
}

#section1 input.submitButton, #section1 input.submitButtonWide {
	border : 0px solid red ;
	background : url("/images.static/template/menubg_green.jpg") top center no-repeat ;
	width : 94px ; 
	color : white ;
	font-weight : bold ;
	font-size : 10pt ;
	text-decoration : none ;
	padding : 5px 0 25px 0 ;
	cursor : pointer ;
}
#section1 input.submitButton {
	background : url("/images.static/template/menubg_green.jpg") top center no-repeat ;
	width : 94px ; 
}
#section1 input.submitButton:hover {
	background : url("/images.static/template/menubg_black.jpg") top center no-repeat ;
}
#section1 input.submitButtonWide {
	background : url("/images.static/template/menubg_green_wide.jpg") top center no-repeat ;
	width : 150px ; 
	margin : 0 5px ;
	border : 0px solid red;	
}
#section1 input.submitButtonWide:hover {
	background : url("/images.static/template/menubg_black_wide.jpg") top center no-repeat ;
}

#section1 a.submitButtonWide {
	background : url("/images.static/template/menubg_green_wide.jpg") top center no-repeat ;
	color : white ;
	font-weight : bold ;
	font-size : 10pt ;
	text-decoration : none ;
	padding : 5px 20px 25px 20px ;
}

#section1 a.submitButtonWide:hover, #section1 a.submitButtonWide:active {
	background : url("/images.static/template/menubg_black_wide.jpg") top center no-repeat ;
	font-size : 10pt ;
	text-decoration : none ;	
	color : white ;
}

a.booknow {
	float:left;
	margin-top:10px; 
	margin-left:20px;
	border:0;
	width : 180px;
	height : 116px;
	background : url("/images.static/template/bookatrialplain.gif") top left no-repeat ;
	color : white ;
	text-decoration : none ;
	text-align : center ;
	padding-top : 8px ;
	font-size : 16pt;
	font-weight : bold;
	font-family: verdana;
}
a.booknow:hover {
	color : #91c642;
}
a.booknowFunWeek {
	color : white ;
	background : url('/images.static/template/bookhalfterm.gif') top left no-repeat ;
	background : url("/images.static/template/bookatrialplain.low.gif") top left no-repeat ;
}
a.booknowFunWeek:hover {
	color : #91c642;
}

#quotes {
	text-align:center;
	background : url("/images.static/index/quote-bg.gif") top center no-repeat ;
	color : white ;
	text-decoration : none ;
	text-align : center ;
	margin-top : 20px;
	padding-top : 10px ;
	padding-bottom: 25px ;
}

#bookingSessions {
	margin : 0 0 20px 50px ;
	border-collapse : collapse ;	
	border : 1px solid white;	
}
#bookingSessions td{
	border-bottom: 1px solid black;	
}
#bookingSessions th, #bookingSessions td label, #bookingSessions td input{
	padding : 5px 25px 5px 5px ;
	text-align : left ;
}

