﻿/* Begin CSS reset - http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/** end CSS reset */

/* global styles */
.center { text-align: center !important; }
.middle { vertical-align: middle !important; }
.fltr { float: right; }
.fltl { float: left; }
.underline { text-decoration: underline; }
.clear { clear: both; }
.clearl { clear: left; }
.clearr { clear: right; }
.nobg { background-image: none !important; }
.noborder { border: none !important; }
.textr { text-align: right !important; }
.textl { text-align: left !important; }
.textc { text-align: center !important; }
.hide { display: none; }
.strikethrough { text-decoration: line-through; }
.clickable { cursor: pointer; }
.icon-text32 { margin-right: 6px; position: relative; top: 11px; }
.portrait      
{
    background-color: White;
    border-right: 1px solid #A7B0B7;
    border-bottom: 1px solid #A7B0B7;
    padding: 5px;
}    


/* basics */
a { color: #0077c0; text-decoration: underline; }
a:hover { color: #005E97; text-decoration: underline; }
p { line-height: 140%; margin: 10px 0; }
hr, .hr
{
    color: #CCCCCC;
    background-color: #CCCCCC;
    height: 1px;
}

h2, h3, h4
{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

h1 
{
    color: #000000;
    font-size: 240%;
    line-height: 120%;
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 0;
}
h2 
{
    color: #000000;
    font-size: 160%;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: -5px;
    padding-bottom: 0;
}
h2 a { color: #000; text-decoration: none; }
h2 a:hover { color: #3B3B3B; text-decoration: none; }

h3
{
    color: #000000;
    font-size: 120%;
    font-weight: bold;
    line-height: 130%;
    margin-bottom: -5px;
    padding-bottom: 0;
}
h4
{
    color: #000000;
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 0;
}

blockquote 
{
    color: #777777;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 167%;
    font-style: italic;
    line-height: 140%;
    margin: 30px 60px;
}  

/* page structure */
body
{
    /* target the MCE editor */
    font-family: Arial, Helvetica;
    padding: 10px;
}
body.page-body, body.sIFR-active /* sIFR on Chrome replaces the page-body class with it's own */
{
    background-color: #8196A3;
    color: #3B3B3B; /* was #5C707C */
    padding: 0;
}

#alert-container
{
    background: #ffffff url("/images/alert-bg.png") repeat-x top left;
    height: 70px;
}
#topedge-container
{
    background: #EEF1F3 url("/images/top-shadow.png") no-repeat top center;
    height: 12px;
}
#header-container
{
    background-color: white;
    border-top: solid 1px #E2E7EB;
}
#nav-container  
{
    background: #2E9ADB url("../images/nav-bg.png") repeat-x top left; 
    height: 53px;
}
#content-container { background: #EEF1F3 url("/images/content-bg.png") repeat-x top left; border-bottom: solid 1px #fff; }
#community-home-header-container, #community-inner-header-container 
{
    background: #CCD5DE url("/images/community-home-header-bg.png") repeat-x left top;
}
#footer-container
{
    background-color: white;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #B3C7C8;
}
#header, #nav, #content, #footer, #community-home-header, #community-inner-header, #alert
{
    margin: 0 auto;
    width: 960px;
}


/** alert **/
#alert {}
#alert .alert-icon 
{
    float: left;
    margin-left: 10px;
}
#alert .alert-text
{
    float: left;
    padding: 0 10px;
}
#alert .alert-text p { line-height: 100%; margin: 0; }
#alert .alert-message
{
    color: #ffffff;
    font-size: 120%;
    font-weight: bold;
    margin: 18px 0 0 0;
    text-transform: uppercase;
}
#alert .alert-instructions
{
    color: #FFC3C5;
    font-size: 90%;
    font-weight: normal;
    margin: 2px 0 0 0;
}
#alert .alert-button
{
    display: block;
    float: left;
    width: 161px;
}

/** header **/
#header { height: 105px; width: 872px; }
#header a { text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header a#txtLarge:hover, #header a#txtSmall:hover { text-decoration: none; }
#logo { float: left; padding: 20px 0 0 30px; width: 265px; }
#globalmessage
{
    float: left;
    font-size: 110%;
    padding: 45px 0 0 10px;
    width: 200px;
}

#tools  
{
    float: right; 
    position: relative; 
    width: 330px; 
}

.tools-contact  
{
    clear: both;
    height: 28px;
    left: 245px;
    position: absolute;
    top: -13px;
}

.tools-contact .btn-contact, .tools-contact .btn-canvas { float: right; }
.tools-contact .btn-contact { margin-top: -1px; }
.tools-contact .btn-canvas
{
    background-color: #7E95A3;
    border: 1px solid #596565;
    border-top: none;    
    color: #efefef;  
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px 7px 10px;
    margin-right: 10px;
    text-decoration: none;      
    text-transform: uppercase;
}

.tools-links
{
    color: #5c707c;
    font-size: 11px;
    float: right;
    height: 27px;
    margin: 25px 3px 0 0;
    text-transform: uppercase;     
    white-space: nowrap;
}
.tools-links a { color: #5c707c; float: left; }
.tools-links a:hover { color: #404F57; }
.tools-links .share, .tools-links .print { margin-right: 22px; padding: 4px 24px 4px 0; }
.tools-links .share  { background: #fff url("../images/hdr-share-icon.png") no-repeat center right; } 
.tools-links .print { background: #fff url("../images/hdr-print-icon.png") no-repeat center right; }
.tools-links .textsize { float: left; padding: 4px 3px 4px 0; }
.tools-links #txtSmall, .tools-links #txtLarge  
{
    display: block; 
    height: 19px; 
    text-decoration: none; 
}
.tools-links #txtSmall  
{
    background: #fff url("../images/hdr-smalltxt-icon.png") no-repeat center center;
    width: 12px;
}
.tools-links #txtLarge 
{
    background: #fff url("../images/hdr-largetxt-icon.png") no-repeat center center;
    width: 19px;
}

.tools-search { float: right; width: 288px; }
.tools-search .searchbox
{
    background: #fff url("../images/searchbox-bg.png") repeat-x top left;
    border: none;
    color: #8196a3;
    float: left;
    line-height: 22px;
    height: 22px;
    width: 245px;
}
.tools-search .searchbox-ltcap, .tools-search .searchbox-rtcap 
{
    float: left;
    height: 22px;
    width: 5px;
}
.tools-search .searchbox-ltcap { background: #fff url("../images/searchbox-ltcap.png") no-repeat top left; }
.tools-search .searchbox-rtcap { background: #fff url("../images/searchbox-rtcap.png") no-repeat top left; }
.tools-search .searchboxBlur { font-style: italic; }
.tools-search .searchbtn { float: left; margin-left: 4px; }


/** top nav **/
#nav  
{ 
    background: transparent url("/images/nav-edge.png") no-repeat top right; 
    height: 53px; 
    overflow: hidden; 
    width: 960px; 
}
#nav ul li { float: left; width: 240px; }
#nav li a { display: block; }
#nav li a span {
    background: transparent url("/images/nav-arrow.png") no-repeat right center;
	padding: 0 12px 2px 0;
}
#nav li a:hover span { background-image: url("/images/nav-arrow-down.png"); }

#nav li li a span, #nav li li a:hover span {
	padding-right: 0;
	background: none;
}
    
#nav li ul {
	background: #fff url("/images/nav-bg2.png") repeat-x bottom left;	
	filter: alpha(opacity=95);
	opacity: .95;
	position: absolute;
	left: -999em;	
	width: 240px;
	z-index: 100;
}

#nav li
{
    background: transparent url("/images/nav-edge.png") no-repeat top left;
    font-weight: bold;
}

#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li li { }

/* first-level nav */
#nav li a, #nav li a:link, #nav li a:visited, #nav li a:active
{
    color: #fff;
    font-size: 110%;
    font-weight: bold;
	line-height: 53px;
	height: 53px;
    text-align: center;    
    text-decoration: none;
}

#nav li a:hover { background: transparent url("/images/nav-bg-hover.png") repeat-x top left; color: #425059; }


/* second-level nav */
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover, #nav li li a:active
{
    border-bottom: solid 1px #d5dfe6;
    color: #425059;
    font-size: 100%;
    line-height: 28px;
    height: auto;
    padding: 0 10px 4px 0;
    text-align: center;
}

#nav li li a:hover  
{
    background: transparent url("/images/nav-bg-hover2.png") repeat-x bottom left !important;
    border-bottom-color: transparent !important;
    color: #FFFFFF;
    text-decoration: none; 
}

/* grey the top link for the section we're in, but not the sub-links under that */
#nav li.selected a, #nav li.selected a:link, #nav li.selected a:visited, #nav li.selected a:hover, #nav li.selected a:active
{
    background: transparent url("/images/nav-bg-hover.png") repeat-x top left; 
    color: #425059;
}
#nav li.selected a:hover { color: #fff; }
#nav li.selected span { background-image: url("/images/nav-arrow-down.png"); }
#nav li.selected li a, #nav li.selected li a:link, #nav li.selected li a:visited, #nav li.selected li a:hover, #nav li.selected li a:active
{
    background: none;
}
#nav li.selected li span { background: none; }

/** remove the image used for the top hover **/
#nav li:hover li a, #nav li.sfhover li a{
    background-image: none;
}
#nav li li {
    background-image: none;
}

/* breadcrumb */
#breadcrumb 
{
    font-size: 93%;
    overflow: auto;
    padding: 15px 0 5px 0;
}

#breadcrumb ul { list-style: none; }
#breadcrumb ul li { color: #777777; float: left;  }
#breadcrumb ul li.spacer { line-height: 90%; padding: 0 5px 2px 5px; }
#breadcrumb a { text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }


/* container */
#container
{
    width: 960px;
    margin: 0 auto;
}

/* footer */
#footer
{
    clear: both;
    font-size: 80%;    
    min-height: 55px;
    height: auto !important;
    height: 55px;
}
.canvas-generic-properties
{
    padding: 10px 0;
    font-size: 125%;
}
#footer ul.brand-links { float: left; margin: 5px 15px 5px -13px; }
#footer span.copyright { color: #5C707C; float: left; margin-top: 25px; }
#footer ul.text-links { float: left; margin: 23px 0 0 10px; } 
#footer ul.text-links li
{
    background: #fff url("/images/footer-spacer.png") no-repeat right center;
    float: left;
    padding: 0 10px;
}

#footer ul.text-links a { color: #566C11; display: block; padding: 3px 0; text-decoration: none; }
#footer ul.text-links a:hover { text-decoration: underline; }
#footer ul.text-links li.twitter { padding-left: 0; }
#footer ul.text-links li.fb a  
{
    background: transparent url("/images/footer-icon-facebook.png") no-repeat center left; 
    padding-left: 12px; 
}
#footer ul.text-links li.twitter a  
{
    background: #fff url("/images/footer-icon-twitter.png") no-repeat center left; 
    padding-left: 18px; 
} 

ul.brand-links { }
ul.brand-links li { float: left; }
ul.brand-links li a
{
    background: #fff url("/images/brand-logos.png") no-repeat top left;
    border-right: dotted 1px #ccc;
    display: block;
    height: 45px;
    width: 60px;
}
ul.brand-links li a.last { border: none; }
ul.brand-links span { display: none; }
ul.brand-links li.vi a { background-position: 0 -55px; }
ul.brand-links li.vi a:hover,
ul.brand-links li.vi a.upstate { background-position: 0 0; } 
ul.brand-links li.classic a { background-position: 0 -165px; } 
ul.brand-links li.classic a:hover,
ul.brand-links li.classic a.upstate { background-position: 0 -110px; } 
ul.brand-links li.crbh a { background-position: 0 -275px; } 
ul.brand-links li.crbh a:hover,
ul.brand-links li.crbh a.upstate { background-position: 0 -220px; } 


/** home page **/
#homepage-content { margin: 0 auto; width: 872px; }
#homepage-lower 
{
    background: transparent url("/images/top-shadow.png") no-repeat top center;
    padding: 35px 0 15px 0;
    border: none;
}

#homepage-lower h2 { font-size: 150%; margin: 10px 15px 0 15px; }
#homepage-lower .inner { padding: 0px 15px 20px 15px; }
#homepage-lower a { font-weight: bold; }
#homepage-lower-left, #homepage-lower-center, #homepage-lower-right
{
    background-color: #FFF;   
    width: 280px; 
    vertical-align: top;
}
.homepage-lower-inner1
{
    border-top: 5px solid #D6AA88;
    position: relative;
}

.homepage-lower-spacer { width: 16px; }
#homepage-lower-left ul.brand-links  
{
    height: 45px; 
    margin: 0 auto; 
    padding-top: 15px; 
    width: 220px; 
}
#homepage-lower-left ul.brand-links li { border: none; padding: 0 5px; }
#homepage-lower-left ul.brand-links li a { border: none; }
#homepage-lower-right img { float: left; margin: 0 10px 5px 0; }
#homepage-lower-right p { font-size: 93%; }

.homepage-resident-story { padding-right: 80px !important; }
.homepage-resident-story .quote, .community-home-resident-story .quote, .testimonial-sidebar .quote
{ 
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 108%;
}

.homepage-resident-story .residentpic 
{
    left: 210px;
    position: absolute;
    top: -22px;
    z-index: 5;
}

#homepage-banner, #homepage-banner-static-image
{
    height: 285px;
    overflow: hidden;
    width: 872px;
}

#homepage-banner .banner-group
{  
    height: 285px;
    width: 872px;
}

#homepage-banner .banner-group img { position: relative; }
#homepage-banner .banner-group .img1
{
    left: 0;
    top: 0;
    z-index: 1;
}

#homepage-banner .banner-group .img2
{
    left: 0;
    top: -350px;
    z-index: 0;
}


/** sub nav **/
#subnav
{
    background: #E2E7EA url("/images/subnav-bg.png") repeat-x top left;
    padding-top: 25px;
}
#subnav ul  
{
    border-bottom: solid 1px #ccc;
}
#subnav ul ul
{
    border-bottom: none;
}
#subnav li a
{
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #FFFFFF;
    color: #0077c0;
    clear: both;
    display: block;
    font-weight: bold;
    padding: 10px 15px;
    text-decoration: none;
    width: 120px; /* IE 6 sucks */
}
#subnav li a:hover { text-decoration: underline; }
#subnav li.subnav-home a { border-top: none; color: #8196a3; }
#subnav li.selected-parent a { border-bottom: none; }
#subnav li.selected a
{
    background-color: #cfd7dc; 
    border-bottom: none; 
    color: #3B3B3B; 
}
#subnav li.selected li a { background-color: #E2E7EA !important; color: #0077c0 !important; font-weight: normal; }

#subnav li ul { padding-bottom: 5px; }
#subnav li ul ul { padding: 0; }
#subnav li li a  
{
    border: none;
    font-size: 92%;
    font-weight: normal;
    padding: 5px 15px 5px 25px;
    width: 110px; /* IE 6 sucks */
}
#subnav li li li a { padding-left: 35px; width: 100px; /* IE 6 sucks */ }

/** inner page body **/
.body-onecol { padding: 10px; width: 100%; }
.body-twocol, .body-threecol { width: 100%; }
.body-twocol h1, .body-threecol h1 { margin: 10px 0 3px 0; }
.body-twocol td, .body-threecol td { vertical-align: top; }
.body-threecol .col1, .body-twocol .col1
{
    background-color: #E2E7EA;
    padding: 0 0 20px 0;    
}

.body-twocol .col2, .body-threecol .col2 { padding: 20px 25px; }

.body-threecol .col1 { width: 150px; }
.body-threecol .col2 { width: 500px; }
.body-threecol .col3 { padding: 30px 0; width: 270px; }

.body-twocol .col1  { width: 150px; }
.body-twocol .col2 { width: 760px; }

/** promo pages **/
.promo-header { height: 50px !important; }
.promo-header .tools-links { margin-top: 15px; } 
.promo-title { padding-top: 25px; }
.promo-title .promo-logo { float: left; text-align: center; width: 140px; }
.promo-title h1 { margin-top: 7px; }
.promo-title h1, .promo-title .promo-subtitle { clear: right; display: block; margin: 0 0 5px 160px; }
.promo-title .promo-subtitle { color: #666666; font-size: 120%; }
.promo-top { padding: 15px 0; }
.promo-middle { overflow: auto; padding: 0; }
.promo-middle ul { list-style: disc; margin-left: 15px; }
.promo-middle ul li { padding: 4px 0; }
.promo-bottom { padding: 15px 0; }
.promo-bottom td { padding: 0 10px; width: 50%; }

/** promo pages: info block and form **/
.promo-textandform { width: 100%; }
.promo-textandform td { padding: 0 5px; vertical-align: top; }
.promo-textandform .left-col { padding-right: 20px; }
.promo-textandform .right-col { width: 250px; }

/** promo pages: propery detail blocks **/
.promo-infoblock  
{
    float: left; 
    margin: 0 10px 40px 10px; 
    width: 300px; 
}
.promo-infoblock .promo-infoblock-pic { float: left; width: 130px; }
.promo-infoblock .promo-infoblock-pic img { margin-bottom: 8px; }
.promo-infoblock .promo-infoblock-pic span  
{
    color: #666666; 
    display: block;
    font-size: 90%; 
    padding: 0 5px; 
}
.promo-infoblock h2 { margin: 0 0 0 140px; }
.promo-infoblock p { margin-left: 140px; }
.promo-infoblock ul { margin: 5px 0 0 155px; }
.promo-infoblock .promo-infoblock-subtitle  
{
    color: #666666; 
    font-size: 120%;
    line-height: 110%;
    margin-top: 3px; 
    margin-bottom: 0; 
}

.fsTable .fsFieldCell { padding: 7px 5px !important; }
.fsPagination { margin: 10px 0 !important; }


/** make ul/ol in the body area look 'normal' **/
.col2 li, .col3 li, .mceContentBody li
{
    line-height: 125%;
}
.col2 ol, .col3 ol, .mceContentBody ol, .col2 ul, .col3 ul, .mceContentBody ul
{
    margin: 10px 0 10px 20px;
}
.col2 ul, .col3 ul, .mceContentBody ul
{
    list-style-type: disc;
}
.col2 ol, .col3 ol, .mceContentBody ol
{
    list-style-type: decimal;
}

/** press releases **/
.date-left { margin: 10px 0; }
.date-left .grp { padding: 6px 0; }
.date-left .date { float: left; width: 20%; }
.date-left .link { float: left; line-height: 120%; width: 80%; }

.pr h1 { font-size: 180%; }
.pr .pr-about 
{
    border-top: solid 1px #CCCCCC;
    margin-top: 25px;
    padding-top: 10px;
}
.pr .pr-subtitle { padding-top: 15px; font-size: 133%; }
.pr .pr-details { padding: 15px 0 5px; }
.pr .pr-details .loc { font-weight: bold; text-transform: uppercase; }
.pr .pr-details .date { font-weight: bold; }
.pr .pr-image { float: left; margin: 12px 10px 5px 0; }
.pr .pr-contact { padding-top: 5px; }

/** faq **/
.faq-links li { padding: 5px 0; }
.faq-list { margin-top: 45px; }
.faq-list .q { }
.faq-list .a { padding-bottom: 35px; }
.faq-list .top { font-size: 93%; }
    
/** staff/bios **/
.staff-item { padding: 10px 0; }
.staff-item img { float: left; margin: 0 10px 0px 0; }
.staff-item .name { font-size: 130%; }
.staff-item .title { color: #999; font-size: 120%; }
.staff-item .bio { margin-left: 170px; }

 
/** community grid **/
#community-grid-filter-area-container
{
    height: 71px;
    background-image: url("/images/community-home-header-bg.png");
    background-position: top left;
    background-repeat: repeat-x;
}
#community-grid-small-filter-area
{
    width: 960px;
    margin: 0 auto;
}
#community-grid-filter-area-clear a, #community-grid-filter-clear-button a
{
    width: 68px;
    height: 27px;
    background-image: url("/images/clear-all-btn.png");
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    float: left;
    text-decoration: none;
}
#community-grid-filter-area-close a
{
    width: 58px;
    height: 27px;
    background-image: url("/images/close-btn.png");
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    float: left;
    text-decoration: none;
}
#community-grid-filter-expand-button a
{
    width: 170px;
    height: 28px;
    background-image: url("/images/view-all-options.png");
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    float: left;
    text-decoration: none;
    margin-top: 24px;
}
#community-grid-filter-clear-button a
{
    margin-top: 25px;
    margin-left: 10px;
}

.community-grid { padding: 15px 0; }
.community-grid-item
{
    border-bottom: 1px solid white;
    padding: 10px 0; /* margin makes the animation jerky, but padding doesn't */
    margin-left: 40px;
    margin-right: 10px;
    min-height: 125px;
}
.community-grid-item-container
{
    height: 100%; /* make the whole thing hoverable - IE 6 sucks */
}
.community-grid-item-photo { float: left; }
.community-grid-item-text { margin-left: 170px; }
.community-grid-item-text h3 a { text-decoration: none; }
.community-grid h2 { font-size: 190%; font-weight: normal; margin: 10px 40px -8px 40px; }
.community-grid-description { margin: 10px 40px 15px 40px; }
.community-grid-description p { font-weight: bold; margin: 0; }
.community-grid-header-left
{
    background: #3493CD url("/images/community-grid-header-left-bg.png") repeat-x top left;
    color: White;
}
.community-grid-header-right
{
    background: #8BA43D url("/images/community-grid-header-right-bg.png") repeat-x top left;
    color: White;
}
.community-grid-header-left img,
.community-grid-header-right img { margin: 8px 40px 0 40px; }
.community-grid-spacer { background-color: #fff; height: 5px; }

.community-grid-left, .community-grid-right
{
    width: 475px;
    vertical-align: top;
}
.community-grid-middle { width: 10px; }
.community-grid-left { background-color: #D7E5EE; }
.community-grid-right { background-color: #E4EAE0; }
.community-grid-left .community-grid-item-container-hover { background-color: #E7F1FF; }
.community-grid-right .community-grid-item-container-hover { background-color: #F4F6F3; }
.community-grid-noresults { }
.community-grid-noresults div { display: none; padding: 20px 0; }
.community-grid-noresults p { font-size: 120%; margin: 10px 40px; }
.community-grid-item-last
{
    border-bottom: none;
}
.community-grid-left-header, .community-grid-right-header
{
    padding-left: 40px;
    padding-right: 10px;
}

#community-grid-small-filter-area
{
    position: relative;
}
#community-grid-filter-area
{
    background: #FFFFFF url("/images/community-grid-filter-bg.png") repeat-x bottom left;
    border: solid 1px #c8d0d0;
    border-style: none solid solid none;
    color: #56636B;
    display: none;
    filter: alpha(opacity = 95);    
    left: 0;
    opacity: 0.95;
    position: absolute;
    top: 24px;
    width: 600px;
}
#community-grid-filter-area .green { color: #87A237; }
#community-grid-filter-area .instructions { font-weight: bold; margin: 0; }
#community-grid-filter-area-inner { padding: 10px; }
#community-grid-filter-area-clear { float: right; margin-top: 5px; }
#community-grid-filter-area-close { float: right; margin: 5px 0 0 10px; }
#community-grid-filter-area-inner table { margin-top: 5px; }
#community-grid-filter-area-inner td { vertical-align: top; }
.community-grid-filter-area-spacer
{
    width: 1px;
    background-image: url("/images/community-grid-filter-spacer.png");
    background-position: top left;
    background-repeat: repeat-y;
}
.community-grid-filter-area-subsection
{
    margin: 0 10px;
}
#community-grid-filter-area-care
{
    margin-left: 0;
}
#community-grid-filter-area-services
{
    margin-right: 0;
}
.community-grid-filter-area-subsection h4
{
    float: left;
    font-size: 140%;
    font-weight: bold;
}
.community-grid-filter-area-subsection .clear-selections
{
    float: left;
    font-size: 80%;
    margin: 14px 0 0 10px;
    text-decoration: none;
}
.community-grid-filter-area-subsection .clear-selections a
{
    text-decoration: none;
}
.community-grid-filter-area-subsection .clear-selections a:hover
{
    text-decoration: underline;
}
.community-grid-filter-area-subsection .options
{
    clear: both;
    padding: 15px 0 5px;
}
.community-grid-filter-area-subsection .options .options-1, .community-grid-filter-area-subsection .options .options-2
{
    float: left;
    width: 49.9%;
}
#community-grid-filter-area-care
{
    width: 220px;
}
#community-grid-filter-area-location
{
    width: 160px;
}
#community-grid-filter-area-amenities
{
    width: 305px;
}
#community-grid-filter-area-services
{
    width: 275px;
}
#community-grid-filter-area-state
{
    width: 305px;
}
#community-grid-filter-area .option-item
{
    cursor: pointer;
}
#community-grid-filter-area .option-item-text
{
    margin-left: 4px;
    margin-bottom: 4px;
}
#community-grid-filter-area .option-item-checkbox 
{
    background-image: url("/images/radio.gif");
    background-position: -2px -5px;
    height: 19px;
    width: 19px;
    float: left;
}
#community-grid-filter-area .option-item-selected .option-item-checkbox
{
    background-position: -2px -30px;
}
#community-grid-filter-area .option-item-selected .option-item-text
{
    font-weight: bold;
}

/** community header **/
#community-home-header
{
    padding: 15px 0;
    min-height: 140px;
    overflow: auto;
}
.community-header-right
{
    float: right;
    width: 260px;
    margin-right: 10px;
}
.community-header-right h4 { margin: 30px 0 5px 0; text-transform: uppercase; }
#community-picker  
{
    color: #3B3B3B;
    cursor: pointer;
    font-size: 110%;
    width: 100%; 
}
.community-header-right #community-picker:hover {  }

.community-header-left
{
    float: left;
    margin-left: 15px;
    width: 660px; /* todo: ??? */
}
.community-header-left h1.community-title
{
    color: #425059;
    font-size: 220%;
    margin: 8px 0 2px 0; 
}

.sIFR-active .community-header-left h1.community-title
{
    margin-bottom: -8px;
}

.community-header-left .subtitle { font-size: 120%; margin-top: 5px; }
.community-header-left .contact-line1 { padding: 15px 0 3px 0; }
.community-header-left .contact-line1 a  { text-decoration: none; }
.community-header-left .contact-line1 a:hover { text-decoration: underline; }
.community-header-left .contact-line2 { }
.community-header-left .community-header-buttons { padding-top: 18px; }

#community-button-map { float: left; margin-left: 5px; }
#community-button-moreinfo { float: left; }

#community-inner-header
{
    padding: 15px 0;
    min-height: 60px;
    overflow: auto;
}
#community-inner-header h1.community-title { margin-top: 0; }
#community-inner-header h4 { margin-top: 15px; }
#community-inner-header .contact-line1 { padding-top: 10px; }

/* community home */
.community-home-welcome { overflow: auto; }
.community-home-welcome-photo
{
    float: left;
    margin: 10px 15px 10px 0;
    width: 100px;
}
.community-home-welcome-text div.communityhome-welcome-header
{
    margin-left: 125px;
}
.community-home-center h2, .community-home-right h2
{
    font-size: 190%;
    font-weight: normal;
    line-height: 140%;
    padding-bottom: 0px;
    margin-bottom: -5px;
}
.community-home-center h3, .community-home-right h3
{
    font-size: 130%;
    padding-bottom: 0px;
    margin-bottom: -5px;
}

.community-home-gallery { }
.community-home-gallery .thumb 
{
    float: left;
    margin: 0 6px 6px 0;
}

.community-pricing
{
    background: transparent url("/images/community-pricing-topbg.jpg") no-repeat 0 -20px;
    cursor: pointer;
    margin-top: -25px;
    text-align: center;
}

.community-pricing .inner { padding: 42px 5px 10px 5px; }
.community-pricing h4
{
    color: #788E11;
    font-weight: bold;
    font-size: 116%;
    margin: 0;
}

.community-pricing .price 
{
    color: #788E11;    
    font-size: 205%;
    font-weight: bold;
    margin: 0;
}

.community-pricing .subtext { color: #6d6e71; margin: 0; }
.community-pricing .disclaimer
{
    background-color: #EEF1F3;
    color: #6d6e71;
    display: none;
    margin-top: 10px;
}

.community-pricing .btm 
{
    background: transparent url("/images/community-pricing-btmbg.jpg") no-repeat bottom left;
    height: 41px;
}


.photo-gallery
{
    width: 280px;
    padding-bottom: 20px;
}
.photo-gallery-images
{
    height: 180px;
    width: 280px;
}
.photo-gallery-image-noshow
{
    display: none;
}
.photo-gallery-controls
{
    background-color: #077CC2;
    overflow: auto;
}
.photo-gallery-control-prev
{
    float: left;
}
.photo-gallery-control-next
{
    float: right;
}


/** community contact **/
.community-contact table
{
    border: 0;
    padding-top: 10px;
}
.community-contact td
{
    padding: 0;
    width: 240px;
    vertical-align: top;
}
.community-contact td.community-contact-center-col
{
    padding-left: 10px;
    padding-right: 10px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
}
.community-contact td.community-contact-left-col
{
    padding-right: 10px;
}
.community-contact td.community-contact-right-col
{
    padding-left: 10px;
}

.community-contact-item
{
    border-top: solid 1px #cccccc;
    padding-top: 10px;
    padding-bottom: 5px;
}
.community-contact-item-first
{
    padding-top: 0;
    border-top: 0;
}
.community-contact-item-last
{
    padding-bottom: 0;
}
.community-contact-item h3, .community-contact-item h3 p
{
    margin: 2px 0;
}
.community-contact-item h3
{
    font-size: 150%;
}
.community-contact-item h3 a
{
    text-decoration: none;
}

/** floorplans **/
.floorplan-thumbnail img
{
    padding: 3px;
    margin: 3px;
}
.floorplan-thumbnail-selected img
{
    padding: 2px;
    border: 2px solid black;
    margin: 2px;
}

.floorplan-thumbnail-group-placeholder, .floorplan-thumbnail-group
{
    background-color: #cccccc;
}
.floorplan-thumbnail-group .floorplan-thumbnail-group-placeholder, .floorplan-thumbnail-group .floorplan-thumbnail-group
{
    background-color: #aaaaaa;
}

.floorplan-thumbnail-group-header
{
    cursor: pointer;
    padding: 5px;
}

.floorplan-thumbnail
{
    float: left;
    padding: 5px;
    text-align: center;
}

.floorplan-thumbnail a, .floorplan-thumbnail a:link, .floorplan-thumbnail a:visited, .floorplan-thumbnail a:hover, .floorplan-thumbnail a:active
{
    text-decoration: none;
}

#frmContact
{
    background-color: #789198;
    width: 960px;
    display: none;
}

#tabContact, #frmContact
{
    z-index: 10;
}

/** HTML site map **/
.sitemap ul
{
    list-style-type: inherit;
    padding: 2px 0 2px 20px;
}

/** floorplan lightbox share **/
#cboxShare
{
    position: absolute;
    right: 69px;
    top: 2px;
    padding: 4px 24px 4px 0;
    background: #fff url("../images/hdr-share-icon.png") no-repeat center right; 
}
a#cboxShare
{
    text-decoration: none;
    color: #525252;
}
a#cboxShare:hover
{
    color: #2A4C85;
}

/** article rollup **/
.article-item-summary-image
{
    float: left;
    margin-right: 10px;
}
.article-item
{
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.article-item-date
{
    margin-top: 5px;
}

.podcast-image
{
    float: left;
    margin-right: 10px;
}
.podcast-item
{
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.community-home-resident-story
{
    padding-top: 20px;
}
.community-home-resident-story-image
{
    float: right;
    margin-bottom: -30px;
}
.community-home-resident-story-header
{
    margin-right: 200px;
}
.community-home-resident-story h3
{
    margin-top: 20px;
    font-weight: bold;
}

.resident-story-item-image
{
    float: left;
    padding-bottom: 0;
    margin: 0 5px 5px 0;
}


/** sidebar **/
.sidebar { border: 1px solid #CCCCCC; }
.sidebar-no-border, .sidebar { margin-bottom: 10px; padding-left: 8px; padding-right: 8px;}
.sidebar-no-border h3, .sidebar h3 { margin-top: 8px; }
.sidebar-no-border .sidebar-body, .sidebar .sidebar-body { overflow: auto; padding: 8px; }

/** testimonial sidebar **/
.testimonial-sidebar { padding-left: 0; padding-right: 0; }
.testimonial-sidebar .quote { margin: 0 0 15px 0; }
.testimonial-sidebar .quote p { margin: 0; }
.testimonial-sidebar .portrait { float: right; margin-left: 10px; }
.testimonial-sidebar h4  { color: #566C11; }

.testimonial-sidebar h4,
.testimonial-sidebar p.loc, 
.testimonial-sidebar p.moreInfo  
{
    font-size: 108%;
    margin: 2px 5px 2px 0; 
    text-align: right;
}

/** media sidebar **/
.media-sidebar ul { list-style-type: none; margin: 5px 0; }
.media-sidebar li
{
    background-position: left center;
    background-repeat: no-repeat;
    padding: 3px 5px 3px 20px;
}

.sidebar-podcast { background-image: url("/images/icon-rss.png"); }
.sidebar-video { background-image: url("/images/icon-rss.png"); }
.sidebar-blogs { background-image: url("/images/icon-rss.png"); }
.sidebar-sms { background-image: url("/images/icon-rss.png"); }
.sidebar-facebook { background-image: url("/images/icon-facebook.png"); }
.sidebar-flickr { background-image: url("/images/icon-flickr.png"); }
.sidebar-twitter { background-image: url("/images/icon-twitter.png"); }
.sidebar-youtube { background-image: url("/images/icon-youtube.png"); }
.sidebar-rss { background-image: url("/images/icon-rss.png"); }

/** virtual tour **/
.virtualtour-player { margin: 10px 0 20px 0; }

/** eventbrite **/
.eventbrite-form { margin: 20px 0 0 0; text-align: left; width: 100%; }

/** inline image **/
.body-image
{
    border: 1px solid #cccccc;
    margin: 5px;
}
.body-image .body-image-inner
{
    padding: 5px;
}
.body-image .title
{
    font-weight: bold;
    margin: 1px;
}
.body-image .description
{
    font-style: italic;
    font-size: 80%;
    margin-bottom: 0;
    margin-top: 5px;
    color: #666;
}
.body-image-left
{
    float: left;
    margin-left: 0;
}
.body-image-right
{
    float: right;
    margin-right: 0;
}

/** Umbraco **/
.canvas  
{
    background: #E9E9E9 url("/images/canvas-bg.png") repeat-x top left; 
    border-bottom: solid 1px #B0B0B0; 
    height: 30px; 
    line-height: 30px;
    font-size: 10px;
    padding: 0 15px;
}

.canvas a  
{
    background: transparent url("/images/canvas-edit.png") no-repeat left center;
    padding: 4px 0 4px 22px;
    text-decoration: none; 
}

/** override colorbox default controls **/
#cboxCurrent{top:6px; left:153px; display: none !important;}
#cboxPrevious{top: 0; left:0px; background:url(../images/colorbox/controls2.png) -150px 0px no-repeat; width:79px; }
#cboxPrevious.hover{background-position:-150px -25px;}
#cboxNext{top: 0; left:86px; background:url(../images/colorbox/controls2.png) -75px 0px no-repeat; width:56px; }
#cboxNext.hover{background-position:-75px -25px;}
#cboxClose{top: 0; right:0; background:url(../images/colorbox/controls2.png) 0px 0px no-repeat; width:62px; }
#cboxClose.hover{background-position:0px -25px;}
#cboxLoadedContent { margin-top: 28px; margin-bottom: 0;}
#cboxTitle { top: 4px; height: 1em; }

/** lightbox popup **/
.lightbox-popup-container { display: none; }
.lightbox-popup-container-inner { height: 100%;}
.lightbox-popup-container-inner-table { height: 100%; width: 100%; }
.lightbox-popup-container-inner-cell { text-align: center; vertical-align: middle; }

/** executive staff **/
.executive-staff-portrait { float: left; }
h1.executive-staff-header, h2.executive-staff-header , h3.executive-staff-header { margin-left: 220px; }
.executive-staff-bio { margin-left: 220px; margin-top: 20px; }

.executive-staff-left
{
    float: left;
    width: 49.9%;
}
.executive-staff-right
{
    float: right;
    width: 49.9%;
}

/** search results (google custom site search) **/
.search-results { margin: 0 auto 20px auto; width: 872px; }
#cse-search-form, #cse { width: 100%; }
.gsc-control-cse { }
.gsc-branding { display: none; }
.gsc-control-cse div { position: normal; }
.gsc-control-cse { }
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.gsc-resultsHeader { border:none; }

/** gsc: Search fields **/
input.gsc-input  
{
    background-color: #fff; 
    background-image: none !important; 
    border: solid 1px #CCCCCC !important;
    padding: 2px;
}
input.gsc-search-button { }

/** gsc: Tabs */
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}

.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}

.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}

/** gsc: Result wrapper **/
.gsc-webResult.gsc-result {
  padding: .25em;
  margin-bottom: 1em;
}
.gsc-webResult.gsc-result:hover { }
.gs-webResult .gs-visibleUrl-short { display:none; }
.gs-webResult .gs-visibleUrl-long { display:block !important; overflow: auto !important; padding: 3px 0; }
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet { margin: 0px !important; }

/** gsc: Promotion Settings **/
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}

.gs-promotion.gs-result .gs-promotion-image {}
.gs-promotion.gs-result a.gs-title:link { color: #0000CC; }
.gs-promotion.gs-result a.gs-title:visited { color: #0000CC; }
.gs-promotion.gs-result a.gs-title:hover { color: #0000CC; }
.gs-promotion.gs-result a.gs-title:active { color: #0000CC; }
.gs-promotion.gs-result .gs-snippet { color: #000000; }
.gs-promotion.gs-result .gs-visibleUrl { color: #008000; }

/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}


/** Print-only overrides **/
@media print 
{
    #tools,
    #nav-container,
    #footer-container,
    #topedge-container,
    .community-header-buttons, 
    .community-header-right,
    .canvas { display: none; }
    
    #header { height: 90px; }
    #header-container { border: none; }
    #logo { padding: 0; }
    
    .body-threecol .col1 { display: none; width: 0; }
    .body-threecol .col2 { width: 670px; padding-left: 0; }
    
    .body-twocol .col1 { display: none; width: 0; }
    .body-twocol .col2 { width: 790px; padding-left: 0; padding-right: 0; }
}


/** sizes for small -- large will override this **/
body, input, select
{
    font-size: 9pt;
}



