/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
background:#484939 url(../images/background_fill.gif) repeat top left;
   padding:0;
   margin:0;
   text-align:center; /* for ie6 and under */
   min-width:913px;/* for mozilla*/
   color: #000000;
}
#outer{
   min-height:100%;
   width:990px; /* add 2px if borders are not used */
   color: #000000;
   text-align:left;
   margin:auto;
   position:relative;
   background:#e1dcbf url(../images/content_fill.gif) repeat-y top center;
/* The background image needs to be the same width as the #left div. The one I used is 138px X 9px */
}
 
* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#header{
   
   min-height:444px;
   position:relative;
   width:990px;
text-align:center;
}

#header_content{
   
   min-height:310px;
   position:relative;
   width:990px;
text-align:center;
}

#logo
{
   background: url(../images/header_title.png) no-repeat top center;
   width:990px;
   height:146px;
   float:center;
}

#logo2
{
   background: url(../images/subheader_title.png) no-repeat top center;
   width:990px;
   height:86px;
   float:center;
}

#vhcc_div
{
   background: url(../images/vhcc_div.gif) no-repeat top center;
   height:29px;
   width:597px;
   padding-top:5px;
   padding-bottom:5px;
clear:both;
}

#header_nav
{
   float:right;
   color:#fff;
   padding-right:20px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 11px; 
padding-top:6px;
}

#header_nav A
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 11px; 
color:#fff;
text-decoration:underline;
}

#quote
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
color:#96b497;
font-style: italic;
float:right;
padding-top:50px;
padding-right:20px;
width:500px;
clear:both;
text-align:right;
}

#buttons
{
margin-left:30px;
margin-top:30px;
border-right:1px solid #c8c29d;
width:300px;
}

#unilock
{
padding-top:20px;
padding-left:37px;
float: left;
}

#menu
{
float:center;
clear:both;
height:49px;
padding-left:5px;
}

#front_intro {
   min-height:313px;
   width: 952px;
   background:inherit;
   position:relative;
}

#flash{
clear:both;
float:center;
width:980px;
min-height:250px;
padding-left:5px;
padding-right:5px;
}

#intro_text
{
float:left;
width: 364px;
min-height: 313px;
background:#000 url(../images/intro_text.jpg) repeat-y top center;
}

* html #header{height:70px}
#left {
   position:relative;/*ie needs this to show float */
   width:262px;
   float:left;
   color:#fff
}

#left_content {
   position:relative;/*ie needs this to show float */
   width:190px;
   float:left;
   color:#fff;
   padding-left:20px; 
   padding-top:20px;
}

#left p {padding:2px}
#footer {
   width:990px; /* add 2px if borders are not used on the #outer div */
   clear:both;
   height:50px;
background-color:#6B695C;
   color: #000000;
   text-align:center;
   left:0;
   bottom:0;
   position: absolute;
}

#material
{
float:left;
padding-left:20px;
padding-top:5px;
}

#idea_guide
{
float:left;
padding-left:20px;
padding-top:15px;
}

#quality_brands
{
float:left;
padding-left:20px;
padding-top:15px;
width:250px;
}

#logos
{
float:left;
width:120px;
padding:2px;
}


#footer p a
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
color: #DCD9B6; 
padding-top:20px;
}

* html #footer {/*only ie gets this style*/
   \height:52px;/* for ie5 */
   he\ight:50px;/* for ie6 */
   margin-bottom:-1px;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
   width:622px;
   float:right;
}

H1
{
font-family: Garamond, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 24px;
font-weight: normal; 
letter-spacing:-1px;
color: #000; 
padding-top:10px;
}

H2
{
font-family: 'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 15px;
font-weight: bold; 
letter-spacing:-1px;
color: #000; 
padding-top:10px;
}

H5
{
font-family: Garamond, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 22px;
font-weight: bold; 
letter-spacing:0px;
color: #425A44; 
padding-bottom:0;
}

#flash_movie
{
width:290px;
padding-left:20px;
padding-top:10px;
}

#centrecontent IMG {
padding-top: 10px;
padding-bottom:10px;
}

#centrecontent p{
padding-left:3px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}



#centrecontent HR{
margin-right:30px;
width:600px;
}


#centrecontent_content UL LI A{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
}

#centrecontent p.introduction {
padding-left:3px;
font-family: Garamond, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 19px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#centrecontent p.introduction IMG {
margin-top:-10px;
}

#centrecontent_content {
   width:722px;
   float:right;
}

#centrecontent_content p{
padding-left:3px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#centrecontent_content p A{
color:#000;
font-size: 14px; 
}

#centrecontent_content p.introduction {
padding-left:3px;
font-family: Garamond, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 19px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */ 

#gallery_but
{
padding-top:175px;
padding-left:20px;
}

#tab_menu {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  }
#tab_menu ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#tab_menu li {
  float:left;
  background:url("../images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
border-bottom:1px solid #85745A;
  }
#tab_menu a {
  float:left;
  display:block;
  background:url("../images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#a18c70;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tab_menu a {float:none;}
/* End IE5-Mac hack */
#tab_menu a:hover {
  color:#c3b19a;
  }
#tab_menu #current {
  background-image:url("../images/left_on.gif");
border-width:0;
  }
#tab_menu #current a {
  background-image:url("../images/right_on.gif");
  color:#fff;
  padding-bottom:5px;
  }


#navMain {
background:url(../images/nav_bg.jpg) no-repeat;
position:relative;
float:left;
width:980px;
height:49px;
top:0;
display:block;
overflow:hidden;
font-size:85%;
}

#navMain li {
display:block;
position:absolute; 
top:0;
height:49px;}

#navMain li a {
display:block;
height:49px;
text-indent:-1000em;}

#navMain .nHome {left:0; width:105px;}
#navMain .nInfo {left:105px; width:185px;}
#navMain .nGolf {left:290px; width:79px;}
#navMain .nAmenitites {left:369px; width:163px;}
#navMain .nEvents {left:532px; width:162px;}
#navMain .nMembership {left:694px; width:140px;}
#navMain .nContact {left:834px; width:146px;}

#navMain .nHome a:hover, #navMain .nHome a.active {background:transparent url(../images/nav_bg.jpg) no-repeat 0 -49px;}
#navMain .nInfo a:hover, #navMain .nInfo a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -105px -49px;}
#navMain .nGolf a:hover, #navMain .nGolf a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -290px -49px;}
#navMain .nAmenitites a:hover, #navMain .nAmenitites a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -369px -49px;}
#navMain .nEvents a:hover, #navMain .nEvents a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -532px -49px;}
#navMain .nMembership a:hover, #navMain .nMembership a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -694px -49px;}
#navMain .nContact a:hover, #navMain .nContact a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -834px -49px;}

#navcontainer
{
width: 210px;
border-right: 1px solid #b0aa89;
padding: 0 0 1em 0;
margin-bottom: 1em;
background-color: #b0aa89;
color: #333;
}

#navcontainer ul
{
list-style: none;
padding: 0;
margin:0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #b0aa89;
}

#navcontainer li a
{
display: block;
padding: 10px 10px 10px 0.5em;
background-color: #c8c29e;
color: #414137;
text-decoration: none;
width: 100%;
font-family: Garamond, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 16px;
font-weight: bold; 
letter-spacing:0px;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
background-color: #d2cdb0;
color: #414137;
}

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0;
	width:400px;
	padding:14px;
}



	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #bcbcbc;
		background:#fff;
		float:left;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size: 13px;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
		font-family: 'Trebuchet MS',Arial;
	}
	#stylized input{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div{
		float:left;
		font-size:12px;
		padding:4px 2px;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div INPUT{

		font-size:12px;
		float:none;
		width:20px;
		margin:2px 0 5px 0px;
	}

	#stylized select{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized img{
		float:left;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		margin:0px 0 10px 150px;
	}

	#stylized textarea{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(../images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}

#errorMessage
{
		border:solid 2px #890d0d;
		background:#bf1313;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		width:418px;
		padding:5px;
		margin-bottom:10px;
}

#successMessage
{
		border:solid 2px #25890d;
		background:#38ba1a;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		width:418px;
		padding:5px;
		margin-bottom:10px;
}

#physical_address
{
		font-color:#000;
		font-family: 'Trebuchet MS',Arial;
		font-size:14px;
		font-weight: normal;
		width:210px;
		padding-right:20px;
		padding-left:20px;
		float:right;
}

	.pagination {color:#666;padding: 1px 2px 1px 7px;margin: 0 0 1.5em;height:25px; width:600px;}
	.pagination p {position:relative;text-align:right;padding-top:3px;}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #cccccc;color:#000000;font-family: 'Trebuchet MS',Arial;font-size:12px;}
	.pagination p a:hover {background:#526C53;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc;font-family: 'Trebuchet MS',Arial;font-size:12px;}
	.pagination * {margin:0}