@charset "utf-8";
/* CSS Document */

textarea {font-family:Verdana, Geneva, sans-serif;}
body {background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#f2f2f2; margin:0; font-family:Verdana, Geneva, sans-serif;  font-size:76%;}
a {text-decoration:none;}


/*container*/
#outer{ margin-left: auto; margin-right: auto; width:805px; clear:both; z-index:4;}
#inner { float: left; overflow: hidden; }

/*navigation*/
#inner .nav { width: 141px; background-color:#990000; margin-left:20px; display:inline; padding-left:5px; font:Arial, Helvetica, sans-serif; font-size:12px; float:left;}
#inner .nav a:link {color: #ffffff; text-decoration: none;} 
#inner .nav a:visited {color: #fff; text-decoration: none;} 
#inner .nav a:hover {color: #cfcfcf; text-decoration: none;} 
#inner .nav a:active {color: #fff; text-decoration: none;}
#inner .nav ul {list-style: none; margin-left: 0; padding-left: 0; text-indent: 0; margin-bottom:15px; margin-top:1px;}
#inner .nav li {padding-left: 12px; padding-right: 3px; background-image:url(../images/red_arrow.gif); background-repeat: no-repeat; background-position: 0 4px;}
#inner .blogside {position:absolute; right:0; top:175px; z-index:1; }




/*featured listing*/	
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#747474; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#747474; border-right:2px solid #747474; border-left:2px solid #747474; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#747474; border-right:1px solid #747474; border-left:1px solid #747474; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#747474; border-right:1px solid #747474; border-left:1px solid #747474; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #f2f2f2;}
.headh {background: #747474; border-right:1px solid #747474; border-left:1px solid #747474;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; color: #fff; text-align: center; text-transform:uppercase;}
.contenth {background: #f2f2f2; border-right:1px solid #747474; border-left:1px solid #747474;}
.date {text-transform:uppercase; font-weight:bold; font-size:85%; color:#7a1104; }
.contenth div {margin-left: 4px; padding-top: 5px; color: #747474; }
.listingcontainer {width:270px;}


/*TOOLS columns*/
.toolscontainer {width:570px; float:left; margin-left: 15px; }
.contenth div.one {width:275px; float:left;}
.contenth div.two {width:275px; float:left;}


/*COLUMNS*/
/*1 column*/
#inner .col { width: 590px; margin-top: 0; margin-left: 15px; line-height: 125%; float:left; clear:right;}
#inner .colstory { width: 600px; margin-top: 0; margin-left: 5px; line-height: 125%; float:left; clear:right;}
#inner .colteam { width: 570px; height:120px; margin: 2px 0 2px 0; line-height: 125%; float:left; clear:right;}

/*2 column layout*/
#inner .twocolleft { width: 270px; margin-top: 10px; margin-left: 15px; margin-right: 10px; line-height: 130%; float:left;}
#inner .featuredlisting { width: 270px; margin-top: 20px; margin-left: 20px; margin-right:10px; line-height: 125%; float:left;}
#inner .twocolright { width: 290px; margin-top: 10px; float:left; clear:right; line-height: 135%;}
#inner .twocolrightFRONT { width: 290px; margin-top: 10px; float:left; clear:right; line-height: 120%;}
#inner .twocolrightsm { width: 270px; margin-top: 10px; float:left; clear:right;}
#inner .twocolleftbio { width: 200px; margin-top: 10px; margin-left: 15px; margin-right: 10px; line-height: 130%; float:left;}
#inner .twocolrightbio { width: 360px; margin-top: 10px; float:left; clear:right; line-height: 130%;}
#inner .twocollefthelp { width: 600px; margin-top: 10px; margin-left: 180px; margin-right: 10px; line-height: 130%; float:left;}

#inner .twocolthird { width: 360px; margin-top: 0; margin-left: 15px; margin-right:15px; line-height: 125%; float:left; clear:right;}

#inner .twocolleftpics { width: 120px; margin-top: 10px; margin-left: 0px; text-align: right; margin-right: 10px; line-height: 130%; float:left;}
#inner .twocolrightpics { width: 200px; margin-top: 10px; margin-left: 20px: float:right; clear:right; line-height: 130%;}
#inner .twocolrightpics ul {display: inherit; list-style: disc; margin:0px 0px 0px 20px; padding: 0px 0px 0px 0px; }            
#inner .twocolrightpics li {margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:7pt;}

/*3 column layout*/
#inner .threecol { width: 196px; height:157px; text-align:center; float:left;}
#inner .threecolleft { width: 196px; float:left;}
#inner .threecolleftsm { width: 170px; height:140px; float:left; margin:5px 5px 5px 5px; padding-left:2px; padding-right:2px; border:1px; border-color:#999; border-style:solid; font-size:90%;}

/*column elements*/
#listings {color: black; font-size: medium; font-family: serif; text-align: center; visibility: visible; display: block; position: relative; top: 20px; left: 10px; width: 100px; margin-bottom:20px;} 

/*design elements*/
.indent {margin-left:15px; display:inline;}
.indent20 {padding-left:20px; display:inline;}
.bottompad { padding-bottom:10px;}
.testimonial {padding-bottom:5px; border-bottom:1px; border-bottom-color:#666; border-bottom-style:solid;}
.title1 { font-size: 16px; font-weight: bold; color:#990000; text-transform: uppercase; }
.title2 { font-size: 14px; font-weight: bold; color:#990000; line-height: 18px; padding-left:13px; display: inline;}
.title2inline { font-size: 14px; font-weight: bold; color:#990000; line-height: 18px; padding-bottom: 20px; display: inline;}
.title2feed {font-size: 14px; font-weight: bold; color:#990000; line-height: 25px; padding-bottom: 20px; }
.title3 {font-size: 11px; font-weight: normal; color:#333333;}
.title4 {font-size: 12px; font-weight: bold; color:#990000}
.clear { clear: both; }
.heading {font-size:130%; font-weight:bold;}
.red {color:#990000;}
.underline {border-top:1px; border-top-color:#666; border-top-style:solid; padding-top:10px;}
a {color:#990000;}
li {padding-top:3px;}
ol li {padding-bottom:7px;}
hr {color: #fff; background-color: #fff; border: 1px dotted #999; border-style: none none dotted; width:160px;}
p {margin-right:5px;}
.newsblurb { font-weight:bold; }
.newsblurb a {color: black; font-size:125%;}
.newsblurbsm {font-size:80%; text-transform:uppercase; }
.smaller { font-size:90%}
.featured {text-transform:uppercase; color:#FFF; width:210px; height:34px; margin-left:-15px; background-image:url(../images/fl_corners.jpg); background-repeat:no-repeat; background-position:right;}
.featured h3 {padding-left:20px; padding-top:10px;}
.big {line-height:145%;}

/*condo slideshow*/
.stepcarousel{position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 394px; /*Width of Carousel Viewer itself*/ height: 269px; /*Height should enough to fit largest content's height*/}

.stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; }

.stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 10px; /*margin around each panel*/ width: 373px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }


.viewlistings { color: #0050a4;  font-weight: bold; line-height: 22px; margin: 5px 30px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #0050a4; border-bottom: 1px solid #0050a4; text-align:center; }
.viewlistings a {text-decoration:none;}



/* blog*/
.bubble {background-image:url(../images/blogbg.jpg); background-repeat:no-repeat; height:340px; width:285px; margin-top:15px; float:right; display:inline; margin-right:30px;}
div.feedburnerFeedBlock span.headline { font-size: 13px; font-weight: bold; color:#575757; text-indent: 0; text-align: left; }
.blog { width: 220px; font-size:87%; padding-top:15px; padding-left:15px;}
.blog ul { list-style-type: none; padding: 0; margin-left: 0; text-align: justify; }
.blog li {padding-top:15px;}
.date { margin: 0; padding: 0;font-weight: bold;font-size:85%; }
.blog a:link {color: #990000; text-decoration: none;}
.blog a:visited {color: #953030;	text-decoration: none;}
.blog a:hover {color: #767676; text-decoration: none;}
.blog a:active { color: #953030; text-decoration: none;}
.blog p {margin:0 0 0 0; padding:0 0 1px 0;}
.blog div {padding:0;}



/* Contact Page*/
.contactBox {width:514px; height:356px; padding-top:20px; padding-left:0px; background-image:url(contactshadow.jpg); background-repeat:no-repeat; font-size:92%; clear:right;}
.row  {margin:5px; line-height:20px; text-align:left; display:table;}
.rowNudged {margin-top:10px; margin-left:5px; margin-right:5px; margin-bottom:5px; line-height:20px; text-align:left;}
.leftLabel {float:left; width:110px; text-align:right; margin-right:15px; }
.rightInput {width:200px; margin-top:3px; font-size:95%; vertical-align:bottom;}
#txtMessage {width:312px; height:125px; font-size:95%}
#chkSendCopy {float:left; margin-left:20px;}
#buttonBox {margin-right:5px; text-align:right;}
#cmdReset {width:70px;}
#cmdSubmit {width:100px; margin-left:5px;}
#contactDetails {text-align:left; margin-top:2px; position:relative; left:-2px;}

/*togglebox
background-image:url(../images/tab1-bg.png); background-repeat:no-repeat; 
background-image:url(../images/tab2-bg.png); background-repeat:no-repeat; 
*/
.tab1 {width:283px; height:31px; float:left; display:inline; margin-bottom:15px;  }
.tab2 {width:283px; height:31px; float:left; display:inline; margin-bottom:15px; }
.tab1 a {font-size:90%; font-weight:bold; text-transform:uppercase; text-decoration: none; padding:5px 0 5px 0; float:left; display:inline; color:#FFF;}
.tab2 a {font-size:90%; font-weight:bold; text-transform:uppercase; text-decoration: none; padding:5px 5px 5px 0; float:left; display:inline;color:#FFF;}
a:active { background-image:url(../images/tab-bg_active.png); background-repeat:no-repeat; outline: none; }
#newboxes1 {display: block; padding-left:2px; width:570px;}
#newboxes2 {display: none; }




/*layout elements*/
#inner .pageHeader { background: url(../images/banner.jpg) no-repeat; width: 805px; height:137px; overflow:hidden; float: left; margin-top:9px; }

.layout {background-image:url(../images/body_bg.jpg); background-repeat:repeat-y; width: 805px; z-index:10; position:relative;}

.voteoulahen {float:right; width:300px; height:85px; background-position:right; }
.voteoulahen img {padding-right:15px;}



.bgimagehome {background-image:url('../images/homepageimage.jpg'); background-repeat:no-repeat; background-position:100% 100%; height:250px; }
/*.bgimagehome ul {margin-right: 290px;}*/
.bgimagehome li.narrow {margin-right: 290px;}
.bgimagehome li.narrow2 {margin-right: 240px;}


.bottomnav {background-image:url(../images/body_bg.jpg); background-repeat:repeat-y; width: 805px; text-align:center; padding-bottom:8px;}
.bottomnav a { color:#990000; text-decoration:none; font-size:83%;}

.bottom {background-image:url(../images/bottom_shadow.jpg); background-repeat:repeat-x; width: 805px; height:40px;}