/*
    Style sheet for the www.eppesrealtygroup.com.

    Created on 2009-05-08.
    Copyright (c) 2009 Dale R. Warus. All rights reserved.
*/


html {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;

        margin: 0px 0px 0px 0px;    /* Top Right Bottom Left */
        padding: 0px;
        border: 0px;
        border-width: 0px;
        border-style: none;
    }
body {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;

        margin: 0px 0px 0px 0px;    /* Top Right Bottom Left */
        padding: 0px;
        border: 0px;
        border-width: 0px;
        border-style: none;

        background: #487AAE;
        background: #FFFFFF;
        /* background-position: top right; */
    }


img {
        border-style: none;
        border-width: 0;
    }
img.FloatLeft {
        float: left;
        margin: 8px 8px 8px 0px;    /* Top Right Bottom Left */
        position: relative;
    }
img.FloatRight {
        float: right;
        margin: 8px 0px 8px 8px;    /* Top Right Bottom Left */
        position: relative;
    }


#ContentArea {
        /*
        width: 100%;
        height: 100%;
        */
        height: auto;
        left: 0px;
        top: 0px;
        position: relative;
        /*margin: 0px 210px 0px 140px; */   /* Top Right Bottom Left */
        margin: 0px 0px 0px 220px;    /* Top Right Bottom Left */

        background: #FFFFFF;

        color: #000066;
    }
#Content {
        padding: 10px;
    }


#MenuArea {
        width: 220px;
        left: 0px;
        top: 0px;
        position: absolute;
    }
#Menu {
        width: 200px;
        left: 5px;
        top: 5px;
        position: absolute;

        background: #487AAE;
    }
.MenuLogo {
        left: 0px;
        top: 0px;
        position: relative;
        display: block;
    }
.MenuItem {
        font-family: sans-serif;
        font-weight: normal;
        font-size: 18px;
        line-height: 100%;
        color: #336699;
        color: #444444;
        background-color: #FFFFFF;
        text-align: center;
        text-decoration: none;
/*
        padding: 3px 5px;
*/
        width: 190px;
        border-style: none;
        border-width: 0px;
        /* border-color: #112233 #AAAAAA #AAAAAA #112233; */
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 5px;
        visibility: visible;
        display: block;
    }


#BannerArea {
        width: 210px;
        right: 0px;
        top: 0px;
        position: absolute;
    }
#Banner {
        width: 200px;
        /* height: 100%; */
        left: 5px;
        top: 5px;
        position: relative;

        font-family: Helvetica, Verdana, Arial, sans-serif;
        color: #FFFFFF;
    }


/*** Button Links ***/
.Button {
        font-family: sans-serif;
        font-weight: bold;
        font-size: 90%;
        line-height: 100%;
        color: #336699;
        background-color: #FFFFFF;
        background: url(MenuButtonBackground.png);
        text-decoration: none;
/*
        padding: 3px 5px;
*/
        width: 174px;
        border-style: solid;
        border-width: 3px;
        /* border-color: #112233 #AAAAAA #AAAAAA #112233; */
        border-color: #88AADD #445566 #445566 #88AADD;
        border-color: #FFFFFF #000000 #000000 #FFFFFF;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 5px;
        padding: 5px;
        visibility: visible;
        display: block;
        text-align: left;
    }
.Button a:link {
        color: #CCFFFF;
        text-decoration: none;
    }
.Button a:visited {
        color: #CCFFFF;
        text-decoration: none;
    }
.Button a:hover {
        color: #000099;
        text-decoration: none;
    }
.Button a:active {
        color: #CC3366;
        text-decoration: none;
    }


h1,h2,h3,h4,h5,h6 {
        margin-top: 0px;
        font-family: Helvetica, Verdana, Arial, sans-serif;
        color: #82B0E1;
        color: #6F250B;
        color: #CC3366;
        color: #FFE9B3;
        color: #6291C7;
    }
h1 {
        margin-top: 0px;
        color: #1C518A;
        color: #0066CC;
        color: #2763A2;
    }
h2 {
        margin-top: 0px;
        color: #62A0D1;
        color: #307CCC;
    }


a:link {
        color: #5895D6;
        color: #4885C6;
        text-decoration: none;
    }
a:visited {
        color: #5895D6;
        color: #4885C6;
        text-decoration: none;
    }
a:hover {
        color: #0099CC;
        text-decoration: none;
    }
a:active {
        color: #CC3366;
        text-decoration: none;
    }

ol {
    }
ol li {
    }

.Clear {
        clear:both;
    }


/*** Forms ***/

.FormSubmittedMessage {
        color: #000000;
    }
.FormErrorMessage {
        color: #FF6103;
    }


/*** Listing Photos ***/
.PropertiesListingImage {
        float: left;
        margin: 0px 10px 0px 0px;
    }
.ListingThumbnail {
        float: left;
        width: 150px;
        margin: 0 0.5em 0.5em 0;
    }
.FeaturedListingThumbnail {
        width: 150px;
        margin: 0px auto 0px auto;
    }