/*
	Colours
*/

body {
	font-family: Trebuchet, Arial, sans-serif;
	color : white ;
	background : #000 ;
	margin: 0;
	text-align : center ;
	font-size : 11pt ;
	font-weight : bold ;
}
#bodyBorder {
	width : 979px;
	margin : 10px auto ;
	background : black;
	text-align:center;
}
#bodyFrame {
	text-align : left ;
	margin : auto ;
	border : 2px solid white ;
}

#menu {
	padding-top : 20px ;
}
.menuMarginLeft {
	background : url("/images.static/template/menu/menu-black.gif") top right no-repeat ;
	width : 22px ; 
	height : 30px ;
	font-size : 10pt ;
	display : block ;
	float : left ;
	margin : 0 ;
	padding: 0 ;
	
}
.menuMarginLeftActive {
	background : url("/images.static/template/menu/menu-left.gif") top right no-repeat ;
}
.menuMarginRight {
	background : url("/images.static/template/menu/menu-black.gif") top center no-repeat ;
	width : 23px ; 
	height : 30px ;
	font-size : 10pt ;
	display : block ;
	float : left ;
}
div.menuOption, a.menuOption {
	background : url("/images.static/template/menu/menu-black.gif") top right no-repeat ;
	width : 154px ; 
	height : 30px ;
	margin : 0 ;
	color : white ;
	font-weight : bold ;
	font-size : 10pt ;
	display : block ;
	float : left ;
	text-decoration : none ;
	text-align : center;
}
a.menuOption:hover, a.menuOption:active, a.menuOption:focus {
	background : url("/images.static/template/menu/menu-active.gif") top right no-repeat ;
	width : 160px ; 
	margin-left : -6px ;
}
a.menuOption:hover img, a.menuOption:active img, a.menuOption:focus img{
	margin-left : 6px ;
}
div.menuActive {
	background : url("/images.static/template/menu/menu-active.gif") top right no-repeat ;
}

a.menuActiveLeft{
	background : url("/images.static/template/menu/menu-left.gif") top right no-repeat ;
}
a.menuActiveLeft:hover, a.menuActiveLeft:active, a.menuActiveLeft:focus {
	background : url("/images.static/template/menu/menu-left-active.gif") top right no-repeat ;
}
a.menuActiveRight:hover, a.menuActiveRight:active, a.menuActiveRight:focus {
	background : url("/images.static/template/menu/menu-right-active.gif") top right no-repeat ;
}

.submenuBlank {
	background : black ;
	width : 930px ; 
	height : 30px ;
	display : block ;
	float : left ;
}
.submenuBlankLeft {
	background : url("/images.static/template/menu/subMarginLeft.gif") 11px top no-repeat ;
	width : 17px ; 
	height : 30px ;
	font-size : 10pt ;
	display : block ;
	float : left ;
}
.submenuBlankRight {
	background : url("/images.static/template/menu/subMarginLeft.gif") top left no-repeat ;
	width : 23px ; 
	height : 30px ;
	font-size : 10pt ;
	display : block ;
	float : left ;
	margin-left : -6px ;
}

.submenuMarginLeft {
	background : url("/images.static/template/menu/subMarginLeft.gif") top right no-repeat ;
	width : 17px ; 
	height : 30px ;
	font-size : 10pt ;
	display : block ;
	float : left ;
}
.submenuMarginLeftActive {
	background : url("/images.static/template/menu/subMarginLeftActive.gif") top right no-repeat ;
}
.submenuMarginRight {
	background : url("/images.static/template/menu/subMarginRight.gif") top left no-repeat ;
	width : 23px ; 
	height : 30px ;
	font-size : 10pt ;
	display : block ;
	float : left ;
	margin-left : -5px ;
}
a.submenuOption, div.submenuOption {
	background : url("/images.static/template/menu/submenu.gif") top right no-repeat ;
	width : 154px ; 
	height : 30px ;
	color : white ;
	font-weight : bold ;
	font-size : 10pt ;
	display : block ;
	float : left ;
	text-decoration : none ;
	text-align : center;
}
a.submenuOption:hover, a.submenuOption:active, a.submenuOption:focus {
	background : url("/images.static/template/menu/submenu-active.gif") top right no-repeat ;
	width : 160px ; 
	margin-left : -6px ;
}
a.submenuOption:hover img, a.submenuOption:active img, a.submenuOption:focus img {
	margin-left : 6px ;
}

div.submenuActive {
	background : url("/images.static/template/menu/submenu-active.gif") top right no-repeat ;
}
a.submenuActiveLeft {
	background : url("/images.static/template/menu/submenu-left.gif") top right no-repeat ;
}
a.submenuActiveLeft:hover, a.submenuActiveLeft:active, a.submenuActiveLeft:focus {
	background : url("/images.static/template/menu/submenu-left-active.gif") top right no-repeat ;
}
a.submenuActiveRight:hover, a.submenuActiveRight:active, a.submenuActiveRight:focus {
	background : url("/images.static/template/menu/submenu-right-active.gif") top right no-repeat ;
}

div.submenuFirst {
	background : url("/images.static/template/menu/submenu-first-active.gif") top right no-repeat ;
	width : 160px ; 
	margin-left : -6px ;
}
div.submenuFirst img{
	margin-left : 6px ;
}

a.submenuFirst:hover, a.submenuFirst:active, a.submenuFirst:focus {
	background : url("/images.static/template/menu/submenu-first-active.gif") top right no-repeat ;
}
a.submenuFirst:hover, a.submenuFirst:active, a.submenuFirst:focus {
	background : url("/images.static/template/menu/submenu-first-active.gif") top right no-repeat ;
}

a.submenuActiveFirst {
	background : url("/images.static/template/menu/submenu-first-left.gif") top right no-repeat ;
	width : 160px ; 
	margin-left : -6px ;
}
a.submenuActiveFirst img{
	margin-left : 6px ;
}
a.submenuActiveFirst:hover, a.submenuActiveFirst:active, a.submenuActiveFirst:focus {
	background : url("/images.static/template/menu/submenu-first-left-active.gif") top right no-repeat ;
}
a.submenuActiveFirst:hover img, a.submenuActiveFirst:active img, a.submenuActiveFirst:focus img{
	margin-left : 6px ;
}
span.submenuBlankFull {
	background : black ;
	height : 30px ;
	display : block ;
}

/*
#menu {
	margin-top : 0px ;
	background : black;
	border : 0px solid yellow;
	height : 29px;
}
.menuMarginLeft {
	background : url("/images.static/template/menu/menu-black.gif") top right no-repeat ;
	width : 23px ; 
	height : 30px ;
	font-size : 10pt ;
	display : block ;
	float : left ;
	margin : 0 ;
	padding: 0 ;
}
.menuMarginRight {
	width : 22px ; 
	border-left : 0px solid orange ;
	background : url("/images.static/template/menu/menu-black.gif") top center no-repeat ;
	height : 30px ;
	font-size : 10pt ;
	display : block ;
	float : left ;
}

div.menuOption, a.menuOption {
	background : url("/images.static/template/menu/menu-black.gif") top right no-repeat ;
	width : 155px ; 
	height : 30px ;
	margin : 0 ;
	color : white ;
	font-weight : bold ;
	font-size : 10pt ;
	display : block ;
	float : left ;
	text-decoration : none ;
	text-align : center;
}
a.menuOption:hover, a.menuOption:active, a.menuOption:focus {
	background : url("/images.static/template/menu/menu-active.gif") top right no-repeat ;
}
#submenu {
	background : url("/images.static/template/menu/subMarginLeft.gif") left top repeat-x ;
	border : 0px solid blue;
	height : 30px ;
}
.submenuMarginLeft {
	background : url("/images.static/template/menu/subMarginLeft.gif") top right no-repeat ;
	width : 23px ; 
	height : 30px ;
	display : block ;
	float : left ;
}
.submenuBlankFull {
	background : black ;
	height : 30px ;
	display : block ;
}

a.submenuOption, div.submenuOption {
	background : url("/images.static/template/menu/submenu.gif") top right no-repeat ;
	width : 155px ; 
	height : 30px ;
	color : white ;
	font-weight : bold ;
	font-size : 10pt ;
	display : block ;
	float : left ;
	text-decoration : none ;
	text-align : center;
}
a.submenuOption:hover, a.submenuOption:active, a.submenuOption:focus {
	background : url("/images.static/template/menu/submenu-active.gif") top right no-repeat ;
}
div.submenuActive, div.submenuFirst {
	background : url("/images.static/template/menu/submenu-active.gif") top right no-repeat ;
}

*/

/* CSS Document */
#bodySlope {
	background : #5d8eb9 url("/images.static/template/body-background.gif") top left no-repeat ;
	text-align : left ;
}

#bodyFrame a {
	color : white ;
	text-decoration : none ;
	font-weight : bold ;
}
#bodyFrame a:hover, #bodyFrame a:active, #bodyFrame a:focus{
	color : #91c642 ;
	text-decoration: underline;
}
#bodyContent {
	margin:0 40px 0 0; 
	position:relative;
}
#bodyFrame a {
	color : #FEF200 ;
	text-decoration : none ;
}
#bodyFrame a:hover, #bodyFrame a:active, #bodyFrame a:focus{
	color : white;
	text-decoration: underline;
}

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 ;
list-style-position : inside;
}
li{
list-style-position : inside;
	margin : 0 0 0 1em;
	padding : 0 0 5px 0 ;
}

#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;
}

.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 ;
}

.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 ;
}
textarea.formTextBoxSmall {
	font-size : 11pt;
	width:220px ;
	height:80px;
}

#indexpage {
	height:606px; 
	background:url("/images.static/index/heroes-for-halo.jpg") top left no-repeat;
	position:relative;
}

a.donatebutton {
	text-align:center; 
	background : #FEF200; 
	display:block;
	color:red !important; 
	text-decoration : none ;
}

a.donatebutton:hover {
	background:red; 
	color : #FEF200 !important; 
	text-decoration : none ;
}

a.sponsormessage {
	display : block ;
	text-decoration : none ;
	color : white ;
	margin-bottom : 10px ;
	padding : 5px 0 ;
	border : 2px solid white ;
}