/* 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 {

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

}

#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: right;
	width: 152px;
	height: 59px;
}



#mainNav { 
  width: 23%;

  float: left;

}





#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;
}