/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
background:#fbf8ef url(../images/bg.jpg) repeat-x top left;
   padding:0;
   margin:0;
   text-align:center; /* for ie6 and under */
   min-width:1000px;/* for mozilla*/
   color: #000000;
}
#outer{
   min-height:100%;
   width:1000px; /* add 2px if borders are not used */
   color: #000000;
   text-align:left;
   margin:auto;
   position:relative;
overflow:hidden;
background-color:#2e0906;
/* 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{
   background:#fbf8ef url(../images/header_bg.jpg) repeat-x top left;
   min-height:43px;
   position:relative;
   width:1000px;
text-align:center;
}

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

#bdywrp
{
width:994px;
border-left:3px #d6bb39 solid;
border-right:3px #d6bb39 solid;
border-bottom:3px #d6bb39 solid;
background: url(../images/swirl_bg.jpg) repeat top left;
min-height:100%;
margin:auto;
}

#logo
{
   background: url(../images/logo.jpg) no-repeat top center;
   width:207px;
   height:185px;
   float:left;
}

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

#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:955px;
height:261px;
padding-left:20px;
padding-right:20px;
z-index:1;
}


#divider{
position:absolute;
margin-left:-3px;
margin-top:10px;
margin-bottom:10px;
width:1000px;
text-align:right;
height:41px;
z-index:1;
background:#000 url(../images/divider.jpg) no-repeat top center;
z-index:2;
}

#hearts_mini
{
padding-top:6px;
float:right;
padding-right:5px;
}

#announce
{
padding-top:10px;
padding-right:25px;
font-family: Baskerville Old Face, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 16px;
font-style:italic;
color:#fff;
float:right;
}

#announce A
{
text-decoration:underline;
color:white;
}


#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:1000px; /* add 2px if borders are not used on the #outer div */
   clear:both;
   height:50px;
background:#000 url(../images/footer_top.jpg) no-repeat top center;
   color: #000000;
   text-align:center;
   left:0;
   bottom:0;
   position: absolute;
z-index:4;
}

#footer a {
color:#fff;
font-size:12px;
}

#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
{
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 {
min-height:500px;
   width:706px;
   float:right;
   background-color:#fff;
   margin-right:20px;
   margin-top:55px;
   padding:10px;
background: url(../images/centre_bg.jpg) repeat-y top left;
border:3px #310e0b solid;
}

#centrecontent_content {
   width:485px;
   float:left;
}

#centrecontent_content H1
{
font-family: Times New Roman, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 30px;
letter-spacing:-1px;
font-weight: normal; 
color: #000;
padding-left:15px;
padding-right:15px; 
color:#310e0b;
}

HR
{
color:#E9C273;background-color:#E9C684;height:1px;border:none;
}

#centrecontent_content H3
{
font-family: Times New Roman, Lucida, Geneva, Helvetica, Arial, sans-serif;  
font-size: 22px;
letter-spacing:-1px;
font-weight: normal; 
color: #000;
padding-left:15px;
padding-right:15px; 
color:#310e0b;

}

#centrecontent_content2 {
   width:685px;
   padding-left:10px;
   float:left;
}

#centrecontent_content2 H1
{
font-family: Times New Roman, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 30px;
padding-bottom:0px;
margin-bottom:0px;
letter-spacing:-1px;
font-weight: normal; 
color: #000;
padding-left:15px;
padding-right:15px; 
color:#310e0b;
}

#centrecontent_content2 H4
{
font-family: Times New Roman, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 22px;
letter-spacing:-1px;
font-weight: normal; 
color: #000;
padding-left:15px;
padding-right:15px; 
padding-bottom:8px;
margin-bottom:0px;
color:#310e0b;
}

#centrecontent_content2 H3
{
font-family: Baskerville Old Face, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 22px;
letter-spacing:-1px;
font-weight: normal; 
color: #000;
padding-left:15px;
padding-right:15px; 
color:#310e0b;
}

#module A
{
color:#310e0b;
font-weight:bold;
}

#centrecontent_content2 p{
font-family: Georgia, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 15px; 
color: #000000; 
padding-left:18px;
padding-right:15px;
text-align: justify;
line-height:20px;
}

#centrecontent_content2 ul li{
font-family: Georgia, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 15px; 
color: #000000; 
margin-left:18px;
margin-right:15px;
text-align: justify;
line-height:20px;
}

#module
{
width:185px;
float:right;
padding-left:10px;
}

#module H4
{
font-family: Times New Roman, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 24px;
letter-spacing:-1px;
font-weight: normal; 
color: #000;
color:#310e0b;
margin-bottom:5px;
border-bottom:1px #000 dashed;
width:175px;
}

#module P
{
font-family: Garamond, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 18px; 
font-weight: normal; 
color: #000;
margin-top:5px;
margin-bottom:0px;
}

#centrecontent_content HR
{
margin-top:10px;
width:93%;
}

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

#right_column
{
min-height:300px;
width:215px;
background: url(../images/split_bg.jpg) no-repeat top left;
float:right;
}

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

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

#centrecontent_content p{
font-family: Georgia, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 16px; 
color: #000000; 
padding-left:18px;
padding-right:15px;
text-align: justify;
line-height:20px;
}

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


#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:97px;}
#navMain .nInfo {left:97px; width:183px;}
#navMain .nAmenitites {left:280px; width:157px;}
#navMain .nEvents {left:437px; width:160px;}
#navMain .nMembership {left:597px; width:139px;}
#navMain .nMyvhcc {left:736px; width:103px;}
#navMain .nContact {left:839px; width:141px;}

#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 -97px -49px;}
#navMain .nAmenitites a:hover, #navMain .nAmenitites a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -280px -49px;}
#navMain .nEvents a:hover, #navMain .nEvents a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -437px -49px;}
#navMain .nMembership a:hover, #navMain .nMembership a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -597px -49px;}
#navMain .nMyvhcc a:hover, #navMain .nMyvhcc a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -736px -49px;}
#navMain .nContact a:hover, #navMain .nContact a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -839px -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;
margin: 0;
padding: 0;
border: none;
}

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

#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:375px;
	padding:14px;
}



	/* ----------- stylized ----------- */
	#stylized{
margin-left:15px;
		border:solid 2px #54231E;
		background:#f2e5cb;
		float:left;
		margin-bottom:30px;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#544b2f;
		margin-bottom:20px;
		border-bottom:solid 1px #544b2f;
		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 #ccc2a2;
		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 #ccc2a2;
		width:200px;
		margin:2px 0 20px 10px;
	}

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

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

	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#544b2f 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;
}

#left_col
{
top:43px;
position:absolute;
left:44px;
width:207px;
background:url(../images/menu_fill.gif) repeat-y;
height:100%;
min-height: 100%;
z-index:3;
}

.menu_list {	
	margin-top:20px;
	width: 150px;
	background-color:inherit;
}
.menu_head {
	padding: 2px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
	font-size:18px;
	font-family:garamond,tahoma;
        font-weight:normal;
        background: inherit;
	color:#000;
}

.menu_head A
{	
	font-size:18px;
	font-family:garamond,tahoma;
        font-weight:normal;
        background: inherit;
	color:#000;
	text-decoration:none;
}

.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  color:black;
  background-color:inherit;
  padding-left:18px;
  line-height:20px;
	font-size:16px;
	font-family:garamond,tahoma;
        font-weight:normal;
	color:#000;
	text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
  }

#inner_footer
{
padding-top:40px;
}

#inner_footer_gold
{
float:left;
left:44px;
width:299px;
height:138px;
background:url(../images/gold_footer.jpg) no-repeat top center;
margin-left:15px;
}

#inner_footer_gold2
{
float:left;
left:44px;
width:350px;
height:138px;
background:url(../images/gold_footer_cert.jpg) no-repeat top center;
margin-left:10px;
}

#inner_footer_gold H3
{
margin-bottom:0px;
margin-top:10px;
}


#inner_footer_gold2 H3
{
margin-bottom:0px;
margin-top:10px;
}