/************************************************  Global **************************************************/

body {

background: white;
text-align:left;
font-family: Helvetica;
font-size: 14px;
line-height:20px;
color: #17365E;
margin:0;
}

#preloaddiv{
display:none;
}

p{
margin:0px;
padding:4px;
}

a{
color:#C00000;
}

.small{
margin:0px;
padding:0px;
}

.smallgrey{
margin:0px;
padding:0px;
font-size: 12px;
color:#5EA226;
font-style:italic;
}


ul{
margin:0 0 0 25px;
padding:0px;
text-align:left;
font-size:12px;
}

h2{
padding:0 0 0 0;
margin:10px 0 10px 0;
}

/************************************************  end Global **************************************************/

/************************************************  Header **************************************************/


#headerleft{
float:left;
width:600px;
}

#headerright{
float:right;
width:350px;
}

#headertext{
text-align:left;
margin:40px 0 0 50px;
clear:both;
float:left;
}

#headertop{
height:60px;
width:1151px;
margin:0 auto;
background-image:url(../resources_new/images/white_dropshadow_top.jpg);
}

#header{
height:300px;
width:1051px;
background-image:url(../resources_new/images/white_dropshadow_center.jpg);
background-repeat:repeat-y;
margin: 0 auto;
padding:0 50px 0 50px;
}

.greyfiller{
height:9px;
background-color:#EAEAEA;
margin:0 auto;
width:900px;
}



#nav{
width:200px;
padding:5px 0 0 50px;
float:left;
}




.navbutton_home{
background-image: url(../resources_new/images/greenmenubar.jpg);
background-repeat:no-repeat;
background-position:0 0;
height:27px;
color:white;
padding:12px 0 0 0;
font-size: 16px;
font-weight:bold;
text-align:center;
line-height:16px;
}

.navbutton_home a{
color:white;
text-decoration:none;
}


.navbutton_home:hover{
background-image: url(../resources_new/images/greenmenubar_on.jpg);
background-repeat:no-repeat;
cursor:pointer;
}

.navbutton_home:hover a{
color: #006837;
}

.navbutton_search{
background-image:url(../resources/layoutimages/home_green.jpg);
background-repeat:no-repeat;
height:30px;
color:white;
padding:9px 0 0 0;
font-size: 16px;
font-weight:bold;
text-align:center;
line-height:16px;
}

.navbutton_search:hover{
background-image:url(../resources/layoutimages/home_grey.jpg);
cursor:pointer;
}

.navbutton_join{
background-image:url(../resources/layoutimages/home_blue.jpg);
background-repeat:no-repeat;
height:30px;
color:white;
padding:9px 0 0 0;
font-size: 16px;
font-weight:bold;
text-align:center;
line-height:16px;
}
.navbutton_join:hover{
background-image:url(../resources/layoutimages/home_grey.jpg);
cursor:pointer;
}

.navbutton_contact{
background-image:url(../resources/layoutimages/home_yellow.jpg);
background-repeat:no-repeat;
height:30px;
color:white;
padding:9px 0 0 0;
font-size: 16px;
font-weight:bold;
text-align:center;
line-height:16px;
}
.navbutton_contact:hover{
background-image:url(../resources/layoutimages/home_grey.jpg);
cursor:pointer;
}

#logoholder{
background-image: url(../resources_new/images/mainlogo.jpg);
background-repeat:no-repeat;
background-position:center;
width:300px;
float:right;
margin:10px 0 0 0;
padding:150px 40px 0 0;
text-align:right;
color: #C00000;
font-size:14px;
font-weight:bold;
}

#topadholder{
float:right;
width:400px;
margin:0 0px 0 0;
}

#logoholder p{
margin:0px;
padding:0 40px 0 0;
}

/************************************************  end of Header **************************************************/


/************************************************  Homepage **************************************************/

#maincontainer{
padding:10px 60px 10px 60px;
width:1031px;
margin: 0 auto;
overflow:hidden;
background-color:white;
background-image:url(../resources_new/images/white_dropshadow_center.jpg);
background-repeat:repeat-y;
}

#homecontentleft{
width:200px;
float:left;
margin:0 0 0 30px;
padding:50px 0 0 150px;
}

#homecontentleft_heading{
padding:10px 0 0 40px;
}

#homecontentleft_introduction{
padding:0 70px 0 80px;
}

#homecontentleft_image{

}

#homecontentright{
width:360px;
float:left;
padding: 90px 0px 0 60px;

}


.homenavholder{
padding:10px 0 0 0;
overflow:hidden;
}

.homenavholder a{
color:#17365E;
text-decoration:none;
}

.homenavholder a:hover{
color:#5EA226;
text-decoration:none;
}

.homenavholder:hover{
color:#5EA226;
border-color:#FF8000;
cursor:pointer;
}

.homenavimagebox{
float:left;
width:66px;
height:66px;
border:solid 2px #004080;
}

.navapplyhovereffect{
border-color:#5EA226;
border-width:3px;
color:#5EA226;
}

.navapplyhovereffect a{
color:#5EA226;
}

.homenavimagebox:hover{
color:#FF8000;
border-color:#5EA226;
cursor:pointer;
border-width:3px;
}

.homenavtextholder{
float:left;
width:218px;
height:80px;
padding:4px 0 0 17px;
}

.homenavheading{
float:left;
font-size: 18px;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 0 0;
min-width:200px;
}

.homenavdescription{
float:left;
font-size:10px;
line-height:12px;
}

/************************************************  end of Homepage **************************************************/


/************************************************ Detail pages ******************************************************/


.detailnavholder{
padding:20px 0 0 30px;
overflow:hidden;
color: #5EA226;
width:300px;
margin: 5px 0 15px 15px;
float:left;
}

.detailnavimagebox{
float:left;
width:66px;
height:66px;
border:solid 2px #5EA226;
}

.detailnavtextholder{
float:right;
width:218px;
height:80px;
}

.detailnavheading{
float:left;
font-size: 18px;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 0 0;
min-width:200px;
}

.detailnavdescription{
float:left;
font-size:10px;
line-height:12px;
}



/************************************************ end of Detail pages ******************************************************/



/************************************************ Search Page ***************************************************/

.searchboxholder{
float:left;
width:470px;
min-height:380px;
border:solid 2px #17365E;
margin:20px 5px 0 40px;
}

.searchboxheader{
height:33px;
background-color:#17365E;
text-align:center;
font-weight:bold;
padding:10px 0 0 0;
color:white;
}

.searchboxcontent{
text-align:center;
padding:15px 5px 5px 5px;
}

#searchads{
float:left;
width:500px;
clear:none;
padding:30px 0px 0 50px;
}

#searchheading{
overflow:hidden;
padding:0 0 0 20px;
height:120px;
}


#contentholder{
padding:0 90px 0 30px;
}
/************************************************ end Search Page ***************************************************/



/************************************************  search list specific **********************************/


.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		border: 2px solid #000;	
		color: #D5EDB3;
		
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
		
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}
	
	
	.suggestionsBox2 {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		border: 2px solid #000;	
		color: #D5EDB3;
		
	}
	
	.suggestionList2 {
		margin: 0px;
		padding: 0px;
		
	}
	
	.suggestionList2 li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList2 li:hover {
		background-color: #659CD8;
	}
	
	
	#countynowshowingmembers{
	text-align:left;
	margin: 0 0 5px 0;
	font-weight:bold;
	}
	
	#countynowshowingnonmembers{
	text-align:left;
	margin: 10px 0 5px 0;
	font-weight:bold;
	}

/************************************************  end search list specific **********************************/



/************************************************  Footer **************************************************/

#footer{
width:1151px;
margin: 0 auto;

text-align:center;
background-color:white;
background-image:url(../resources_new/images/white_dropshadow_center.jpg);
background-repeat:repeat-y;
}

.footertext{
font-size:9px;
}

#footer_ads{
width:1151px;
margin: 0 auto;
padding-top:20px;
padding-bottom:20px;
text-align:center;
background-color:white;
background-image:url(../resources_new/images/white_dropshadow_center.jpg);
background-repeat:repeat-y;
}


#basefooter{
width:1151px;
height:60px;
background-image:url(../resources_new/images/white_dropshadow_bottom.jpg);
background-repeat:no-repeat;
margin:0 auto;
}


/************************************************  end of Homepage **************************************************/


/*contact form specific*/

#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 600px;
	margin: 25px 0 25px 0;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 150px;
	padding-top: 5px;
	font-size: 1.4em;
}

.contactp{
text-align:left;
}

.joinoption1{
border:solid #BEBEBE 1px;
margin: 3px 100px 0 100px;
padding: 10px;
}
.joinoption2{
border:solid #BEBEBE 1px;
margin: 3px 100px 80px 100px;
padding: 10px;
}


/******************************** end of contact form ************************************/



/********************************* county page specific **********************************/


#maincontainer_county{
padding:10px 110px 10px 110px;
width:931px;
margin: 0 auto;
overflow:hidden;
background-color:white;
background-image:url(../resources_new/images/white_dropshadow_center.jpg);
background-repeat:repeat-y;
}

#maincontainer_recent{
padding:10px 90px 10px 140px;
width:921px;
margin: 0 auto;
overflow:hidden;
background-color:white;
background-image:url(../resources_new/images/white_dropshadow_center.jpg);
background-repeat:repeat-y;
}

#maincontainer_creche{
padding:10px 90px 10px 110px;
width:951px;
margin: 0 auto;
overflow:hidden;
background-color:white;
background-image:url(../resources_new/images/white_dropshadow_center.jpg);
background-repeat:repeat-y;
}


#maincontainer_search{
padding:10px 60px 10px 80px;
width:1011px;
margin: 0 auto;
overflow:hidden;
background-color:white;
background-image:url(../resources_new/images/white_dropshadow_center.jpg);
background-repeat:repeat-y;
}

#countymembersholder{
border:solid 2px #17365E;
overflow:hidden;
margin-bottom:15px;
}

#membersheading{
width:270px;
}

#countymembersheader{
height:30px;
background-color:#17365E;
padding: 6px 0 0 6px;
color:white;
font-weight:bold;
}

#countynonmembersholder{
margin: 15px 0 0 0;
border:solid 2px #17365E;
min-height:200px;
overflow:hidden;
}

#countynonmembersheader{
height:30px;
padding: 6px 0 0 6px;
background-color:#17365E;
color:white;
font-weight:bold;
}

#countymemberscontent{
padding:15px;
}

#countymemberslist a{
text-decoration:none;
}


#countynonmemberscontent{
padding:15px;

}

.contentleft{
float:left;
}

.contentright{
float:right;
}

.contentleft_county{
float:left;
}

.contentright_county{
float:right;
width:350px;
margin: 90px 15px 30px 0;
}

#mapheading{
margin: 0 0 15px 0;
width:400px;
}

#countylocationholder{
height:30px;
}

#clickheretojoin_new{
display:none;
}


table.memberstable
{ width: 580px;
background-color: #white;
border-collapse: collapse;
border-spacing: 0px;
margin-bottom:15px;
 }


td.memberstablecol
{ background-color: #EEEEEE;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
line-height:22px;
color: #404040;
border:solid 1px white;
height:20px;
padding:10px;
}



td.membersrow
{ border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
background-color: white;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 8px;
padding-right: 0px;
margin:4px; 
}



/********************************* end of county page specific **********************************/




/********************************** CRECHE PAGES *************************************************/


#crechecontentright{
width:400px;
float:right;
padding: 20px 30px 0 0;
}

#crechecontentright ul{
margin:0 0 0 0;
padding:0 0 0 0;
}

.crecheimageholder{
float:left;
width:170px;
height:140px;
}

.crecheimages{
padding:3px;
border:solid 1px  #818181;
}

#crechecontentleft{
width:480px;
float:left;
margin:0 0 0 30px;
}

#searchcontentleft_heading{
padding:10px 0 0 40px;
}

#searchcontentleft_introduction{
padding:0 30px 0 37px;
}

#crecheinfoboxholder{
float:left;
width:270px;
margin:15px 0 0 0;
}

#crecheinfoboxholder2{
float:left;
width:130px;
margin:15px 0 0 0;
}

.on{

}

.off{
color:#D5D5D5;
}

#mapheading{
margin:20px 30px 0px 40px;
}

.noborder{
border:none;
}

#mapholder{
padding:20px 0 0 30px;
}

#map{
margin:10px 30px 20px 40px;
padding:10px;
border:solid 1px #969696;
}

#outwardlink{
margin:30px 0 0 0px;
float:left;
text-align:right;
clear:both;
width:400px;
font-size:12px;
}


/******************************* NEWS TICKER *******************************************************/

.recent{
margin-top:3px;
}

.indent{
margin:0 0 0 10px;
font-weight:bold;
}

.recent a:hover{
color: #17365E;
}

#recentholder{
margin:10px 0 0 0;
margin:20px 0 0px 0;
}


.mapframe{
padding:5px;
border:solid 1px #818181;
}



/****************************************** Course detail list styles **************************/


.coursename{
font-size:24px;
font-weight:bold;
list-style:none;
margin:40px 0 3px 0;
}

.holes{
font-size:18px;
list-style:none;
margin:10px 0 3px 0;
}

.webaddress{
font-size:18px;
list-style:none;
margin:10px 0 3px 0;
}

.phone{
font-size:18px;
list-style:none;
margin:10px 0 3px 0;
}

/************************************** MODAL WINDOW **********************************/



/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color: black;
  display:none;
  float:left;
}
  
#dialog{
background-color:#FF8000;

}
  
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:575px; 
  height:503px;
}


#notavailable{
background-color:#800000;
padding:30px;
border:solid 2px #030303;
color:white;
}