/* Mountain House - Commercial : 02/20/08 */

/* ===== GLOBAL ================================================================================================================ */
* {margin:0; padding:0; border:0;}

body {
	background:#b4a97e;
	text-align:center;
}

html,body,div,p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

#container p {line-height:18px;}

#container {
	margin:0 auto;
	text-align:left;
	width:760px;
	padding:10px;
	background:#FFFFFF;
}

#header {height:106px; background: url(../media/images/header.gif) no-repeat;} 

#sub_container{margin:10px 0; background: url(../media/images/bg_sub-container.gif) repeat-y;}

#column_left {width:184px; float:left; background:#abaa6a;}

#home #column_right{padding-top:10px;}
#column_right{width:544px; float:right; background:#807c4a; padding:10px; padding-top:24px; text-align:justify;}
#column_right ul {margin-left:15px; margin-bottom:20px; list-style:disc; text-align:left;}
#column_right ul li {margin-bottom:5px; line-height:18px;}
#column_right ul h2 {margin-left:-15px; margin-bottom:5px;}
#column_right a {color:#ffffcc;}
#column_right a:hover {text-decoration:none;}


#footer {height:35px; background:#b4a97e; clear:both; text-align:center; color:#000000; padding-top:20px;}
#footer a {color:#000000; }
#footer a:hover {text-decoration:none;}
.footer_logo { width:263px; height:14px; margin:0 15px; }


/* ===== PHOTO GALLERY  ============================================================ */

#gallery {
	text-align:center;
}

.pb { /* Photo Border */
	border:#7B3129 solid 4px;
}
.pb2 { /* Button Border & Location */
	border:#ffffff solid 2px;
	float:right;
}

#gallery img.pb {
	margin:0 8px;
	margin-bottom:15px;
	/*width:140px;
	height:90px;*/
}

#gallery a:hover img.pb {
	border-color:#889259;
}


/* ===== REGISTER / JOIN INTEREST LIST =================================================================== */	

label {font-size:11px; display:block; clear:both; float:left;  width:115px;  padding:2px 0; f} /* block = 100% width */

.input, select {
	display:block; width:290px; float:left; background:#cdba93; padding:2px; border:#FFFFFF solid 1px;
	margin-bottom:10px;
}

label.fw { /* full width */
	display:block; float:left; width:300px; margin-top:5px;
}

/* --- Required  ------------------------ */
.required {font-weight:bold;}
label span { visibility:hidden; } /* for the "*" */
label.required span { visibility:visible; } /* for the "*" */





/* ===== DIVs ================================================================================================================ */
#sect_header {margin:0 -10px 15px -10px;}
#sect_header h1{display:block; background:#cdba93; padding:6px 10px; border-top:#FFFFFF solid 1px; border-bottom:#FFFFFF solid 1px;}

#column_a {width:220px; float:left;}
#column_b {width:300px; float:right;}
#column_b2 {width:300px; float:right;}
#column_a2{width:240px; float:left;}
#column_aa{width:280px; float:left;}
#column_aa2{width:248px; float:left;}
#column_bb {width:250px; float:right;}
#column_bb2{width:290px; float:right;}

/*#why_locate {padding:5px;}*/
#why_locate {padding:5px; background: #abaa6a url(../media/images/bg_sidebar.gif) repeat-x; height:260px; border-top:#FFFFFF solid 1px; margin-top:-1px; text-align:center;}
#why_locate ul {margin-left:15px; margin-bottom:20px; list-style:disc; text-align:left;}
#why_locate ul li {margin-bottom:5px; line-height:12px; }


/* ===== CLASSES ================================================================================================================ */
.pb {border:#FFFFFF solid 1px;} /* photo border */
.bb {border-bottom:#FFFFFF solid 1px;} /* border bottom */

.fl {float:left; margin:0 15px 15px 0;}
.fr {float:right; margin:0 0 15px 15px;}

.butn_bord {border:#FFFFFF solid 2px;}
.butn_bord2 {border:#FFFFFF solid 2px; margin-bottom:8px; text-align:right;}

#amenities .indent {margin-left:70px;}

#container p {line-height:18px;}

p, .mb {margin-bottom:15px;}

h2 {font-size:10px; font-weight:bold; text-transform:uppercase;}

hr {border-bottom:#FFFFFF solid 1px; margin:15px 0;}



/* ===== NAV ================================================================================================================ */
.arrowlistmenu{
width: 184px;
background:#FFFFFF;
/*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 10px Verdana;
color:#f0e3ba;
background: black url(../media/images/nav/off.jpg) repeat-x center left;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
padding: 6px 0 6px 15px; /*header text is indented 15px*/
cursor: hand;
cursor: pointer;
}

/* Main Butn - bg ON state per PAGE */
#home #nav_home,
#getting_here #nav_gettinghere,
#photo_gallery #nav_photo_gallery,
#register #nav_register, #news #nav_news {
	background-image:  url(../media/images/nav/on.jpg);
	margin-bottom: 0px;	
}
/* Main Butn - text ON state per PAGE */
#home #nav_home a,
#getting_here #nav_gettinghere a,
#photo_gallery #nav_photo_gallery a, 
#register #nav_register a, #news #nav_news a{
	color: #7b5936;
}	
	

.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
background-image:  url(../media/images/nav/on.jpg);
color: #7b5936;
margin-bottom: 0px;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
 /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 1px;
background-color: #ccba92; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #7b5936;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
min-height:10px;
padding:6px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-size: 10px;
}

.arrowlistmenu ul li {
color: #7b5936;
background-color: #ccba92;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #7b5936;
background-color: #d6c5a0;
}

h3 {padding:0; margin:0;}
h3 a{padding:0; margin:0;
	text-decoration:none;
	color:#f0e3ba;
	}

/* Nav Item Hovers for ">>"   */	
.arrowlistmenu a span{visibility:hidden;}

.arrowlistmenu a:hover span, 
#amenities #nav_amenities a span, 
#the_town_of_tomorrow #nav_the_town_of_tomorrow a span,
#community_planning #nav_community_planning a span,
#community_services #nav_community_services a span,
#library #nav_library a span,
#technology #nav_technology a span,
#schools #nav_schools a span,
#recreation #nav_recreation a span,
#transportation #nav_transportation a span,
#map #nav_map a span,
#office_space #nav_office_space a span,
#medical #nav_medical a span,
#flex_space #nav_flex_space a span,
#retail #nav_retail a span,
#commerce_center #nav_commerce_center a span
{visibility:visible;}
/*.arrowlistmenu a selected span {visibility:visible;}*/
	
/*
#nav_amenities a:hover, #nav_amenities a.selected  {
	/*background-color: #e8ddc8;
	color: #bb0000;
}

*/

#nav_the_town_of_tomorrow a:hover, #nav_the_town_of_tomorrow a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_the_town_of_tomorrow a:hover span, * #nav_the_town_of_tomorrow a.selected span {
	visibility:visible;	
}
		
#nav_community_planning a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_community_planning a:hover, #nav_community_planning a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_community_planning a:hover span, * #nav_community_planning a.selected span {
	visibility:visible;	
}
#nav_community_services a span { /* for the ">>" */
	visibility:hidden;	
}

#community_services a:hover, #community_services a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_community_services a:hover span, * #nav_community_services a.selected span {
	visibility:visible;	
}

#nav_library a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_library a:hover, #nav_library a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_library a:hover span, * #nav_library a.selected span {
	visibility:visible;	
}	

#nav_technology a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_technology a:hover, #nav_technology a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_technology a:hover span, * #nav_technology a.selected span {
	visibility:visible;	
}	


#nav_schools a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_schools a:hover, #nav_schools a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_schools a:hover span, * #nav_schools a.selected span {
	visibility:visible;	
}

#nav_recreation a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_recreation a:hover, #nav_recreation a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_recreation a:hover span, * #nav_recreation a.selected span {
	visibility:visible;	
}

#nav_transportation a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_transportation a:hover, #nav_transportation a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_transportation a:hover span, * #nav_transportation a.selected span {
	visibility:visible;	
}

#nav_map a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_map a:hover, #nav_map a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_map a:hover span, * #nav_map a.selected span {
	visibility:visible;	
}		

#nav_retail a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_retail a:hover, #nav_retail a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_retail a:hover span, * #nav_retail a.selected span {
	visibility:visible;	
}	

#nav_office_space a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_office_space a:hover, #nav_office_space a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_office_space a:hover span, * #nav_office_space a.selected span {
	visibility:visible;	
}

#nav_medical a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_medical a:hover, #nav_medical a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_medical a:hover span, * #nav_medical a.selected span {
	visibility:visible;	
}


#nav_flex_space a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_flex_space a:hover, #nav_flex_space a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_flex_space a:hover span, * #nav_flex_space a.selected span {
	visibility:visible;	
}



#nav_commerce_center a span { /* for the ">>" */
	visibility:hidden;	
}

#nav_commerce_center a:hover, #nav_commerce_center a.selected  {
	/*background-color: #e8ddc8;*/
	color: #5a420c;
}

#nav_commerce_center a:hover span, * #nav_commerce_center a.selected span {
	visibility:visible;	
}

/* ====== BROWSER HACKS : DON'T DELETE ================================= */

/*--------- CLEARFIX ---------*/
#sub_container:after, .clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
#sub_container, .clearfix {
	display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
	* html #sub_container, * html .clearfix {height: 1%;}
	
	#sub_container, .clearfix {display: block;}
/* End Holly Hack */
/*----------- END CLEARFIX -------------------*/

	
/*textarea{resize:none;}  Safari */
	
/* ====== end BROWSER HACKS : DON'T DELETE ================================= */



/* ========BOLD LINK  (Technology Page) ================*/
.boldlinks{
	font-weight:bold;
	font-size:11px;
}
/* ========Headers and Subheaders (Technology Page) ================*/
.headers{
	font-weight:bold;
	font-size:12px;
}
.subheaders{
	font-weight:bold;
	font-size:11px;
}
.listindent{
	font-weight:bold;
	font-size:11px;
	margin-left:15px;
}
/* ==============Pop Ups===============*/
.popbg{ 
	background:#807c4a;
	margin-top:25px;
	}
.popbg img{ 
	border:1px solid #fff;
	}
	
	
.iemargin{
	 width:148px;
	 height:503px;
	 float:left;
	 
	 /*margin-right:8px;*/
	 margin-bottom:10px;
}