/* Pretty Stuff



================================== */







/* Zero down margin and paddin on all elements */



* {

  margin: 0;

  padding: 0;

}







body {



	background:#333399 url(../img/bg.jpg) repeat-x;



	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";



	font-size: 62.5%;



	line-height: 1.6;



}







h1 {



  font-size: 2.4em;



  font-weight: normal;



}







h2 {

  font-size: 1.6em;

}







p, li {



  font-size: 1.4em;



}







h1, h2, p {

  margin: 1em 0;

}











#branding {

	

	position:relative;

	float: left;

  height: 80px;



  background-color:#fff;



}







#branding h1 {



  margin: 0;



}







#mainNav {



  list-style: none;



}







#secondaryContent h2 {



  font-size: 1.6em;



  margin: 0;



}







#secondaryContent p {



  font-size: 1.2em;



}







#footer {



	padding: 20px;



	background-image: url(../img/footerbg.gif);



	background-position: top;



	background-repeat: repeat-x;



	text-align: center;



	font-size: .8em;



}







/* The Core Technique



================================= */







body {

  text-align: center; 

}







#wrapper {

	width: 926px;

	padding: 10px;

	text-align: left;

	margin: 10px auto;

	background-color: #fff;

}







#wrapper2 {
	position: relative;

  background: url(images/secondary-faux-col.gif) repeat-y 78% 0;



}


#gcs-buttons {
	background: url(/img/GCS-background.png) no-repeat;
	position: absolute;
	top: 12px;
	right: 48px;
	width: 322px;
	height: 48px;
	}

#gcs-buttons .online-bookings, #gcs-buttons .latest-results {
	margin: 12px 0 0 16px;
	}

#gcs-buttons .online-bookings {
	background: url(/img/online-bookings.png) no-repeat 0 0;
	text-indent: -9000px;
	display: block;
	height: 24px;
	width: 144px;
	float: left;
	}
	
#gcs-buttons .online-bookings:hover {	
	background: url(/img/online-bookings.png) no-repeat 0 -24px;
	}

#gcs-buttons .latest-results {
	background: url(/img/latest-results.png) no-repeat 0 0;
	text-indent: -9000px;
	display: block;
	height: 24px;
	width: 131px;
	float: left;
	}
	
#gcs-buttons .latest-results:hover {
	background: url(/img/latest-results.png) no-repeat 0 -24px;
	}	


#logo {

	width: 291px;

	float: left;

}

#logo h1 {

	margin: 0;

	z-index: 3;

	width: 291;

	height: 72px;

	background: url(../img/logo.gif) no-repeat;

	text-indent: -9000px;

} 



#logo h1 a{

	display: block;

	height: 72px;

	background: url(../img/logo.gif) no-repeat;



} 



#metroclub {

	float: center;

	width: 260px;

	height: 80px;

}





#golflink {

	float: left;

	width: 152px;

	height: 59px;

}







#mainNav { 

  width: 23%;



  float: left;



}











#main_content {



	width: 75%;



	float: right;



	border-left-width: 1px;



	border-left-style: dotted;



	border-left-color: #CCCCCC;



}



#pagecontent {



	padding: 0px 20px;



}



#pagecontent h3 {



		font-size: 1.4em;



	background-color: #000;



	color: #FFFFFF;



	padding: 3px 10px;



	margin-bottom: 10px;







}



#pagecontent ul li {



	margin-left: 3em;



}







#pagecontent h2 { 

  font-size: 1.8em;

  color: #333399;

  margin: 0px;

}



#mainContent { 



  width: 66%; 



  margin: 0; 



  float: left; 



} 



#secondaryContent { 



  width: 31%;



  min-width: 10em;



  display: inline; /* :KLUDGE: Fixes IE double margin float bug */



  float: right;



} 







#footer { 



  clear: both; 



}







/* =Links



-----------------------------------------------------------------------------*/







a, a:visited {



	text-decoration: none;



	color: #4F82CB; 



	background: inherit;



}



a:hover {



	color: #d61e1e;



	background: inherit;



}



















a[href$=".pdf"] {

	background: url(../img/pdflink.gif) no-repeat right top;

	padding-right: 20px;

}



/* Flash + Editorial */







#featurecontainer {



	clear: both;



	width: 100%;



	height: 257px;



	background: url(../img/editorial-bg.gif) repeat-x;



	border-bottom: solid 10px #fff;



}







#flashbox {



	width: 590px;	



	height: 257px;



	float: left;



	background:#cc0000 url(../img/5th-green.jpg) no-repeat;



	



}



#homeeditorial {



	padding: 10px;



	font-size: 0.9em;



	margin-left: 600px;



	color: #fff;



	



}







#homeeditorial a {



	color: #fff;



}



#homeeditorial a:hover {



	color: #FFFF00;



}







#homeeditorial h2{



	font-size: 1.4em;



	font-weight: bold;



}







/* fitted doors menu */



.menu {padding:0; margin:0px; clear: both;}



.menu dt {display:none;}



.menu dd {float:left; padding:0; margin:0; text-align:center;}



.menu dd span.aa {display:block; width:13px; height:1.5em; height:auto; background:url(../img/taglft.gif); float:left; border-bottom:1px solid #888; padding:5px 0;}



.menu dd span.bb {height:1.5em; height:auto; background:url(../img/tagmid.gif); float:left; border-bottom:1px solid #888; padding:5px 0;}



.menu dd span.cc {display:block; width:13px; height:1.5em; height:auto; background:url(../img/tagrgt.gif); float:left; border-bottom:1px solid #888; padding:5px 0;}







.menu a, .menu a:visited {color:#000; text-decoration:none; font-size:1.2em; cursor:pointer;}



.menu a:hover {color:#000; background:#fff; }











#breadcrumb {



	clear: both;



	background: #313194 url(../img/breadcrumb-bg.gif) repeat-x;



	height: 24px;



	padding: 5px 1em 0px 1em;



	color: #fff;



	font-size: 1.1em;



	margin-bottom: 10px;



}







#breadcrumb a {



	color: #fff;







}



#breadcrumb a:hover {



	color: #FFFF00;



}







/* add some padding to the contents in the main nav and secondary content areas */







#mainNav, #secondaryContent {



  padding-top: 0px;



  padding-bottom: 20px;



}







#mainNav *, #secondaryContent * { 







}







#mainNav * *, #secondaryContent * * { 



 padding-left: 0;



 padding-right: 0;



}







#mainNav h2 { 



 background-color: #000;



 color: #fff;



 padding: 3px;



 font-size: 1.2em;



}







#shownews {



	background-color:#0099CC;



}











.newsEventsBox {



	margin-top: 15px;



}







#mainNav h3 {



	font-size: 1.4em;



	background-color: #000;



	color: #FFFFFF;



	padding: 3px 10px;



	margin-bottom: 10px;



}











#subnav h3 {



	background: url(../img/subnav-bg.gif) no-repeat;







	height: 33px;



	color: #fff;



	padding: 5px 5px 0px 23px;



}







#subnav ul{



	margin: 0;



	padding: 0;



	list-style-type:none;



}



#subnav ul a {



	display: block;



	color: #000;



	border: solid 1px #fff;



	text-decoration:none;



	padding: 0px 0px 0px 30px;



	background: url(../img/subnav-bullet.gif) no-repeat 10px center;



	line-height: 1em;



}







#subnav ul a:hover {



	border: solid 1px #ccc;



	text-decoration: underline;



	color: #333399



}







#subnav li a {



	margin: 0px 0px 10px 0px;}







.latestnews h3 {



	font-size: 1.4em;



	background-color: #000;



	color: #FFFFFF;



	padding: 3px 10px;



	margin-bottom: 10px;



}















#secondaryContent h3 {



	font-size: 1.4em;



	background-color: #000;



	color: #FFFFFF;



	padding: 3px 10px;



	margin-bottom: 10px;



}



.latestnews h3 a, #secondaryContent h3, #mainNav h3 {



	color: #FFFFFF !important;



}







.latestnews .clearBoth {



	height: 29px;



	background: url(../img/newsevents_hr.gif) center no-repeat;



}







.latestnews .date {



	float: left;



	width: 7.5em;



	padding-right: 8px;



	text-align: right;



}







.latestnews .date h4 {



	font-size: 1.2em;



	font-weight: normal;



	color: #333399;



	margin: 0;







}







.latestnews .text {



	margin-left: 8em;



	padding-left: 8px;



	border-left: 1px solid #989898;



}







.latestnews .text h4 {



	font-size: 1.3em;



	margin: 0 0 2px 0;







}







.latestnews .text a {



	text-decoration: none;



	color: #000000;



}







.latestnews .text a:hover {



	color: #666666;



}







.latestnews .text p {



	margin: 0 !important;



}











td {

	background-color: #EFEFEF;

	font-weight: normal;

	font-size: 12px;

	padding: 2px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #ccc;

	border-bottom-color: #ccc;

}

td.headings {

	font-weight: bold;

	font-size: 12px;

	background-color:#313094;

	color: #fff;

}







td p{

	font-weight: normal;

	font-size: 12px;



}



table {



	border-left: solid 1px #ccc;



	border-top: solid 1px #ccc;



}



#gallerydivide {







	background-image: url(../img/thumb_divide2.gif);







	background-repeat: repeat-x;







	height: 4px;







	width: 60px;







	margin-top: 4px;







	margin-bottom: 4px;







}







#galleries {



	width:110px;



	float:left;



	margin:3px;



	height: 170px;



	



}



#galleries img{



border: 2px solid #ddd7d1;}



#phonebox {

	background-color: #222270;

	color: #fff;

	padding: 5px;

	margin: 20px 0px;

	width: 192px;

}

#phonebox h2 {

	background-color: #343399;

	color: #fff;

	margin: 0;

	font-size: 14px;

	padding: 0px 3px;

}