html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: left; 
	font: small/1.5 verdana, "trebuchet ms", tahoma, calibri, arial, sans-serif; 
	color: #3d4435; 
	background: #fff url(images/navback.gif) repeat-y 50% 0; 
	border-top: 2px solid #4f5548; 
	} 




/* << main structural elements >> */ 


#header  { 
	float: left; 
	width: 100%; 
	height: 100px; 
	background: #89ac5c url(images/header1.gif) repeat-x 0 0; 
	} 

.inner  { 
	position: relative; 
	width: 910px; 
	margin: 0 auto; 
	} 

#container  { 
	float: left; 
	width: 100%; 
	padding: 0 0 20px 0; 
	} 

#main  { 
	float: right; 
	width: 690px; 
	} 

#nav  { 
	float: left; 
	width: 200px; 
	padding: 80px 0 0 0; 
	background: url(images/cricketers_grey.gif) no-repeat 50% 10px; 
	} 

#siteinfo  { 
	float: left; 
	width: 100%; 
	padding: 10px 0 40px 0; 
	font: 90%/120% constantia, georgia, serif; 
	border-top: 2px solid #8fba57; 
	} 

#intro  { 
	float: left; 
	width: 410px; 
	} 

#secondary  { 
	float: right; 
	width: 260px; 
	padding: 0 0 20px 0; 
	} 

#location  { 
	float: left; 
	width: 690px; 
	margin: 20px 0 0 0; 
	padding: 0 0 20px 0; 
	background: #e6e8e3 url(images/bottomcorners.gif) no-repeat 0 100%; 
	} 

#history  { 
	float: right; 
	width: 260px; 
	margin: 20px 0; 
	} 





/* << links >> */ 


a:link  { 
	color: #b43222; /* dark red */ 
	text-decoration: none; 
	} 

a:visited  { 
	color: #986d61; 
	text-decoration: none; 
	} 

a:hover { 
	color: #325fb0; /* blue */ 
	text-decoration: underline; 
	} 

a:focus  { 
	color: #c4bfba; 
	outline: none; 
	} 

a:active  { 
	color: #1706f7; 
	} 

#nav a  { 
	float: left; 
	width: 158px; 
	display: block; 
	margin: 0; 
	padding: 6px 15px 6px 25px; 
	font-variant: small-caps; 
	font-size: 110%; 
	color: #fff; 
	text-decoration: none; 
	} 

#nav a:hover  { 
	color: #000; 
	background: url(images/black_dot.gif) no-repeat 10px 50%; 
	} 

#nav a:active  { 
	color: #260f59; 
	} 

body#index li#navindex a, 
body#coaching ul li#navcoaching a, 
body#coursedetails ul li#navcoursedetails a, 
body#experience ul li#navexperience a, 
body#equipment ul li#navequipment a, 
body#newsletter ul li#navnewsletter a, 
body#contact #nav ul li#navcontact a  { 
	color: #000; 
	background: url(images/red_dot.gif) no-repeat 10px 50%; 
	} 

body#index li#navindex a:hover, 
body#coaching ul li#navcoaching a:hover, 
body#coursedetails ul li#navcoursedetails a:hover, 
body#experience ul li#navexperience a:hover, 
body#equipment ul li#navequipment a:hover, 
body#newsletter ul li#navnewsletter a:hover, 
body#contact #nav ul li#navcontact a:hover  { 
	color: #000; 
	background: url(images/red_dot.gif) no-repeat 10px 50%; 
	cursor: default; 
	} 

h1 a, 
h1 a:hover  { 
	float: left; 
	width: 910px; 
	height: 100px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	text-decoration: none; 
	background: none; 
	} 

li#validhtml a  { 
	float: left; 
	width: 88px; 
	height: 31px; 
	text-indent: -5000px; 
	background: url(images/valid_html.gif) no-repeat 0 0; 
	} 

li#validhtml a:hover  { 
	background: url(images/valid_html.gif) no-repeat 0 -31px; 
	} 

li#validcss a  { 
	float: left; 
	width: 88px; 
	height: 31px; 
	text-indent: -5000px; 
	background: url(images/valid_css.gif) no-repeat 0 0; 
	} 

li#validcss a:hover  { 
	background: url(images/valid_css.gif) no-repeat 0 -31px; 
	} 

a#logo99  { 
	padding-left: 20px; 
	background: url(images/99logo_wm.png) no-repeat 0 50%; 
	} 





/* << headers >> */ 


h1  { 
	float: left; 
	width: 910px; 
	height: 100px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/h1kss.png) no-repeat 0 0; 
	} 

h2  { 
	margin: 0 0 10px 0; 
	padding: 20px 0 5px 0; 
	font-size: 200%; 
	line-height: 150%; 
	font-weight: normal; 
	color: #bd8e2a; 
	border-bottom: 1px solid #e6e8e3; 
	} 

h3  { 
	margin: 0; 
	padding: 20px 0 0 0; 
	font-size: 170%; 
	line-height: 150%; 
	font-weight: normal; 
	color: #bd8e2a; 
	} 

#location h3  { 
	width: 650px; 
	margin: 0; 
	padding: 15px 20px 5px 20px; 
	background: #e6e8e3 url(images/topcorners.gif) no-repeat 0 0; 
	border: none; 
	} 

#specialities h3  { 
	padding: 15px 0 0 0; 
	border: none; 
	} 

body#equipment h3  { 
	float: left; 
	width: 100%; 
	margin: 20px 0 0 0; 
	} 

h4  { 
	margin: 0; 
	padding: 20px 0 0 0; 
	font-size: 130%; 
	line-height: 130%; 
	font-weight: normal; 
	color: #bd8e2a; 
	} 





/* << paragraphs >> */ 


p  { 
	margin: 0; 
	padding: 0.8em 0 0 0; 
	} 

#siteinfo p  { 
	float: left; 
	width: 500px; 
	padding: 0.8em 0 0 220px; 
	} 

#secondary p  { 
	padding: 0.8em 0 0 10px; 
	font-style: italic; 
	} 

#location p  { 
	padding: 0.8em 20px 0 20px; 
	} 





/* << lists >> */ 


ul  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	list-style-type: disc; 
	} 

li  { 
	margin: 0; 
	padding: 0.3em 0 0 0; 
	} 

#nav ul  { 
	float: left; 
	width: 198px; 
	margin: 0 0 0 1px; 
	padding: 10px 0; 
	list-style-type: none; 
	background: #758264; 
	} 

#nav ul li  { 
	float: left; 
	margin: 0; 
	padding: 0; 
	} 

#siteinfo ul#validity  { 
	position: relative; 
	float: left; 
	width: 200px; 
	padding: 0; 
	list-style-type: none; 
	} 

#siteinfo ul#validity li#validhtml  { 
	position: absolute; 
	top: 10px; 
	left: 56px; 
	width: 88px; 
	height: 31px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/valid_html.gif) no-repeat 0 0; 
	} 

#siteinfo ul#validity li#validcss  { 
	position: absolute; 
	top: 50px; 
	left: 56px; 
	width: 88px; 
	height: 31px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/valid_css.gif) no-repeat 0 0; 
	} 

#location ul  { 
	padding: 0 20px; 
	} 

#location ul li  { 
	margin: 0 0 0 20px; 
	} 

dl  { 
	float: left; 
	width: 160px; 
	margin: 0; 
	padding: 0 0 0 40px; 
	} 

dt  { 
	margin: 15px 0 5px 0; 
	padding: 0; 
	font-size: 120%; 
	color: #bd8e2a; 
	} 

dd  { 
	margin: 0; 
	padding: 5px 0 0 10px; 
	} 

body#contact dl  { 
	float: right; 
	width: 240px; 
	padding: 5px 0; 
	} 

body#contact dt  {
	font-size: 140%; 
	} 

body#contact dd  { 
	padding: 0 0 5px 10px; 
	} 





/* << contact forms >> */ 



#contactform form  { 
	float: left; 
	width: 400px; 
	margin: 0; 
	padding: 10px 20px; 
	} 

fieldset  { 
	border: 1px solid #fff; 
	} 

legend  { 
	visibility: hidden; 
	} 

#contactform form div  { 
	margin: 1em 0 0 0; 
	} 

#contactform label  { 
	float: left; 
	width: 8em; 
	padding: 0 0.5em 0 0; 
	text-align: right; 
	} 

#contactform label.zemTextarea  { 
	width: 100%; 
	padding: 0; 
	text-align: left; 
	} 

#contactform input  { 
	width: 240px; 
	padding: 2px 5px; 
	border: 1px solid #e6e8e3; /* grey */
	border: 1px solid #8fba57; /* green */
	} 

#contactform input.zemSubmit  { 
	width: auto; 
	margin: 0 0 0 0.5em; 
	padding: 0.5em; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	} 

#contactform input.zemSubmit:hover  { 
	color: #1706f7; /* blue */ 
	cursor: pointer; 
	} 

#contactform textarea  { 
	width: 350px; 
	height: 100px; 
	margin-top: 5px; 
	padding: 5px; 
	border: 1px solid #e6e8e3; /* grey */
	border: 1px solid #8fba57; /* green */
	} 

#contactform input:focus, 
#contactform textarea:focus  { 
	border: 1px solid #bd8e2a; 
	} 

#contactform ul.zemError {
	margin: 0 0 20px 0; 
	padding: 10px 20px; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	border: 1px solid #b43222; 
	list-style-type: none; 
	} 




/* << minor, decorative elements >> */ 



img  { 
	float: right; 
	margin: 20px 0 0 15px; 
	padding: 4px; 
	background: #e6e8e3; 
	border: 1px solid #8fba57; 
	} 

body#coaching img  { 
	float: left; 
	margin: 10px 0 0 10px; 
	} 

body#experience img  { 
	margin: 10px 0 10px 20px; 
	padding: 0; 
	border: none; 
	} 

#name  { 
	font-style: italic; 
	font-weight: bold; 
	font-size: 120%; 
	} 

strong  { 
	font-weight: bold; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #3d4435; 
	cursor: help; 
	} 

h2 abbr, 
h3 abbr, 
h4 abbr  { 
	border-bottom: 1px dotted #bd8e2a; 
	} 



/* << instructions page >> */ 



body#instructions  { 
	background: #fff; 
} 

.piccontainer  { 
	float: left; 
	width: 100%; 
	padding: 10px 0; 
	} 

body#instructions img  { 
	float: left; 
	margin: 0; 
	} 

ol  { 
	margin: 0 0 0 20px; 
	} 

p.eg  { 
	padding: 0 0 0 20px; 
	}