@import url("layout.css");
@import url("enquiry.css");



/*

#container 
		#nav
		#homeImage
		#main
			#subImage
			#subContent
			#mainImage
			#mainContent
		#footer

*/



html, 
body {
	
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}

body {
	width:100%;
	height:100%;
	background:repeat-x url(../Images/bg.png);
	position:relative;	
	font-family: Verdana, Arial, sans-serif; 
	
}

h1{
		color:#FFFFFF;
		font-size:large;
		float:left;
		padding: 60px 0px 0px 20px;
		font-weight: normal;
}

h2 { 
		font-family:  Verdana, Arial, Helvetica, sans-serif; 
		color: #73417A; 
		font-size:  14px;  
		font-weight: bold; 
}

h3{
	font-size: small;
	margin: 10px 0px 10px 0px;
}

p {
	margin: 8px 0px 8px 0px;
}



form  {
	margin: 0px;
	padding: 0px;
}


th
{
	font-weight: normal;
}


br {
	clear: both;
}



fieldset {
	margin-top: 10px;	
}

a {
	font-size: x-small;
	color:#3378B3;
	text-decoration: none;
}

a:hover, 
a:active {
		text-decoration: underline;
	}

a img {
	border-width: 0; 
	border-style: none;
}

.mainContentLinksList {
	list-style: none;
	margin: 15px 0px 5px 0px;
}

.mainContentLinksList li {
	background: url(../images/arrowGreen.gif) no-repeat top left;	
	padding: 0px 0px 10px 0px;	
	margin: 0px;
}

.mainContentLinksList li a
{
	padding-left: 20px;
}


.textInput {
	background-color: #D4D0C8;
	width:80px;
}

.field{
	font-family: Verdana, Arial, sans-serif; 
	font-size:x-small;
	color:#666;
	
}

.button{
	font-family: Verdana, Arial, sans-serif; 
	color:#666;
	background-color: #D2D2D2;
	font-size:x-small;
	
}


.errorText
{	
	clear: both;
	display: block;
	color:#ff0000;
	font-size: x-small;
	padding-left: 0px;
}

/*  container --------------------- */
	#container{
		
	
	}
	


		/*  nav --------------------- */
		
		#nav{
			font-size:10px;
			position:relative;
			/*background-image:url(../Images/nav.jpg);*/	
		}
		
		#nav ul{
			list-style:none;
		}
		
		#nav a{
			color:#004000;
			
			font-family:Gill Sans MT, Arial, Helvetica, sans-serif; /*Gill Sans MT,*/
			font-size:x-small;
			
		}
		
		#nav a:hover{
			color:#808080;
			text-decoration:none;
		}
		
		
		#nav .home a{
			color:#808080;
		}
		
		#nav span{
			visibility:hidden;			
		}
		
		#nav ul{
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		
		#nav a{
			position:absolute;
			width:100px;
			height:20px;
		}
		
		#nav .home a{
			top:10px;
			left:10px;
		}
		
		#nav .society a{
			top:55px;
			left:130px;
		}
		
		#nav .events a{
			top:55px;
			left:215px;
		}
		
		#nav .seasonreview a{
			top:55px;
			left:300px;
		}
			
		#nav .bentleygolfclassic a{
			width:200px;
			top:55px;
			left:410px;
		}
		#nav .booking a{
			top:55px;
			left:550px;
		}
		
		#nav .news a{
			top:55px;
			left:630px;
		}
		
		#nav .contact a{
			top:55px;
			left:690px;
		}		
		
		/*  header --------------------- */
		
		#header img{
			margin:0px 20px 0px 0px;
			padding:0px 0px 0px 0px;
			float:right;
			width:200px;
			height:100px;
		}
		
		#header img.homeImage{
			float:left;
			width:900px;
			height:345px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			
		}		

		
		/*  main --------------------- */
		
		#main{
		
		
		}
		
		/*  mainContent --------------------- */
		
	
	
		
		#mainContent p {
			color:#333;
			line-height: 150%;
			word-wrap: none;
		}
		
		#mainContent a:link, 
		#mainContent a:visited {
			color:#874791;
			text-decoration: underline;
		}
		
		#mainContent a:hover, 
		#mainContent a:active {
			text-decoration: none;
		}
				
		#mainContent img{
			float:right;
			margin:0px 0px 20px 20px;
			padding:0px 0px 0px 0px;
			display: block;
			clear:both;
			
		}
		
			.home #mainContent img{
			float:left;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			width:100px;
			height:45px;
			clear:none;
			/*border:thin #FF8000 solid;*/
		}
		
		#mainContent ul{
			float:left;
			margin:0px 0px 20px 20px;
			padding:0px 0px 0px 0px;
			list-style:none;			
			
		}
		
		#mainContent li{
			float: left;
					
			margin:0px 0px 0px 0px;
			padding:0px 0px 60px 0px;
			
		}
		
		#mainContent li img{
			float: left;
			display:block;
			clear:both;	
			margin:0px 0px 0px 0px; /* LEAVE FOR IE6 FIX */
			padding:25px 0px 0px 0px;
			/* IMPORTANT - This is used to clear the #mainContent img float */
			}
		
		
		#thumbnails img{
			padding:0px;
			margin:10px;
			width:100px;
			height:100px;
			float:left;	
			display:block;	
			clear:none;
		}
		
		
		/*  subContent --------------------- */
		
		
		#subContent{
			font-size:10px;
		}
		
		#subContent p{
			margin:20px 10px 0px 10px;
			padding:0px 0px 0px 0px;
		}
		
		#subContent ul{
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			list-style:none;
		}
		
		#subContent li{		
			clear:both;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		
		#subContent li img{		
			clear:both;
			margin:0px 0px 20px 0px;
			padding:0px 0px 0px 0px;
		}
		
		#subContent img{
			float:left;
			margin:10px 0px 20px 0px;
			padding:0px 0px 0px 0px;
		}
		
		/*  footer--------------------- */
		
		#footer a:link, 
		#footer a:visited {
			color:#999;
			text-decoration: none;
		}
		
		#footer a:hover, 
		#footer a:active {
			text-decoration: none;
		}
			
		#footer ul{
			margin: 0px;
			padding:10px 0px 0px 150px;
			list-style:none;
			
		
		}
		
		#footer li{
			margin:0px 5px 0px 0px;
			padding:0px 0px 0px 0px;
			float:left;
		}
		
		#footer a{
			
			
			height:10px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		
		#footer .navlist{
		
		}