/* CSS Document */

body { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 16px; color: #333333; background-color: #ffffff; height: 100%; margin: 0px auto; padding: 0px; }

form, body, html { height: 100%; }

/*********** Header ***********/

div#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -80px; }

/*********** Header ***********/

div#header { float: left; width: 100%; }

div#topline { background-color: #9db24c; height: 20px; margin: 0px 0px 30px 0px; }

div#headerwrapper { width: 980px; margin: 0px auto; }

div#toplinethin { background-color: #9db24c; height: 2px; width: 100%; margin: 30px 0px 0px 0px; float: left; }

img.logo { float: left; border: 0; margin: 0px; }

/*********** Navigation ***********/

div#nav { float: right; margin: 113px 0px 0px 0px; }

div#nav ul { padding: 0; margin:0; }
div#nav li { list-style-type: none; float: left; padding: 0; margin:0; }

div#nav li a { font-size: 20px; text-decoration: none; font-weight: normal; color: #7d6742; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 5px; text-transform: lowercase; float:none; }
div#nav li a.selected { background-color: #7D6742; color: #FFFFFF; }

div#nav li a:hover { text-decoration: none; color: #FFFFFF; background-color: #7d6742; padding: 5px; }

body#pagedefault li#navHome a { text-decoration: none; color: #FFFFFF; background-color: #7d6742; padding: 5px; }

body#pagelistings li#navListings a { text-decoration: none; color: #FFFFFF; background-color: #7d6742; padding: 5px; }

body#pagelistingdetails li#navListings a { text-decoration: none; color: #FFFFFF; background-color: #7d6742; padding: 5px; }

body#pageabout li#navAbout a { text-decoration: none; color: #FFFFFF; background-color: #7d6742; padding: 5px; }

body#pagecontact li#navContact a { text-decoration: none; color: #FFFFFF; background-color: #7d6742; padding: 5px; }

/*********** Main ***********/

div#main { float: left; height: auto; width: 100%; margin: 30px 0px 30px 0px; }

div#mainwrapper { width: 980px; margin: 0px auto; }

div#main img.photoleft { float: left; border: 0px; margin: 0px 5px 10px 0px; }

div#main img.photoright { float: right; border: 0; margin: 0px 0px 10px 5px; }

div#maincontentleft { text-align: left; font-weight: normal; float: left; width: 400px; margin: 0px 30px 0px 60px; }

div#maincontentright { text-align: left; font-weight: normal; float: left; width: 400px; margin: 0px 60px 0px 30px; }

/*********** GREEN BOX ***********/

div.greenbox { text-align: left; font-weight: normal; float: left; color: #ffffff; background-color: #9db24c; min-height: 20px; width: 380px; padding: 10px; margin: 0px 0px 10px 0px; }

div.greenbox a { text-decoration: underline; font-weight: bold; color: #ffffff; }

div.greenbox a:hover { text-decoration: none; color: #ffffff; }

/*********** FOOTER ***********/

div#footer { clear: both; position: relative; float: left; background-color: #7d6742; height: 80px; width: 100%; margin: 0px; }

div#footerwrapper { font-size: 10px; text-align: right; line-height: 14px; color: #FFFFFF; width: 980px; margin: 0px auto; padding: 20px 0px 0px 0px; }

div#footerwrapper a { text-decoration: underline; font-weight: bold; color: #ffffff; }

div#footerwrapper a:hover { text-decoration: none; color: #ffffff; }

/*********** Footer Nudge ***********/

div.nudge { height: 80px; clear: both; }

/*********** LINKS ***********/

a { text-decoration: underline; color: #7d6742; }

a:hover { text-decoration: none; color: #7d6742; }

a:active { text-decoration: none; border: 0; }

/*********** TEXT ***********/
div.greenbox h2 a { text-decoration: none;}
h1 { font-size: 25px; text-align: left; line-height: 30px; clear: left; color: #7d6742; margin: 0px 0px 10px 0px; padding: 0px; }
h2 { font-size: 20px; text-align: left; font-weight: normal; line-height: 22px; clear: left; color: #7d6742; margin: 0px 0px 0px 0px; padding: 0px; }
h2.listing { font-size: 20px; text-align: left; font-weight: bold; line-height: 22px; clear: left; color: #7d6742; margin: 0px 0px 0px 0px; padding: 0px; }
h3 { font-size: 15px; text-align: left; font-weight: normal; line-height: 17px; clear: left; color: #7d6742; margin: 0px 0px 0px 0px; padding: 0px; }
h4 { font-size: 15px; text-align: left; font-weight: bold; line-height: 20px; clear: left; color: #ffffff; width: 100%; margin: 0px; padding: 0px; }
h5 { font-size: 13px; text-align: left; font-weight: normal; line-height: 15px; clear: left; /*color: #ffffff;*/ width: 100%; margin: 0px; padding: 0px; }

em { font-style: italic; }
strong { font-weight: bold; }
.smallText { font-size: 12px; }

/*********** images and PHOTOS ***********/

img { border: 0px; }
img.marginbottom { border: 0; margin: 0px 0px 10px 0px; }
img.marginboth { border: 0; }

/*** Listings ***/
div#listings { padding-left: 30px; }
.listItem { width: 400px; float: left; margin: 0 30px 30px 30px; height: 450px; position: relative; }
.listItem div.greenbox { margin-top: 10px; height: 30px; }
.listItem .header { min-height: 95px; }
.listItem .image { height: 250px; position: relative; overflow: hidden; }
.listItem .image img { position: absolute; bottom: 0px; left: 0px; }
.listItem .footer { height: 40px; }
.listImageSml { margin-top:10px; margin-right:10px;}
.listImageSml.noR { margin-right:0px;}

/*** BIOS ****/
div#bios .image, div#bios .description { float:left;}
div#bios .image { width:90px; height:90px; margin-right:10px; margin-bottom:10px;}
div#bios .description { width:90px;}
div#bios .bio { float:left; width:200px; }
div#bios .bio { font-size:11px;}
div#bios .bio h5  { font-size:12px;}