@charset "UTF-8";
/* CSS Document

styles for MAIN Siite Components   ---   created by RH

Turqoise Blue - 00788a
Burnt Sienna - 5b1300
Mustard Underline - dce37e
*/


html, body, h1, h2, h3, h4, p, ul, li, ol, form, div, img {margin:0; padding:0; border:0;}

body {
	background: #f3f5d2;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
}

.zero {padding:0 !important; margin: 0 !important;}
.left {float:left;}
.right {float:right;}

/*
***   HEADER   ***
*/
div#masthead {height: 132px; background: url(/images/design/masthead.jpg) top repeat-x; }

div#header {width:1000px; height:132px; margin: 0 auto; background:url(/images/design/header_bg.jpg) bottom no-repeat; position:relative;}

	div#logo {display:block; width: 225px; height: 70px; position:absolute; top: 35px; left:65px;}
		div#logo a {display:block; width: 275px; height: 75px; }

	span#contact_link a{display:block; width:200px; height:30px; position:absolute; right: 15px; top: 52px;}


	div#signin_join {background:url(/images/design/button_signin_bg.jpg) no-repeat; overflow:hidden;
		width:142px /*162 - 20*/; height:42px /*44 - 2*/; 
		margin-left:785px; padding: 2px 0 0 20px;}
	
		/*shows SIGN IN - JOIN */
		span#signin a {display:block; width: 70px; height:27px; background:url(/images/design/button_signin_nav.jpg) bottom left no-repeat; float:left;}
		span#signin a:hover {background-position: top left;}
		span#join a {display:block; width: 43px; height:27px; background:url(/images/design/button_signin_nav.jpg) bottom right no-repeat; float:left;}
		span#join a:hover {background-position: top right;}
		
		/*shows SIGN OUT - PROFILE*/
		span#signout a {display:block; width: 70px; height:27px; background:url(/images/design/button_signout_nav.jpg) bottom left no-repeat; float:left;}
		span#signout a:hover {background-position: top left;}
		span#profile a {display:block; width: 43px; height:27px; background:url(/images/design/button_signout_nav.jpg) bottom right no-repeat; float:left;}
		span#profile a:hover {background-position: top right;}
	
	
	 /*   ***   TOP NAVIGATION   *** */
    ul#nav {list-style:none; width: 255px; font: normal 18px Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif; margin: 9px 0 0 520px;}
        ul#nav li {display: block; width: 85px; float:left; text-align:center; position:relative; font-weight:lighter;}
            ul#nav li a {display: block; color:#5b1300; text-decoration: none; padding: 0 0 25px 0; height: 15px; background:url(/images/design/nav_hover_bg.jpg) center 26px no-repeat;}
            ul#nav li a:hover {color: #00788a; cursor:default;}

            /*   ***   SUB NAVIGATION   *** */
            ul#nav li ul {display:none; width: 525px; position:absolute; top:40px; z-index:50; float:left;}
                ul#nav li.live ul {left: 17px;}
                ul#nav li.learn ul {left: -65px; }
            ul#nav li:hover ul {display: block; top:40px; }
                ul#nav li ul li {display:block; float: left; width: auto; padding: 0 12px 0 0; }
                    ul#nav li ul li a {display: block; float: left; background:#EDF0BB; font-size: 13px;
						margin:5px 0 0 0; padding: 2px 3px 10px 3px; color:#5b1300;}
                    ul#nav li ul li a:hover { text-decoration:underline; color:#5b1300; cursor:pointer; }

        /*displays and hides the subnav*/
         ul#nav li ul.show {display:block;}
          ul#nav li ul.selected {display:block;}
    
        /*Active States For All Buttons*/
       ul#nav li ul li a.link_selected {text-decoration:underline!important;}
       ul#nav li a.main_selected {color: #00788a;}
       ul#nav li ul li a.main_selected {color:#5b1300;}

/* LOOP   ---   FIND A BETTER PLACE TO PUT THIS WHEN DOING INT PAGE*/
div#loop_wrapper {width:241px; height: 301px; background: url(/images/design/loop_bg.jpg) no-repeat; float:left;}
	div#loop_body {width: 215px; margin: 60px 0 0 18px; font: 13px Georgia, "Times New Roman", Times, serif; color:#505050;}
	div#loop_body form {margin: 5px 0 5px 0;}
			div#loop_body form input#email_box {height: 13px; font-size:10px; color: #505050; width: 140px;}
			/*div#loop_body form input#join {width:40px; height:22px; background:url(/images/design/button_join.jpg) center center no-repeat;text-indent:-9999px; cursor: pointer; border:0;}*/
	div#loop_body a:link, div#loop_body a:visited{color:#505050; text-decoration: none;}
	div#loop_body a:hover, div#loop_body a:active{text-decoration: underline;}



/*
***   CONTENT BODY   ***
*/

div#col_wrapper{width:1000px; margin:0 auto; overflow:hidden;}

div#left_col {width: 750px; margin: 0 auto; float:left;}
	div#content {width: 640px; margin: 15px 0 0 75px; color:#505050;}
		div#content h1 {border-bottom:5px solid #dce37e; margin-bottom:15px; }
		div#content h2 {color:#505050; font-size:16px; margin: 5px 0 0px 0;}
		
		div#content a:link, div#content a:visited {color:#B4BB4E; text-decoration:none;}
		div#content a:hover, div#content a:active {text-decoration:underline;}
		
		div#content p {margin: 10px 0 10px 0; line-height:1.25;} 
			div#content p.disclaimer {font-size:90%; font-style:italic;} 
		
		div#content ul {margin: 5px 0 5px 60px;}
			div#content ul li {margin: 0 0 12px 0;}
	
		div#content div.green_bar {height: 1px; border-bottom: 3px solid #dce37e;}
	
		/*replaces SIFR font*/
		div#content div.alt {display: block; height: 0; position: absolute; overflow: hidden; width: 0;}

div#right_col {float:right; width:250px; }
	div#promo_interior {width:245px; height:350px; float:left;}

	
/*
***   articles = EVENTS & NEWS   ***  
*/
	div.article_item{padding: 0 0 8px 0; margin: 0 0 20px 0; border-bottom: 5px solid #dce37e;}




/*
***   COMMUNITY   ***  
*/
		/* NO logged in*/
	div#com_recent_members {width:925px;}
	div#com_recent_members ul {width:925px; list-style:none; margin:0 auto 0 auto; padding: 0 !important; overflow:hidden;}
			div#com_recent_members ul li{list-style:none; margin:0 !important; float:left; padding: 0 6px 5px 6px;}
	div#com_recent_members ul li a img {border: 1px solid #fff; }
	div#com_recent_members ul li a:hover img {border: 1px solid #00788a;}

		/* YES logged in*/
	div.member_box {width:430px; height:105px; border-bottom: 3px solid #dce37e; padding-bottom:10px; margin: 0 0 20px 0;}
	div.member_box  img.profile_image {margin: 0 10px 0 0;}
			div.member_box p {font-size:12px;}

/*
***   FLOORPLANS   ***  
*/
	ul#floorplans {list-style:none; width:640px; overflow:hidden; margin:0 !important; padding: 0 !important; text-align:center;}
		ul#floorplans li {width:320px; float:left; margin:0 0 50px 0 !important; padding: 0 !important;} 
			ul#floorplans li img {border:none;}
			/*ul#floorplans li img.fp_image {width:100%; height:100%;}*/
	ul#floorlayout {list-style:none; width:640px; overflow:hidden; margin:0 !important; padding: 0 !important; text-align:center;}
		ul#floorlayout li {width:640px; float:left; margin:0 0 50px 0 !important; padding: 0 !important;} 
			ul#floorlayout li img {border:none;}

/*
***   FAQ   ***  
*/
	div#faq {margin-left:15px;}
	div#faq h2 {width:225px;}
	div#faq ol {margin: 0 0 10px 35px;}
	div#faq ol li {margin: 0 0 7px 0;}
	div#faq ol ul {margin: 0 0 0 30px; list-style:disc;}
	div#faq .faq_hover{color:#B4BB4E; cursor:pointer;}

/*
***   PHOTOS   ***  
*/
	/* list of galeries*/
	ul#galleries {width:625px; overflow:hidden; margin:0 auto 0 auto !important; padding: 0 !important; list-style:none; }
		ul#galleries li {float:left; margin: 10px !important; text-align:center; font-weight:bold; width: 185px; overflow:hidden;}
			ul#galleries li a img{width: 165px; height:110px; border: 1px solid #dce37e; float:left; padding: 9px; margin: 0 0 5px 0;}
			ul#galleries li a:hover img{border: 1px solid #00788a;}
	
	/* list of photos in gallery*/
	div#gallery_wrapper {width: 625px; margin: 0pt 0 5px 0; overflow: hidden; padding:0; } 
	ul.gallery_unstyled {display: none;}

	.galleria li {width:61px;height: 50px; margin: 0 6px 6px 0!important; background:#fff; display:block; float:left; overflow:hidden; padding: 0;}
	
	.galleria li a{display:none}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img,.galleria li.active div{display:block}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:61px;height:auto; }
	
	img.replaced {padding: 6px; border: 2px solid #dce37e; width:597px; height: 400px; margin: 0; /*position: absolute; top: 20px; left: 20px; */}
	
	ul.gallery {margin: 0; padding: 0; }
 
	ul.gallery_demo {display: block; margin: 5px 0 0 0!important; border: 2px solid #dce37e; overflow:hidden; padding: 6px 0 0 6px; width:603px;}

/*
***   PROFILE / SIGNUP   ***  
*/

	div.form_box {width:550px/*600 - 20*/; margin:0 auto 20px auto; background:#FaFcF4; padding: 10px 0 10px 20px; overflow:hidden;}
		div.form_box p {font-weight:bold;}
		div.form_box p span.form_social {font-weight:normal; font-size:12px;}
		div.form_box span.form_req {color:#00788a;}
		div.form_box h3 {color:#00788a; font-size:15px; margin:5px 0 5px 0;}
	div.form_half {width:270px;  float:left; /*height:50px;*/ overflow:hidden;}
	div.form_qrt_state {width:99px;  float:left; height:50px; overflow:hidden;}
	div.form_qrt_zip {width:105px;  float:left;height:50px; overflow:hidden; }
	
	form input.txt_long {width: 200px;}
	form input.txt_myspace {width: 82px;}	
	form input.txt_virb {width: 106px;}	
	form input.txt_twitter {width: 91px;}	
	form input.txt_flickr {width: 100px;}	
	form input.txt_facebook {width: 80px;}	
	form input.txt_youtube {width: 84px;}	
	form input.txt_linkedIn {width: 82px;}
	form input.txt_state {width: 50px;}	
	form input.txt_zip {width: 100px;}	
	

	form input.txt_error {border: 1px solid red;}	


/*
***   FOOTER   ***  
*/
div#footer_wrapper {height:190px; background:url(/images/design/footer_wrapper_bg.jpg) repeat-x; border-top:2px solid #dcdec6;}
	div#footer {width:1124px; height: 190px; background:url(/images/design/footer_bg.jpg) no-repeat;  margin: 0 auto;}
		div#mgmtcall p {font: normal 12px Georgia, "Times New Roman", Times, serif; color:#98774a; padding: 80px 0 0 100px;}
		div#mgmtcall p a {color: #00788a; text-decoration:none;}
		div#mgmtcall p a:hover {text-decoration:underline;}
		
		div#copyright p {font: normal 12px Georgia, "Times New Roman", Times, serif; color:#98774a; padding: 55px 0 0 100px;}
		div#copyright p a {color: #00788a; text-decoration:none;}
		div#copyright p a:hover {text-decoration:underline;}