/* =================================================
    CSS STYLES FOR East Ridge
   =================================================*/   
/* 
  === Basic Color Directory === 
Green          #094433
Mint          #9fb7ab
Coral         #b3c8bf
Yellow        #ffffcc
Peach         #f6bf85

*/ 
   
body {
  width:750px; 
  margin:0px auto; 
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  font-weight:normal; 
  background-image: url(media/coral.gif);
  color:#094433;
  line-height:normal;
  }

h1, h2, h3, h4, h5 {color:#094433;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {line-height:0px; }
h5 {font-size:14px; letter-spacing:-1px;}

a:link, a:visited, a:active{text-decoration:none; color: #094433;}
a:hover {text-decoration:underline; color: #094433;}
.small {font-size:10px; font-weight:normal;}
.big {font-size:18px; font-weight:bold;}
.italic{font-style:italic;}
.error {color:#cc0000;}
.message {text-align:center; font-weight:bold;}
.hidden {display:none;}
.indent {margin-left:15px;}
.left {float:left;}
.right {float:right;}
.imgLeft {float:left; margin:3px 5px 3px 0px;}
.imgRight {float:right; margin:3px 0px 3px 5px;}
.imgCenter {width:744px; margin:0px auto;}
.center{text-align:center;}
.bold{font-weight:bold;}
img {border:0;}

ul li {list-style-type:circle ;}
ol li {list-style-type:decimal;}
.closer {font-size:1px; clear:both; height:0px;}

#map{ width:380px; height:292px;}

#header{}
.living .living, .about .about, .community .community, .services .services, .contact .contact {border:solid 1px #ffffcc; padding:3px; background-color:#094433;}

#navigation {background-color:#9fb7ab; height:25px;}
#navigation span{line-height:25px; font-size:10px; font-weight:bold; margin-left:10px; color:#fff; border:solid 1px #ffffcc; padding:3px;}
#navigation span a:link, #navigation span a:visited, #navigation span a:active{text-decoration:none; color: #ffffff;}
#navigation span a:hover {text-decoration:none; color: #f6bf85;}
#subNav span{line-height:20px; font-size:10px; font-weight:bold; margin-left:10px; color:#094433;}
#subNav span a:link, #subNav span a:visited, #subNav span a:active{text-decoration:none; color: #094433;}
#subNav span a:hover {text-decoration:none; color: #ffffcc;}
#container{padding:5px 5px 10px 5px; background-color:#ffffff; margin:5px 0px;}
#container .thumb {display:inline; margin:3px 5px 3px 0px;}
#footer {background-color:#9fb7ab; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff; height:30px;}
#footer span{line-height:30px; font-size:10px; font-weight:bold; margin-left:10px; color:#fff;}

#request-container{position:absolute; margin:170px 0px 0px 20px; padding:10px; width:420px; height:360px; border:solid 1px #000; background-color:#fff; z-index:10; cursor:pointer;}
#nprContainer{position:absolute; margin:-250px 0px 0px -530px; padding:10px; width:420px; height:250px; border:solid 1px #000; background-color:#fff; z-index:10; cursor:pointer;}
.yes{line-height:25px; font-size:20px; font-weight:bold; margin:0px 5px; border:solid 1px #094433; padding:3px; background-color:#ffffff;}
.close{float:right; color:#ff0000;}

.map{padding:5px;}
.date{font-style:italic; font-size:80%;}
.events{border: 1px solid #094433; background-image: url(media/coral.gif); padding:0px 3px 10px 3px; margin:0px 0px 10px 0px;}
.events div{margin-bottom:5px;}
.upcomingEvents{font-size:16px; font-weight:bold; text-align:center;}


.textSize{background-color:#9fb7ab; float:right; width:120px; padding:5px; border:solid 1px #094433; margin-top:5px; font-size:12px;}
.updown{border:solid 1px #ffffff; padding:2px 6px; line-height:15px;}