/* reset of styles */
img, a, ul,li,h1,h2,h3,h4,h5 {
  padding:0;
  margin:0;
}
a img {
  border-style:none;
}
h1,h2,h3,h4,h5 {
    line-height:1em;
}
h2 {
   font-size:24px;
}
h2 {
   font-size:21px;
}
h3 {
   font-size:18px;
}
h4 {
   font-size:14px;
}
h5 {
   font-size:13px;
}
p {
padding:0;
margin:10px 0;
}
body{
font-size:10pt;
}
html, body, #contents {
	min-height: 100%;
	height: 100%;
	font-family:Arial;
	font-size:12px;
}
/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */


#contents {
	position: absolute;
	top: 0;
    left: 0;
    width:100%;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}
    
    
html,
body 
{
   margin:0 auto;
   padding:0;
   background-color: #c2bca6;
}


#bodyContainer.outerwrapper {
    min-height: 100%;
    height:100%;
    width:814px;
    margin:0 auto;
    background-image: url('../images/background.gif');
    background-repeat: repeat-y;
}
html>body, html>body #bodyContainer {
	height: auto;
}
#bodyContainer.outerwrapper .innerwrapper {
    padding-bottom: 65px;  /* needed? */
    margin: 0 auto;
    width:718px;
    min-height: 100%;
    height:100%;
}
html>body #bodyContainer.outerwrapper, html>body #bodyContainer.outerwrapper .innerwrapper {
    height:auto;
}

#header {
   border-bottom: solid 1px 6e7971;
   color:#fff;
   width:100%;
   height:50px;   /* Height of the footer */
   background:#16471a;
   font-size:10px;
}
#header .wrapper {
   margin: 0 auto;
   width:718px;
   padding-top:10px;
   padding-bottom:10px;
}
#header .g1 {
   float:left;
}
#header .g2 {
   float:right;
}
#header a {
   color:#fff;
   text-decoration:none;
}
#header a:hover{
   text-decoration:underline;
}
#innerheader {
  height:60px;
  color: #433532;
  line-height:1.0em;
  font-size:11px;
  position:relative;
}
#innerheader .section1
{
    font-family: "Trebuchet MS";
    font-size: 16pt;
    font-weight: bold;
    padding: 30px 0 10px 12px;
    margin: 0;
    position:absolute;
    top:0;
    left:0;
}
#innerheader .section2
{
    position:absolute;
    top:0;
    right:0;
    padding: 25px 12px 0 0;
    white-space:nowrap;
}
#innerheader .address {
    text-align:right;
    float:right;
    padding-right: 15px;
    border-right: dotted 1px blue;
    margin-right:15px;
}
#innerheader .section3 {
    width: 117px;
    float: right;
}
#innerheader .phone {
text-align:right;
    display:block;
    width:  100%;
}
#innerheader .content {
}
/* GUH why isn't this working!! */
#innerheader .fax {
text-align:right;
    display:block;
    width:  100%;
}
 
#accordion {
    height: 406px;
    margin-left: 1px;
}


        #header .special
        {
            color: #abea81;
            font-weight: bold;
        }
        #innerheader .lbl
        {
            font-weight: bold;
        }
        #hours
        {
            font-family: Arial;
            font-size: 11px;
            line-height:1.05em;
            padding:8px 20px;
            color:#333333;
            clear: both; position:relative;
        }
        #hours #hoursInner
        {

        }
        #hours .title
        {
            font-family:Arial Black; 
            font-weight: normal;
            font-size: 11px;
            color: #246253;
        }
        #hours .contact
        {
            float:right;
            padding-left:10px;   
        }
        #hours .contact a{
             color:#000000;
             text-decoration:none;
        }
        #hours .contact a:hover{
             text-decoration:underline;
        }
        .rpvWelcome {
             border-top: solid 7px #a9b88f;
        }
        .rpvFloorplansAndAvail{
            border-top: solid 7px #9aab79;
        }
        .rpvAmenities{
            border-top: solid 7px #82955d;
        }
        .rpvContact{
            border-top: solid 7px #6f7f50;
        }
        .ucwrapper 
        {
          font-family: Arial;
          padding: 15px;
          font-size: 11px;
        }
        .GreenLink:Link,GreenLink:Active, GreenLink:Visited
        {
             font-family:Arial; 
            font-weight: Bold;
            font-size: 11px;
            color: #246253;
            }
        .GreenLink:Hover
        {
             font-family:Arial; 
            font-weight: Bold;
            font-size: 11px;
            color: #ffffff;
            }  

#footer {
   border-top: solid 1px 6e7971;
   color:#fff;
   width:100%;
   height:50px;   /* Height of the footer */
   background:#16471a;
   font-size:10px;
   margin-top:-50px;
}
* html #footer {
}
#footer .wrapper {
   margin: 0 auto;
   width:718px;
   padding-top:10px;
   padding-bottom:10px;
}

#footer .g1 {
   float:left;
}
#footer .g2 {
   float:right;
}
#footer a {
   color:#fff;
   text-decoration:none;
}
#footer a:hover{
   text-decoration:underline;
}


/* accordion specific */
.horizontal_accordion_toggle
{
    /* REQUIRED */
    float: left; /* This make sure it stays horizontal */ /* REQUIRED */
    display: block;
    height: 406px;
    width: 27px;
    
    color: #ffffff;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    margin: 0 0 0 0;
    z-index:200;
    position:relative;
}
.horizontal_accordion_toggle_active
{
    z-index:200;
    position:relative;
}
#accPhotosBar.horizontal_accordion_toggle{
    background: url(../images/accordion/acc_photos_0.gif) no-repeat top left #a9b88f;
    width:26px;
}
#accPhotosBar.horizontal_accordion_toggle_active{
    background: url(../images/accordion/acc_photos_1.gif) no-repeat top left #a9b88f;
    width:26px;
}
#accNeighborhoodBar.horizontal_accordion_toggle{
    background: url(../images/accordion/acc_neighborhood_0.gif) no-repeat top left #9aab79;
}
#accNeighborhoodBar.horizontal_accordion_toggle_active{
    background: url(../images/accordion/acc_neighborhood_1.gif) no-repeat top left #9aab79;
}
#accSitePlanBar.horizontal_accordion_toggle{
    background: url(../images/accordion/acc_siteplan_0.gif) no-repeat top left #82955d;
}
#accSitePlanBar.horizontal_accordion_toggle_active{
    background: url(../images/accordion/acc_siteplan_1.gif) no-repeat top left #82955d;
}
#accResidentsBar.horizontal_accordion_toggle{
    background: url(../images/accordion/acc_residents_0.gif) no-repeat top left #6f7f50;
}
#accResidentsBar.horizontal_accordion_toggle_active{
    background: url(../images/accordion/acc_residents_1.gif) no-repeat top left #6f7f50;
}
.horizontal_accordion_content
{
    /* REQUIRED */
    height: 406px; /* We need to define a height for the accordion as it stretches the width */
    float: left; /* This make sure it stays horizontal */ /* REQUIRED */
    overflow: hidden;
    width:610px;
    z-index:100;
    position:relative;   
}
.horizontal_accordion_content p
{
    width: 555px;
    line-height: 150%;
    padding: 5px 10px 15px 10px;
}
/* Container styling*/#horizontal_container
{
    width: 100%;
    height: 406px;
}


/*** Individual Panel styles***/

.ContactLabel {
}

.clear {
clear: both; 
line-height:0;
}

/*   */
    
    
    .checkAvailLnk
    {
        width:118px;        
        
        background-image: url('../images/buttons/CheckAvail_button_white.gif');
        background-repeat: no-repeat;
        background-position: left top;
        display: block;
        font-family: Arial;
        font-weight: Bold;
        font-size: 10px;
        color: #246253;
        text-decoration: none;
    }
    .checkAvailLnk span { padding: 3px 5px 5px 18px; display:block;}
    .checkAvailLnk:hover
    {
        background-image: url('../images/buttons/CheckAvail_button_blue.gif');
        background-repeat: no-repeat;
        color: White;
    }
    .furnitureLnk
    {
        width:118px;
        
        background-image: url('../images/buttons/chair.gif');
        background-repeat: no-repeat;
        background-position: left bottom;
        display: block;
        font-family: Arial;
        font-weight: Bold;
        font-size: 10px;
        color: #246253;
        text-decoration: none;
        margin-top: 2px;
        margin-bottom: 2px;
    }
    .furnitureLnk span { padding: 3px 5px 5px 18px; display:block;}
    .furnitureLnk:hover
    {
        background-position: left top;
        color: White;
    }
    .movieLnk
    {
        width:118px;
       
        background-image: url('../images/buttons/movie.gif');
        background-repeat: no-repeat;
        background-position: left bottom;
        display: block;
        font-family: Arial;
        font-weight: Bold;
        font-size: 10px;
        color: #246253;
        text-decoration: none;
        margin-top: 2px;
        margin-bottom: 2px;
    }
    .movieLnk span { padding: 3px 5px 5px 18px; display:block;}
    .movieLnk:hover
    {
        background-position: left top;
        color: White;
    }
.residentPortalLnk
{
    width:177px;
    height:30px;
    background-image: url('../images/buttons/CheckAvailBigger_button_white.gif');
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    color: #246253;
    text-decoration: none;
}
.residentPortalLnk:hover
{
    background-image: url('../images/buttons/CheckAvailBigger_button_blue.gif');
    background-repeat: no-repeat;
    color: White;
}
.residentPortalLnk  span{
    margin: 7px 5px 5px 17px;
    font-family: Arial;
    font-weight: Bold;
    font-size: 12px;
    display:block;
}