*body, html {
margin:0px;
padding:0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
background:url(images/bg-gradient.jpg) repeat-x #B0CFBF;
color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.7;
}
h1 {
display:none;
}
h2 {
color: #FFFF99;
font-weight: bold;
font-size: 13px;
}
.boldtext {
color:#FFFF33;
font-weight:bold;
}
#container {
margin-left:auto;
margin-right:auto;
width:957px;
}
#header {
background:url(images/header-bg.jpg) no-repeat;
height: 160px;
width:957px;
padding-top:100px;
}
#header a{
float:right;
margin-right:68px;
}
/* BUTTONS Styles*/
#buttons{
background:url(images/buttonbar.jpg) no-repeat;
width:914px;
height: 38px;
margin-top:-43px;
padding-left:8px;
}
#buttons ul, li{
display:inline;
}
#buttons a {
display:block;
margin-right:10px;
margin-left:10px;
background-repeat:no-repeat;
float:left;
margin-top:15px;
}
#horline {
background:url(images/horline.jpg);
width:4px;
height:37px;
display:block;
float:left;
}
#homebutton a {
background:url(images/home.gif);
width: 36px;
height: 9px;
background-repeat:no-repeat;
}
#homebutton a:hover {
background:url(images/homeR.gif);
background-repeat:no-repeat;
}
#aboutusbutton a{
background:url(images/about.gif);
width:60px;
height:10px;
background-repeat:no-repeat;
}
#aboutusbutton a:hover{
background:url(images/aboutR.gif);
background-repeat:no-repeat;
}
#aptrentalsbutton a{
background:url(images/apartment.gif);
width:122px;
height:10px;
background-repeat:no-repeat;
}
#aptrentalsbutton a:hover{
background:url(images/apartmentR.gif);
background-repeat:no-repeat;
}
#associatebutton a{
background:url(images/association.gif);
background-repeat:no-repeat;
width:161px;
height:10px;
}
#associatebutton a:hover{
background:url(images/associationR.gif);
background-repeat:no-repeat;
}
#investorbutton a{
background:url(images/investor.gif);
background-repeat:no-repeat;
width:122px;
height:10px;
}
#investorbutton a:hover{
background:url(images/investorR.gif);
background-repeat:no-repeat;
}
#brokeragebutton a{
background:url(images/brokerage.gif);
background-repeat:no-repeat;
width:151px;
height:10px;
}
#brokeragebutton a:hover{
background:url(images/brokerageR.gif);
background-repeat:no-repeat;
}
#contactbutton a{
background:url(images/contact.gif);
background-repeat:no-repeat;
width:54px;
height:10px;
}
#contactbutton a:hover{
background:url(images/contactR.gif);
background-repeat:no-repeat;
}
/*BUTTONS Styles end */
/*##########SIDE NAV############*/
li .active {
color:white;
margin-left:20px;
font-size: 1.4em;
font-weight: bold;
}
li .active:after {
content: " ]";
}
li .active:before {
content: "[ ";
}
.invisible {
display:none;
height: 0px;
}
#sidelinks{
width:220px;
height:100%;
float:left;
margin-right:10px;
margin-left:-10px;
}
#sidelinks ul, #sidelinks li {
display:block;
margin-left:0px;
padding-left:0px;
}
.level_1 a{
color: white;
text-decoration:none;
background:url(images/sidebutton-bg.jpg) no-repeat;
width: 190px;
display:block;
margin-bottom:0px;
padding-left:40px;
height:25px;
padding-top:5px;
}
#sidelinks a:hover {
color:#006699;
}
#sidelinks a:visited {
color:#89e6f0;
}
.level_1 a:visited:after {
content: " \221A";
}
/*###############END SIDE NAV#############*/
#content{
background:#96a26d url(images/content-bg.jpg) no-repeat;
width:850px;
margin-top:5px;
margin-left:18px;
border-left:1px solid #c9cfa0;
border-right:1px solid #c9cfa0;
padding:10px;
}
#association_box a img{
border:1px solid white;
padding:3px;
margin-bottom: 10px;
margin-top:5px;
margin-right: 5px;
}
#map {
padding:3px;
border:3px solid #e2f1b0;
width:580px;
height:450px;
}
#map span{
color:#000033
}
.ckboxcontainer{
background:#798846;
width:570px;
padding:3px;
}
.picborder {
border:1px solid white;
padding:3px;
}
.picthumb{
border:1px solid white;
padding:3px;
width: 120px;
height: 80px;
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;
}
.propertytable a:hover img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.propertytable td{
background:#86935c;
text-align:center;
padding:5px;
width:140px;
}
/*#### this styling is for inside template only #### */
#maincontentdiv {
float:right;
width:70%;
display:block;
margin-right:10px;
}
#maincontentdiv a, #contentplain a{
text-decoration: underline;
color:#1b763b;
font-weight: bold;
}
#maincontentdiv a:hover, #contentplain a:hover{
text-decoration: under;
color:#339900;
}
#maincontentdiv ul, #maincontentdiv li, #contentplain ul, #contentplain li{
display: block;
list-style-type:disc;
list-style-position:outside;
}
#maincontentdiv ul, #contentplain ul {
margin-top:0px;
}
a.gmaplink{
color:#003366;
text-decoration: underline;
}
#haslayout { /*or stupid IE*/
_height:1px;
*min-height:100%;
}
.mod_breadcrumb {
margin-bottom:25px;
}
.mod_breadcrumb a{
color: #acf5f6;
}
#randompicholder {
border:1px solid #d0e292;
width:180px;
height:120px;
padding:3px;
margin-left:15px;
}
.propertydetailtable {
background-color: #7f895b;
width:580px;
color:white;
border-top:1px dotted white;
border-bottom: 1px dotted white;
padding-top:20px;
}
.propertydetailtable td{
padding:5px;
}
/*#### end ###*/
#leafy {
background:url(images/leavy-left.jpg) no-repeat;
width:85px;
height:184px;
position: relative;
left:-96px;
margin-bottom:-184px;
}
#flashcontainer {
float:left;
}
#rentalsbox{
background: #a6af87;
border:1px solid white;
width:92%;
height: 120px;
margin-left: auto;
margin-right:auto;
padding-left:10px;
margin-bottom:40px;
}
#rentalsmap {
float:right;
margin-bottom:-250px;
margin-top:-90px;
margin-right:-10px;
position:relative;
z-index:0;
}
#rentalsdropdown {
margin-left:10px;
}
select {
width:200px;
}
select, option {
color:#53611d;
background: white;
border: 1px solid #7C8954;
}
select:focus, option:focus {
background:#FFFF99;
}
#footer {
background: #1b7b93;
height:50px;
width:870px;
margin-left:19px;
text-align:center;
font-size:0.8em;
padding-top:10px;
}
#footer a{
color:#94c5d1;
text-decoration:none;
}
#footer a:hover {
color:#FFFF66;
}
#assoc-infobox {
border:1px solid red;
}
#assoc-loginbox {
width:220px;
float:right;
padding:20px;
background: #849352;
height:100px;
}
#assoc-mainimage {
float:right;
width:250px;
height:300px;
border:1px solid red;
}
#loggedinbox{
padding:15px;
padding-top:0px;
background: #879555;
border-top: 1px dotted #288398;
border-bottom: 1px dotted #288398;
}
.tablelinkscolor {
}
.tablelinkscolor a{
color: white;
}
.tablelinkscolor a:hover {
color:#3A8598;
}
/*####### form stuff ###### */
label {
width:250px;
display:block;
}
input {
border: 1px solid #666666;
margin-bottom:5px;
}
.form_subtitle_text {
margin-top:5px;
}
div.LabeledMarker_markerLabel {
color: white;
font-family: Arial;
text-align: center;
font-size:12px;
font-weight: bold;
width:12px;
}
.formbody td{
padding:5px;
}
.formbody{
margin-top:-10px;
}
.formbody table td.col_0 {
width:200px;
padding-right:3px;
}
.col_0{
font-weight:bold;
}
.formbody table td.col_1 {
width:500px;
}
.formbody table td.col_1 div span {
display:block;
}
.formbody table td label{
width:300px;
display:inline;
}
p.label {
margin-bottom:0px;
display:block;
}
input .text {
margin-top:-5px;
display:block;
}
.error {
color: red;
font-weight: bold;
}
.submit {
background:#288398;
padding:3px;
border:1px solid white;
color:white;
width:80px;
margin-top: 15px;
}
textarea {
width: 400px;
height: 200px;
border: 1px solid #666666;
}
/*########## end ###########*/