/* Ripon Tennis Centre CSS Document Style 1 */

body {
	margin: 10px 0;
	padding: 0;
	border: 0;
	text-align: center; /* hack - horizontally centers the box in IE5/Win - need to text-align left everything else*/
	background: #ffffff;
	color: #333333;
	min-width: 760px; /* Gecko centering fix */
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.4;
	font-size:    x-small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  small;   /*Intended value for better browsers*/ 
}

html>body {
	font-size:  small;  /*Be nice to Opera*/
} 

#wrapper {
	margin: 0 auto; /* centre wrapper for compliant browsers */
	padding: 0;
	border: 0;
	width: 760px;
	text-align: left; /* text-align everything left cos of IE5/Win hack in body element */
	background: transparent url(../i/contentbg.gif) top left repeat-y;
}

img	{
	border: 0;
}

div#header {
	width: 760px;
	height: 80px;
	background: #22ab53 url(../i/logo.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
}

div#header h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

/* Primary Nav */

div#primarynav ul#prinavmenu {
	height: 22px;
	width: 760px;
	background: #aa227b url(../i/prinav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}

div#primarynav ul#prinavmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

ul#prinavmenu li, ul#prinavmenu a {
	height: 23px;
	display: block;
}

div#primarynav ul#prinavmenu li a {
	text-indent: -9999px;
	text-decoration: none;
}

#home	{left: 0; width: 110px;}
#tennis	{left: 110px; width: 108px;}
#fitness{left: 218px; width: 108px;}
#facilities {left: 326px; width: 108px;}
#events {left: 434px; width: 108px;}
#prices {left: 542px; width: 108px;}
#contact {left: 650px; width: 110px;}

#home a:hover	{background: transparent url(../i/prinav.gif) 0 -30px no-repeat;}
#tennis a:hover {background: transparent url(../i/prinav.gif) -110px -30px no-repeat;}
#fitness a:hover {background: transparent url(../i/prinav.gif) -218px -30px no-repeat;}
#facilities a:hover {background: transparent url(../i/prinav.gif) -326px -30px no-repeat;}
#events a:hover {background: transparent url(../i/prinav.gif) -434px -30px no-repeat;}
#prices a:hover {background: transparent url(../i/prinav.gif) -542px -30px no-repeat;}
#contact a:hover {background: transparent url(../i/prinav.gif) -650px -30px no-repeat;}

/* You are here - Pri Nav */
	
body#homepage #home {background: transparent url(../i/prinav.gif) 0 -30px no-repeat;}
body#tennispage #tennis {background: transparent url(../i/prinav.gif) -110px -30px no-repeat;}
body#fitnesspage #fitness {background: transparent url(../i/prinav.gif) -218px -30px no-repeat;}
body#facilitiespage #facilities {background: transparent url(../i/prinav.gif) -326px -30px no-repeat;}
body#eventspage #events {background: transparent url(../i/prinav.gif) -434px -30px no-repeat;}
body#pricespage #prices {background: transparent url(../i/prinav.gif) -542px -30px no-repeat;}
body#contactpage #contact {background: transparent url(../i/prinav.gif) -650px -30px no-repeat;}

/* end Pri Nav */

/* Sidebar */

div#sidebar {
	float: left; /*- some browsers don't like float so using Drew McLellan workaround if this doesn't work  */
	border: 0;
	padding: 10px;
	margin: 0;
	color: #333333;
	width: 280px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 260px; /* Actual value for conformant browsers */
}

html>div#sidebar {
	width: 260px; /* Be nice to Opera */
}

/* Primary Content */

div#primarycontent {
	margin: 0;
	border: 0;
	padding: 0;
	width: auto;
}

div#primarycontentholder {
	margin: 0 0 0 280px;
	border: 0;
	padding: 10px 13px; /* 15px won't work in IE cos of 3-pixel bug */
	width: 476px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 450px; /* Actual value for conformant browsers */
}

html>div#primarycontentholder {
	width: 450px; /* Be nice to Opera */
}

div#footer {
	clear: both;
	text-align: center;
	border: 0;
	background: #aa227b;
	color: #ffffff;
	width: 760px;
	padding: 0;
	margin: 0;
}

/* Font Styles */

p {
	margin: 0 0 1.2em 0;
	line-height: 130%;
}

div#sidebar p{
	font-size: 11px;
}

h1 {
	font-weight: bold;
	color: #aa227b ;
	line-height: 1.2em;
	margin: 10px 0 10px 0;	
	padding: 2px 0;
	text-transform: uppercase;
	font-size:    medium;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  large;   /*Intended value for better browsers*/ 
}

html>h1 {
	font-size:  large;  /*Be nice to Opera*/
} 

h2 {
	font-weight: bold;
	color: #aa227b;
	background: #eeeeee;
	line-height: 1.5em;
	margin: 15px 0 0 0;	
	padding: 1px 0 1px 2px;
	/*font-size: 14px;*/
	border: 0;
	font-size:    x-small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  small;   /*Intended value for better browsers*/ 
}

html>h2 {
	font-size:  small;  /*Be nice to Opera*/
}

div#contactdetails {
	font-size: 12px;
	line-height: 1.5em;
}

h3{
	font-weight: bold;
	color: #aa227b;
	line-height: 1.5em;
	margin: 15px 0 0 0;	
	padding: 0;
	font-size: 14px;
	border-bottom: 1px solid;
}

h4 {
	font-weight: bold;
	color: #000000;
	line-height: 1.5em;
	margin: 15px 0 0 0;	
	padding: 0;
	font-size: 11px;
	border: 0;
	/*border-bottom: 1px solid #dddddd;*/
}

h5 {
	font-weight: bold;
	color: #000000;
	line-height: 1.5em;
	margin: 15px 0 0 0;	
	padding: 1px 0 1px 0;
	/*font-size: 13px;*/
	border: 0;
	/*border-bottom: 1px solid #dddddd;*/
	font-size:    x-small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  small;   /*Intended value for better browsers*/ 
}

html>h5 {
	font-size:  small;  /*Be nice to Opera*/
}

div#footer p {
	margin: 0;
	padding: 5px;
	font-size: 10px;
}

.date {
	display: block;
	line-height: 160%;
}

/* Links */

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #9622aa;
	background: transparent;
}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #9622aa;
	background: transparent; 
}

a:active {
	font-weight : bold; 
	text-decoration : underline;
	color: #9622aa;
	background: transparent;  
}

div#footer a:link, div#footer a:visited, div#footer a:active, div#footer a:hover {
	color: #ffffff;
}

div#primarycontent dl {
	margin-top: 5px;
	padding-top: 0;
}
	
div#primarycontent dl dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border: 0;
	border-bottom: 1px solid #dddddd;
	line-height: 140%;
	font-weight: bold;
}
	
div#primarycontent dl dd {
	margin: 0 0px 15px 10px;
	padding: 0;
}

/* Table formatting */

table {
	/*font-weight: normal;
	color: #333333;*/
	margin: 0;	
	padding: 0;
	font-size:    x-small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  small;   /*Intended value for better browsers*/ 
}

html>body {
	font-size:  small;  /*Be nice to Opera*/
} 

table tr th {
	border-bottom: 1px solid #dddddd;
	padding-top: 10px;
	text-align: left;
}

table#subs col#mem-type {
	width: 18em;
}

table#courtprice col#courttype {
	width: 18em;
}

table#courtprice col#memprice {
	width: 5em;
}

table#courtprice col#non-memprice {
	width: 8em;
}
			
table#coachingprice col#mem-typecoaching {
	width: 18em;
}

table#coachingprice col#memcoachingprice {
	width: 5em;
}

table#coachingprice col#non-memcoachingprice {
	width: 8em;
}
			
table#equipmentprice col#equiptype {
	width: 18em;
}

table#equipmentprice col#equipprice {
	width: 11em;
}

/* Lockwoods Banner */

img#lockwoods{
	margin: 0 0 10px 0;
}