html { 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	width: 100%; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	background: #fff; 
	color: #303130; 
	font: small/1.6 arial, sans-serif; 
	text-align: left; 
	width: 100%; 
	} 



/* main structural elements
   ------------------------ */ 

#container  { 
	background: #f9f9f9;
	border-bottom: 2px solid #a1b518; /* logo green */
	float: left; 
	padding: 0 0 30px 0; 
	width: 100%; 
	} 

.inner  { 
	position: relative; 
	margin: 0 auto; 
	width: 930px; 
	} 

#main  { 
	background: #fff; 
	border-left: 3px solid #575876; 
	border-right: 3px solid #575876; 
	border-top: none;
	border-bottom: 3px solid #575876; 
	-khtml-border-bottom-left-radius: 15px; 
	-khtml-border-bottom-right-radius: 15px; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-webkit-border-bottom-left-radius: 15px; 
	-webkit-border-bottom-right-radius: 15px; 
	border-bottom-left-radius: 15px; 
	border-bottom-right-radius: 15px; 
	float: right; 
	padding-bottom: 10px; 
	width: 724px; 
	} 

#mainpadding  { 
	background: #fff;
	color: #000141;
	float: right; 
	padding: 200px 40px 20px 40px; 
	width: 644px; 
	} 

#nav  { 
	-khtml-border-top-left-radius: 10px; 
	-khtml-border-bottom-left-radius: 10px; 
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	border-top-left-radius: 10px; 
	border-bottom-left-radius: 10px; 
	float: left; 
	font-size: 95%;
	position: fixed; /* I know, but it's what the customer wanted */
	width: 200px; 
	} 

#siteinfo  { 
	background: #fefff9; /* very pale green */
	float: left; 
	line-height: 150%; 
	padding: 20px 0; 
	width: 100%; 
	} 



/* links
   ----- */ 

a:link  { 
	color: #9f5224; /* brown */
	text-decoration: underline; 
	} 

a:visited  { 
	color: #b15531; /* reddish brown */
	text-decoration: none; 
	} 

a:hover { 
	color: #f00; /* bright red */
	text-decoration: underline; 
	} 

a:focus, 
a:active  { 
	background: #fff; 
	color: #000; 
	} 

h1 a  { 
	float: left; 
	height: 170px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	width: 200px; 
	} 

h1 a:focus  { 
	background: none; 
	border: 1px dotted #303130; 
	} 

a#logo99  { 
	background: url(images/99logo20x16.png) no-repeat 0 50%;
	padding-left: 25px; 
	} 



/* headings
   -------- */ 

h1  { 
	background: #fff url(images/banner07.png) no-repeat 0 20px; 
	border-top: 1px solid #575876; 
	border-bottom: 1px solid #575876; 
	float: right; 
	height: 180px; 
	margin: 0; 
	padding: 0; 
	position: fixed; 
	text-indent: -5000px; 
	width: 724px; 
	} 

h2  { 
	color: #90a40c; /* slightly darker than logo green */
	font: bold 200%/150% arial, sans-serif; 
	letter-spacing: 0.02em; 
	margin: 0 0 0.4em 0; 
	padding: 0; 
	}

h3  { 
	color: #90a40c; /* slightly darker than logo green */
	font: bold 140%/130% arial, sans-serif; 
	letter-spacing: 0.02em; 
	margin: 1em 0 0.4em 0; 
	padding: 0; 
	} 

h4  { 
	color: #90a40c; /* slightly darker than logo green */
	font: bold 110%/130% arial, sans-serif; 
	margin: 0.8em 0 0.4em 0; 
	padding: 0; 
	} 

h5  { 
	color: #90a40c; /* slightly darker than logo green */
	font: bold 100%/130% arial, sans-serif; 
	margin: 0.6em 0 0.2em 0; 
	padding: 0; 
	} 



/* paragraphs and lists
   -------------------- */ 

p  { 
	margin: 0 0 0.7em 0; 
	padding: 0; 
	} 

p#seemore  { 
	border: 1px solid #575876; /* dark blue */ 
	-khtml-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	float: left; 
	margin: 1.5em 0 0.3em 0; 
	padding: 0.3em 1em; 
	width: auto; 
	} 

ul  { 
	list-style-type: disc; 
	margin: 0 0 0.7em 0; 
	padding: 0 0 0 20px; 
	} 

ol { 
	list-style-type: decimal; 
	margin: 0 0 0.7em 0; 
	padding: 0 0 0 20px; 
	} 

li  { 
	margin: 0; 
	padding: 0 0 0.2em 0; 
	} 

#siteinfo dl  { 
	background: #e9eaef; /* nav top border colour */
	border: 1px solid #d0d0dc; 
	-khtml-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	float: right; 
	margin: 0; 
	padding: 10px 5px; 
	width: 708px; 
	} 

#siteinfo dt  { 
	color: #90a40c; /* slightly darker than logo green */
	float: left; 
	height: 25px; 
	letter-spacing: 0.05em; 
	line-height: 25px; 
	text-align: right; 
	width: 80px; 
	} 

#siteinfo dd  { 
	float: right; 
	height: 25px; 
	line-height: 25px; 
	width: 600px; 
	} 

/* original full-width siteinfo, casualty of fixed nav menu with blank landing pages 

#siteinfo dl  { 
	float: left; 
	width: 908px; 
	margin: 0; 
	padding: 10px; 
	background: #e9eaef; 
	border: 1px solid #d0d0dc; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	border-radius: 10px; 
	} 

#siteinfo dt  { 
	float: left; 
	width: 170px; 
	height: 25px; 
	line-height: 25px; 
	color: #90a40c; 
	text-align: right; 
	letter-spacing: 0.05em; 
	} 

#siteinfo dd  { 
	float: right; 
	width: 720px; 
	height: 25px; 
	line-height: 25px; 
	} 

*/



/* navigation
   ---------- */ 

#nav ul  { 
	float: left; 
	list-style-type: none; 
	margin: 0;
	padding: 0; 
	width: 200px; 
	} 

#nav ul li  { 
	float: left; 
	padding: 0; 
	width: 200px; 
	} 

#nav a  { 
	background: #dfdfe5;
	border-top: 1px solid #e9eaef;
	border-bottom: 1px solid #d0d0dc; 
	color: #55568f; /* text blue plus a bit */
	display: block; 
	float: right; 
	padding: 0.3em 0 0.3em 30px; 
	text-decoration: none; 
	width: 170px; 
	} 

#nav a:hover  { 
	background: #d0d0dc url(images/navarrows.png) no-repeat -200px 50%; /* border-top background colour */
	color: #0b0e79; /* dark blue */
	} 

#nav a:focus  { 
	background: #0b0e79; 
	color: #fff; 
	outline: 1px solid #fff; 
	} 

#nav a:active  { 
	background: #0b0e79; 
	color: #fff; 
	outline: none; 
	} 

li#navpremierfixtures a, 
li#navdivk1fixtures a, 
li#navdivk2fixtures a, 
li#navdivonefixtures a, 
li#navdivtwofixtures a, 
li#navdivthreefixtures a, 
li#navpremierresults a, 
li#navdivk1results a, 
li#navdivk2results a, 
li#navdivoneresults a, 
li#navdivtworesults a, 
li#navdivthreeresults a, 
li#navclosedcompetition a, 
li#navshieldcompetition a, 
li#navofficers a, 
li#navconstitution a,
li#navleaguerules a, 
li#navdivrules a, 
li#navclosedrules a, 
li#navetta a, 
li#navcopthorne a, 
li#navcopthorneteam a,
li#navcrawleycomm a, 
li#navcrawleycommteam a,
li#navcrawleysports a, 
li#navcrawleysportsteam a,
li#navforesters a, 
li#navforestersteam a,
li#navholbrook a, 
li#navholbrookteam a,
li#navholytrinity a, 
li#navholytrinityteam a,
li#navhorsham a, 
li#navhorshamteam a,
li#navtrinity a, 
li#navtrinityteam a,
#nav li.navarchive a  { 
	width: 160px; 
	padding: 0.2em 0 0.2em 40px; 
		} 

body#index ul li#navindex a, 
body#about li#navabout a, 
body#fixtures ul li#navfixtures a, 
body#results ul li#navresults a, 
body#premierfixtures li#navpremierfixtures a, 
body#divk1fixtures li#navdivk1fixtures a, 
body#divk2fixtures li#navdivk2fixtures a, 
body#divonefixtures li#navdivonefixtures a, 
body#divtwofixtures li#navdivtwofixtures a, 
body#divthreefixtures li#navdivthreefixtures a, 
body#premierresults li#navpremierresults a, 
body#divk1results li#navdivk1results a, 
body#divk2results li#navdivk2results a, 
body#divoneresults li#navdivoneresults a, 
body#divtworesults li#navdivtworesults a, 
body#divthreeresults li#navdivthreeresults a, 
body#closedcompetition li#navclosedcompetition a, 
body#shieldcompetition li#navshieldcompetition a, 
body#averages li#navaverages a, 
body#rules ul li#navrules a, 
body#clubs ul li#navclubs a, 
body#officers ul li#navofficers a, 
body#constitution ul li#navconstitution a,
body#leaguerules ul li#navleaguerules a, 
body#divrules ul li#navdivrules a, 
body#closedrules ul li#navclosedrules a, 
body#etta ul li#navetta a, 
body#gallery ul li#navgallery a, 
body#contact ul li#navcontact a, 
body#minutes ul li#navminutes a, 
body#newsletters ul li#navnewsletters a, 
body#calendar ul li#navcalendar a, 
body#development ul li#navdevelopment a, 
body#archive ul li#active a, 
body#honours ul li#navhonours a, 
body#copthorne li#navcopthorne a, 
body#copthorneteam li#navcopthorneteam a,
body#crawleycomm li#navcrawleycomm a, 
body#crawleycommteam li#navcrawleycommteam a,
body#crawleysports li#navcrawleysports a, 
body#crawleysportsteam li#navcrawleysportsteam a,
body#foresters li#navforesters a, 
body#forestersteam li#navforestersteam a,
body#holbrook li#navholbrook a, 
body#holbrookteam li#navholbrookteam a,
body#holytrinity li#navholytrinity a, 
body#holytrinityteam li#navholytrinityteam a,
body#horsham li#navhorsham a, 
body#horshamteam li#navhorshamteam a,
body#trinity li#navtrinity a, 
body#trinityteam li#navtrinityteam a  { 
	background: #575876 url(images/navarrows.png) no-repeat 0 50%; /* #main border blue */ 
	border-top: 1px solid #575876;
	border-bottom: 1px solid #575876; 
	color: #fff; 
	margin: 0; 
	} 

body#index ul li#navindex a:hover, 
body#about li#navabout a:hover, 
body#fixtures ul li#navfixtures a:hover, 
body#results ul li#navresults a:hover, 
body#premierfixtures li#navpremierfixtures a:hover, 
body#divk1fixtures li#navkdiv1fixtures a:hover, 
body#divk2fixtures li#navdivk2fixtures a:hover, 
body#divonefixtures li#navdivonefixtures a:hover, 
body#divtwofixtures li#navdivtwofixtures a:hover, 
body#divthreefixtures li#navdivthreefixtures a:hover, 
body#premierresults li#navpremierresults a:hover, 
body#divk1results li#navdivk1results a:hover, 
body#divk2results li#navdivk2results a:hover, 
body#divoneresults li#navdivoneresults a:hover, 
body#divtworesults li#navdivtworesults a:hover, 
body#divthreeresults li#navdivthreeresults a:hover, 
body#closedcompetition li#navclosedcompetition a:hover, 
body#shieldcompetition li#navshieldcompetition a:hover, 
body#averages li#navaverages a:hover, 
body#rules ul li#navrules a:hover, 
body#clubs ul li#navclubs a:hover, 
body#officers ul li#navofficers a:hover, 
body#constitution ul li#navconstitution a:hover,
body#leaguerules ul li#navleaguerules a:hover, 
body#divrules ul li#navdivrules a:hover, 
body#closedrules ul li#navclosedrules a:hover, 
body#etta ul li#navetta a:hover, 
body#gallery ul li#navgallery a:hover, 
body#contact ul li#navcontact a:hover, 
body#minutes ul li#navminutes a:hover, 
body#newsletters ul li#navnewsletters a:hover, 
body#calendar ul li#navcalendar a:hover, 
body#development ul li#navdevelopment a:hover, 
body#archive ul li#active a:hover, 
body#honours ul li#navhonours a:hover, 
body#copthorne li#navcopthorne a:hover, 
body#copthorneteam li#navcopthorneteam a:hover,
body#crawleycomm li#navcrawleycomm a:hover, 
body#crawleycommteam li#navcrawleycommteam a:hover,
body#crawleysports li#navcrawleysports a:hover, 
body#crawleysportsteam li#navcrawleysportsteam a:hover,
body#foresters li#navforesters a:hover, 
body#forestersteam li#navforestersteam a:hover,
body#holbrook li#navholbrook a:hover, 
body#holbrookteam li#navholbrookteam a:hover,
body#holytrinity li#navholytrinity a:hover, 
body#holytrinityteam li#navholytrinityteam a:hover,
body#horsham li#navhorsham a:hover, 
body#horshamteam li#navhorshamteam a:hover,
body#trinity li#navtrinity a:hover, 
body#trinityteam li#navtrinityteam a:hover  { 
	background: #575876 url(images/navarrows.png) no-repeat 0 50%; /* #main border blue */ 
	border-top: 1px solid #575876;
	border-bottom: 1px solid #575876; 
	color: #fff; 
	cursor: default; 
	} 

ul li#navindex a,
body#index ul li#navindex a, 
body#index ul li#navindex a:hover {
	border-top: none; 
	}  

ul li#navrules a,
body#rules ul li#navetta a,
body#rules ul li#navetta a:hover, 
body#officers ul li#navetta a, 
body#officers ul li#navetta a:hover, 
body#constitution ul li#navetta a,
body#constitution ul li#navetta a:hover,
body#leaguerules ul li#navetta a, 
body#leaguerules ul li#navetta a:hover, 
body#divrules ul li#navetta a, 
body#divrules ul li#navetta a:hover, 
body#closedrules ul li#navetta a, 
body#closedrules ul li#navetta a:hover, 
body#etta ul li#navetta a, 
body#etta ul li#navetta a:hover { 
	border-bottom: none;
	-khtml-border-bottom-left-radius: 10px; 
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	border-bottom-left-radius: 10px; 
	} 

body#rules ul li#navrules a,
body#rules ul li#navrules a:hover, 
body#officers ul li#navrules a, 
body#officers ul li#navrules a:hover, 
body#constitution ul li#navrules a,
body#constitution ul li#navrules a:hover,
body#leaguerules ul li#navrules a, 
body#leaguerules ul li#navrules a:hover, 
body#divrules ul li#navrules a, 
body#divrules ul li#navrules a:hover, 
body#closedrules ul li#navrules a, 
body#closedrules ul li#navrules a:hover, 
body#etta ul li#navrules a, 
body#etta ul li#navrules a:hover { 
	border-bottom: 1px solid #d0d0dc; 
	-khtml-border-bottom-left-radius: 0; 
	-moz-border-radius-bottomleft: 0; 
	-webkit-border-bottom-left-radius: 0; 
	border-bottom-left-radius: 0; 
	} 



/* contact form
   ------------ */ 

form  { 
	margin: 0 0 -60px 0; 
	padding: 0; 
	width: auto; 
	} 

fieldset  { 
	border: none; 
	margin: 0; 
	padding: 0; 
	} 

legend  { 
	display: none; 
	} 

input, 
textarea  { 
	background: #f9f9f9; 
	border: 1px solid #dfe3de; 
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	margin: 5px 0 10px 20px; 
	padding: 5px; 
	width: 350px; 
	} 

input:focus, 
textarea:focus  { 
	background: #fff; 
	} 

form input[type="submit"]  { 
	background: #575876; 
	border: 1px solid #575876; 
	color: #fff; 
	margin: 0 0 0 10px; 
	padding: 3px 8px; 
	width: auto; 
	} 

form input[type="submit"]:hover  { 
	background: #fff; 
	color: #303130; 
	}

label  { 
	float: left; 
	margin: 5px 0; 
	width: 100%; 
	} 

form  ul.zemError { 
	background: #fff; 
	border: 2px solid #b43222; 
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	color: #b43222; /* dark red */ 
	float: left; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0 0 20px 0; 
	padding: 10px 20px; 
	width: auto; 
	} 
	
form ul.zemError li  { 
	padding: 0; 
	} 



/* gallery stuff
   ------------- */ 

ul#images  { 
	float: left; 
	padding: 20px 0; /* padding rather than margin works in IE6 */ 
	width: 644px; 
	} 

ul#images li  { 
	display: inline; 
	float: left; 
	margin: 0 0 15px 25px; 
	} 

ul#images li img  { 
	background: #f7f7f9; 
	border: none; 
	display: inline; 
	float: left; 
	margin: 0; 
	padding: 4px; 
	} 

ul#images a  { 
	border: 1px solid #c9c9d7; /* light grey */ 
	display: block; 
	height: 158px; /* img height plus T & B padding */ 
	width: 158px; /* img width plus L & R padding */ 
	} 

ul#images a:hover  { 
	border: 1px solid #cf7a44; /* brown */ 
	display: block; 
	} 
/* replaced by slimbox 2:
  <txp:smd_slimbox_inc jsdir="/slimbox/js" cssdir="/slimbox/css" />
*/

/* minor, decorative elements
   -------------------------- */ 

div.fullwidth  { 
	float: left; 
	width: 100%;
	} 

img  { 
	border: 1px solid #dfe3de; 
	-khtml-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	float: left; 
	margin: 10px 0; 
	padding: 3px; 
	} 

cite  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	border-bottom: 1px dotted #303130; 
	cursor: help; 
	speak: spell-out; 
	} 

em, strong  { 
	font-weight: bold; 
	} 



/* tables
----------- */ 

table  { 
	background: #fff; 
	border: 5px solid #dfe3de;
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	float: left; 
	margin: 0 0 2em 0; 
	padding: 0; 
	text-align: center; 
	} 

table th, table td  { 
	border-left: 1px solid #dfe3de; 
	margin: 0; 
	padding: 0.4em 0.8em; 
	} 

table th  { 
	border-bottom: 1px dotted #90a40c; 
	color: #90a40c; /* slightly darker than logo green */
	} 

table td  { 
	border-bottom: 1px solid #dfe3de; 
	} 
	
table th:first-child, 
td:first-child  { 
	border-left: none; 
	} 

table tr:last-child td  { 
	border-bottom: none; 
	} 

table tbody tr:nth-child(even) { 
	color: #000; 
	background: #f9f9f9; 
	} 

/* for a properly-formatted table:

table caption  { 
	margin: 0.8em 0 0.4em 0; 
	padding: 0; 
	font: bold 170%/130% arial, sans-serif; 
	color: #90a40c; 
	text-align: left; 
	} 

table tbody tr:hover  { 
	color: #fff;
	background: #90a40c;
	} 
*/
