/* --- start of css --- */

/* Global */
html {height: 100%;}
body {padding: 0; padding-top: 5px; margin: 0; font: 62.5% verdana, arial, helvitica, sans-serif; text-align: left; height: 100%; background: #f8f1da; text-align: left;}

/* Misc */
h3 {background: #e5d5a4; font-size: 13pt; font-weight: bold;}
p {margin: 0;}
input.box {width: 95%;}
legend {font-weight: bold;}
td {vertical-align: middle;}
.selected {font-weight: bold;}
select {position: relative; z-index: 1;}
.imageframe {border: 1px solid #000000; cursor: pointer; background-color: #FFFFFF; background-image: url(../../images/ajax-loader.gif); background-repeat: no-repeat; background-position: center center;}
.bold {font-weight: bold;}
.clearer {clear: both; height: 1px;}
.image_div {cursor: pointer; width: 90px; height: 68px; background-color: #DDDDDD; text-align: center; vertical-align: middle;}
.outline {border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; min-height: 600px; width: 1010px;}
.cell {padding: 5px; vertical-align: top;}
.cell2 {padding: 15px; vertical-align: top;}
.alt1 {background-color: #FFFFFF;}
.alt2 {background-color: #F5F5F5;}
span#delete {cursor: pointer;}
td#pagebar {background-color: #777777; color: #FFFFFF; height: 31px; font-weight: bold;}
.rates {background: #FFFFFF; border: 2px solid ; width: 150px; vertical-align: top;}
.alt_color {background: ;}
.firstparagraph {display: hidden;}
span#more {font-weight: bold; cursor: pointer;}
table.on {background-color: #F8F1DA;}
table.off {}
.mortgageField {width: 100px; border: 1px solid #CCCCCC;}
.mortgageAnswer {border: 1px solid #CCCCCC;}
.smallButton {border: 1px solid #CCCCCC;}
.error {color: red;}
fieldset {padding: 5px;}
.listings_footer {position: absolute; background-color: #E5D5A4; width: 190px; border: 1px solid #000000; border-bottom: 0px; text-align: center; font-weight: bold; opacity: 0.6; filter:alpha(opacity=60); margin-top: 125px; height: 15px; font-size: 11pt; padding: 5px;}

/* Divs */
div#assoc_box {background-color: #DDDDDD; width: 318px; height: 200px; padding: 5px;}
div#slideshow {border: 1px solid #000000; width: 145px; text-align: center; padding: 3px 0 3px 0; margin-bottom: 5px; color: #FFFFFF; background: #777777; cursor: pointer;}
div#contact {text-align: center; font-size: 9pt; padding: 10px; padding-bottom: 3px;}
div.photo_box {width: 150px; height: 215px; background: #EEEEEE; border: 1px solid #DDDDDD; text-align: center; background-image: url(../../images/temp_head.png); background-position: bottom center; background-repeat: no-repeat;}
div#top_border {background: transparent;}
div#header {width: 1008px; height: 102px; margin-left: auto; margin-right: auto; text-align: left; background-color: #e5d5a4; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
div#iframe {cursor: pointer; text-align: right; font-weight: bold; background-color: #e5d5a4; padding: 10px; font-size: 10px; border-bottom: 1px solid #000000;}
div#container {width: 100%;}
div#inner {width: 1010px; margin-left: auto; margin-right: auto; text-align: left; font-size: 10pt; background: ; clear: both;}
div#bio {line-height: 14pt; width: 98%; padding-top: 5px;}
div#body {clear: both; width: 675px; background-color: transparent;}
div#search {height: 538px; width: 265px; color: #FFFFFF; background-color: #C7BAA2; text-align: left; vertical-align: top;}
div#content{width: 1010px; background-color: #FFFFFF;}
div#side {text-align: left; width: 265px; position: relative; top: 310px; height: 160px; padding-top: 10px;}
div#news {background: #FFFFFF; width: 270px; height: 200px; border: 1px solid #000000; text-align: left;}
div#footer {background: #e5d5a4; width: 960px; height: 150px; margin-left: auto; margin-right: auto;}
div#view_edit {font-size: 9pt; padding-left: 10px;}
div#additional {margin: 10px; background: #EEEEEE; padding: 10px; text-align: left;}
div#mortcalc {margin: 10px; overflow: hidden;}
div#gallery {height: 338px; width: 450px;}

/* Navbar */
#nav {margin-left: auto; margin-right: auto; position: relative; height: 31px; width: 1008px; background-image: url(../../images/brown_bg.png); text-align: center; z-index: 100; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
#mainmenu, #mainmenu ul {padding: 0; margin: 0; list-style-type: none; text-align: center;}
#mainmenu ul li { display: inline; width: 150px;}
#mainmenu a {display: block; text-decoration: none; padding: 9px 15px 8px 15px; color: #000000; font-size: 9pt; font-weight: bold;}
#mainmenu a.trigger {padding: 9px 23px 5px 23px; height: 18px; font-weight: bold;}
#mainmenu .trigger:hover, #mainmenu .trigger:active {padding: 9px 23px 5px 23px;}
#mainmenu li {float: left; width: auto; text-decoration: none; display: inline;}
#mainmenu li ul, #mainmenu ul li  {text-align: left; width: 170px; font-size: 9pt;}
#mainmenu ul li a {color: #565656; border-right: 0; padding: 3px 12px 3px 16px; font-weight: bold;}
#mainmenu li ul {position: absolute; margin-left: -1px; display: none; border-left: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #333333; background-image: transparent; background-color: transparent; background-repeat: repeat-x; z-index: 2000;}
#mainmenu li ul li {line-height: 20px; vertical-align: top;}
#mainmenu li:hover a, #mainmenu a:focus, #mainmenu li.menuhvr a {color: #000000; font-weight: bold;}
#mainmenu li:hover ul, #mainmenu li.menuhvr ul {display: block; background: #FFFFFF; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; z-index: 2000;}
#mainmenu li:hover ul a, #mainmenu li.menuhvr ul a {color: #000000; background: none; background-color: transparent; font-weight: normal;}
#mainmenu ul a:hover {background-color: #E2E2E2 !important; color: #000000 !important; background-image: none !important; font-weight: normal;}
#mainmenu li {width: auto;}

/* Background Transparency */
div#transp {display: none; position: fixed; z-index: 30000; height: 2000px; width: 100%; left: 0; top: 0; bottom: 0; right: 0; background-color: #000000; opacity: 0.5; } /* the close bracket makes mozilla disregard the rest of the inline css code */ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

/* Side Bar */
ul#split,ul#split li{margin: 0; padding: 0; list-style: none;}
ul#split li {width: 270px; margin: 0 0 0 0;}
ul#split h3 {margin: 0px; padding: 5px 0 3px; text-align: center; color: #000000; font-weight: bold; font-size: 10pt;}

/* Login */
ul#midbox,ul#midbox li{margin: 0; padding: 0 10px 0 0; list-style: none; width: 665px;}
ul#midbox li {width: 100%; margin-left: auto; margin-right: auto;}
ul#midbox h3 {margin: 0px; padding: 5px 0 3px; text-align: center; color: #000000; font-weight: bold;}
ul#midbox p {margin: 0; padding: 5px 8px 15px; font-size: 10pt; line-height: 14pt;}
li#login h3 {background: #e5d5a4;}
li#login div {border: 1px solid #e5d5a4; padding: 10px; text-align: center;}
li#midbox_inner h3 {background: #e5d5a4;}
li#midbox_inner div {border: 1px solid #e5d5a4; padding: 10px; text-align: center;}

/* Links */
a.orange:link { color: #e5d5a4; text-decoration: none; }
a.orange:visited { color: #e5d5a4; text-decoration: none; }
a.orange:hover { color: #e5d5a4; text-decoration: underline; }
a.black:link { color: #000000; text-decoration: none; }
a.black:visited { color: #000000; text-decoration: none; }
a.black:hover { color: #000000; text-decoration: underline; }

/* Nav Header */
div.nav {width: 650px; margin-bottom: 5px; background: #e5d5a4; color: #000000; float: right;}
.nav_wrapper {vertical-align: middle; margin-top: 5px;}
.nav_item {vertical-align: middle; padding-bottom: 5px; font-size: 10pt; text-align: center;}

/* Date Picker */
a.dp-choose-date {float: left; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(../../images/calendar.png) no-repeat;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px; cursor: default;}
input.dp-applied {width: 140px; float: left;}

/* --- end of css --- */