/*		________________________________________

		Organisation: Bottisham Tennis Club
		Author: <A HREF="www.technical-communicators.com">Cambridge Technical Communicators</A>
		CSS Creation Date: 10 May 2007
		Last Update: 15 May 2007
		________________________________________

--------|
  START |
	    |························· BODY elements
*/

body {
	padding:0;
	margin:5px;
	font-family: arial, verdana, hevetica, sans-serif;
	font-size:12px;
	background: #CCFF99 bottom left fixed repeat-x;}

H1 {
	font-size:17px;
	font-weight:bold;
	color:#303092;
	padding:0;
	margin: 16px 0 10px 0;}

H2 {
	font-size:14px;
	font-weight:bold;
	padding:20px 0 0 0;
	margin:0;
	color:#303092;}

H3 {
	font-size:12px;
	font-weight:bold;
	padding:20px 0 0 0;
	margin:0;
	color:#303092;}


#container {	
			width:809px;
			padding:0;
			margin:14px;
			background-color: #FFFFFF;
			border: 1px solid #66CC00;}

#copyright {
	background: #66CC00;
	width:800px;
	height:25px;
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	padding:4px 5px 0 4px;
	}


#copyright a {
		font-size: 10px;
		color:#FFFFFF;
		text-decoration: none;
		}

#copyright a:hover {
		font-size: 10px;
		color:#FFFFCC;
		text-decoration: underline;
		}

#footer {
	background: #66CC00;
	width:800px;
	height:18px;
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
	padding:4px 5px 0 4px;
	}

#right {
	float:right; }

#left {
	float:left; }

#greenline {
	background: #339900;
	width:809px;
	height:1px;
	font-size:1px;}

#firstmenu{
	background: #66CC00;
	width:800px;
	height:20px;
	font-size:12px;
	text-align:right;
	color:#FFFFFF;
	padding:5px 5px 0 4px;}


#firstmenu a {
		font-size: 12px;
		color:#333333;
		text-decoration: none;
		}

#firstmenu a:hover {
		font-size: 12px;
		color:#333399;
		text-decoration: underline;
		}

#topmenu{
	background: #66CC00;
	width:800px;
	height:22px;
	font-size:13px;
	text-align:right;
	color:#FFFFFF;
	padding:8px 5px 0 4px;}

#topmenu a {
		font-size: 13px;
		color:#FFFFFF;
		text-decoration: none;
		}

#topmenu a:hover {
		font-size: 13px;
		color:#FFFFFF;
		text-decoration: underline;
		}

#branding {
	width:809px;
	height:189px;}

#branding1 {
	background: #ffffff url('images/logo.jpg') 0 0 no-repeat;
	width:395px;
	height:110px;
	float:left;
	padding:0px 0px 0px 0px;}

#branding2 {
	background: #ffffff  url('images/header.jpg') 100% 100% no-repeat;
	width:809px;
	height:189px;
	float:right;} 

#branding3 {
	background: #ffffff  url('images/title.jpg') 100% 100% no-repeat;
	width:344px;
	height:87px;
	float:right;} 


#selected {
		font-size: 11px;
		color:#333399;
		padding:0 0 0 9px;
		line-height:175%;
		border: 1px solid #7CB900;
		width:141px;
		height:20px;
		background: #86C600;}

#notselected {
		font-size: 11px;
		color:#333399;
		padding:0 0 0 9px;
		line-height:175%;
		border: 1px solid #7CB900;
		width:141px;
		height:20px;
		background: #B8DE5F;}

#quote {
		font-size: 11px;
		text-align:left;
		color:#000000;
		padding:0px 0 0px 0px;
		line-height:175%;
		width:141px;
		height:100%;
		background: #FFFFFF;}


#storyboard {
	background: #FFFFFD;
	width:155px;
	height:100%;
	float:right;
	padding: 0px 0 0 0px;}

#storyboard a {
		font-size: 11px;
		color:#333333;
		text-decoration: none;
		margin-left:5px;
		line-height:175%;}

#storyboard a:hover {
		font-size: 11px;
		color:#333399;
		text-decoration: underline;
		margin-left:5px;
		line-height:175%;}



#mainboard {
	width:600px;
	height:100%;
	float:left;}

#maintour {
	width:500px;
	height:100%;
	color:#000000;
	font-size:12px;
	padding: 25px 34px 0 70px;
	line-height:150%;}

#hometour {
	width:700px;
	height:100%;
	color:#000000;
	font-size:12px;
	padding: 20px 34px 0 34px;
	line-height:150%;}
	
 #xbrowser {
   clear:both;
   height:0px;
   overflow:hidden;}

#sample{
	color:#000000;
	font-size:12px;
	padding: 10px 10px 0 10px;
	line-height:150%;
	border: 1px solid #A5D639;
	background: #FFFFFF;}

#note{
	width:500px;
	color:#000000;
	font-size:12px;
	padding: 10px 10px 0 10px;
	line-height:150%;
	border: 1px dotted #5151A4;
	background: #BBDBFF;}

#callus {
		font-size: 11px;
		text-align:left;
		color:#000000;
		padding:0px 0px 0px 0px;
		width:200px;
		height:80px;		
		background: #FFFFFF;}

#next {
		font-size: 11px;
		text-align:right;
		color:#000000;
		padding:15px 0px 0px 450px;
		width:120px;
		height:20px;		
		background: #FFFFFF;}

td{
	color:#000000;
	font-size:12px;
	padding: 10px 10px 0 10px;
	line-height:150%;
	border: 1px solid #A5D639;
	background: #FFFFFF;}

th{
	color:#000000;
	font-size:12px;
	padding: 10px 10px 0 10px;
	line-height:150%;
	border: 1px solid #A5D639;
	background: #669900;}
 
table{
	border: 0px solid #A5D639;}
	
 

