/* CSS Document */

/* START MAIN DISPLAY */
body{ margin:0; padding:0;}
a {color:#000000;}
#wrapper{width: 960px; /*Width of main container*/ margin: 10px auto; /*Center container on page*/
border:1px solid #000;}
#topsection{ background: #6699cc; height: 170px; /*Height of top section*/ float:left; width:680px; overflow:hidden;}
#topsectionB { float:left; width:280px; background:url(images/blushad.jpg); height:170px;
text-align:center; font-size:12px; color:#ddd; overflow:hidden; }
#topsectionC {width:640px; float:left; height:110px /*change this height then equal change in padding-bottom topsectionD*/; padding:10px 10px 0 30px; font-size:12px; clear:right; text-align:justify; }
#topsectionD {width:280px; float:left; background:url(images/ltblushad.jpg); height:100px;
padding-bottom:35px; }
#topsection h1{margin: 0; padding-top: 15px;}
#contentwrapper{float: left; width: 100%;}
#contentcolumn{margin: 0 190px 0 240px; text-align:justify; }/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
#contentcolumn2{margin: 0 190px 0 50px; width:400px; font-size:13px; padding:20px 20px 20px 20px; }/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
#leftcolumn{float: left; width:230px; /*Width of left column in pixel*/ margin-left:-960px; } /*Set margin to that of -(MainContainerWidth)*/
#rightcolumn{float:left; width:280px; /*Width of right column*/ margin-left:-280px; /*Set left margin to -(RightColumnWidth)*/ background:url(images/ltblushad.jpg);}
#bottomtext { padding:10px 10px 10px 25px; width:375px; font-size:12px; text-align:justify; } /*under search box*/
#footer, #footer a { clear:both; width:100%; background-color:#6699cc; color:#003366; text-align:center; padding:4px 0; font-size:11px; }
.footerphone {font-size:12px; font-weight:bold; }
#footer2 { clear: both; width:960px; background:#004887; color:#6699cc; text-align:center; padding:4px 0; font-size:11px; }
.footerlist { padding:3px; border-right:1px solid #ddd; width:129px; float:left; background:#6699cc; }
.box { width:auto; height:auto; padding:2px; border:1px solid #ddd; }
.boxr {width:180px; height:auto; margin-left:25px; text-align:left;}
h3 {color:#6699cc; }
h4 {color:#003366; font-size:14px; }
.rcolinsert {text-align:center; padding-top:40px }
#testimony {text-align:justify;}
#freemoney {font-size:12px; padding:0px 0 15px 0;}
#freemoney h4 {color:#003366; font-size:16px; font-weight:bold; text-decoration:underline;}

.innertube{ margin: 10px 10px 10px 15px; /*Margins for inner DIV inside each column (to provide padding)*/}
.innertubeB{ margin: 10px 10px 10px 15px; width:680px; height:120px; /*Margins for inner DIV inside each column (to provide padding)*/}
.innertube2{ margin: 0 10px 10px 25px; /*Margins for inner DIV inside each column (to provide padding)*/}
.innertube3{ margin: 0 10px 10px 70px; /*Margins for inner DIV inside each column (to provide padding)*/}

/* START SUB PAGES DISPLAY*/
#content { width:550px; padding:0px 20px; float:left; font-family:"Times New Roman", Times, serif; font-size:12px;}
#contentX {width:390px; float:left; padding-left:0px;}
#printicon { float:right; padding:0px 10px 5px 0px;}
#plate {float:left; padding-right:10px;}
#conphoto {float:right; padding:0 0 0 15px;}
#sidemenu {text-align:center; width:150px;}
#bookcover {text-align:center;}
/* END SUB PAGES DISPLAY*/

/* START MINI MENU */
#mini { border:1px solid #D7E5F2; width:210px; background:#F9FBFD; padding:2px; text-decoration:none;  font-size:13px;}
/* END MINI */

/* START FORM BUILD */
#newlistingsalert table, #signup table, #homevalue table { background-color: #F9FBFD; color: #000000; border: 1px solid #D7E5F2; border-collapse: no-collapse; } 
#newlistingsalert td, #signup td, #homevalue td {  border: 1px solid #D7E5F2; padding-left: 4px; }
.labelcell { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #3670A7; 
 background-color: transparent;  width: 200px; }
.labelcellx { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #3670A7; 
background-color: transparent;  width: 20px; } 
.fieldcell { background-color: #F2F7FB; color: #000000; text-align: right; margin-right: 0px; padding-right: 0px; width:200px; }
.cfieldcell {  background-color: #F2F7FB;  color: #000000; text-align: left; margin-right: 0px; 
 padding-right: 0px; }  
.smalllabelcell { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: transparent; color: #3670A7; width: 50px; } 
.smallfieldcell {  background-color: #F2F7FB; color: #000000; text-align: right; }
.fieldcell input { width: 200px; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; color: #102132; border: 1px solid #284279; margin-right: 0px; } 
.smallfieldcell input { width: 100px; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; color: #102132; border: 1px solid #284279; } 
.smallfieldcell select { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #D7E5F2; color: #102132; border: 1px solid #284279; }
.button { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #D7E5F2; 
 color: #102132; margin-left: 12px; margin-top: 3px; margin-bottom: 2px; }
/* END FORM BUILD */

/* SETUP OFFICE MAP */
.uk {padding:0; margin:0px; list-style-type:none; background:#fff url(images/newmap5A.jpg) no-repeat; width:225px; height:290px; margin:0 0 0 15px; position:relative; z-index: 0; }
/* move the text off screen */
.uk li a {text-indent:-999px; display:block; width:7px; height:7px; background:#600; position:absolute; line-height:8px;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.uk li a.cl {top:69px; left:15px;} /* conneaut lake */
.uk li a.hg {top:104px; left:20px;} /* hermitage */
.uk li a.mv {top:66px; left:40px;} /* meadville */
.uk li a.nc {top:130px; left:20px;} /* new castle */
.uk li a.gv {top:88px; left:20px;} /* greenville */
/* move the text back into view on hover */
.uk li a:hover {background:#600; text-indent:0; height:1.2em; font-size:12px; color:#fff; line-height:1.2em; padding:2px 10px; width:90px;}
/* hack for IE5.x */
* html .uk li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #600; width:135px; color:#000; padding:17px; font-style:normal; top:-35px; font-family:"Times New Roman", Times, serif; font-size:12px; text-align:left;}
/* hack for IE5.x */
* html .uk li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.uk li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
/* style the empty span into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#600; position:absolute; left:0; top:28px;}
/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}
/* END OFFICE MAP */

/* start Top Pro */
#pro {position:relative; text-align:left; width:150px; color:#003366; font-size:12px; font-weight:bold} /* end Top Pro */

/* start tool tip */
a.tooltip {color:#003366;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:10px 5px; font-weight:normal; color:#000; border:1px solid #003366; background:#D7E5F2; width:200px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#D7E5F2 url(images/tooltip.jpg) 0 0; display:block; font-size:1px;}
/* end tool tip */

/* start tool tip3 */
a.tooltip3 {color:#003366;}
a.tooltip3 b {display:none;}
a.tooltip3:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip3:hover b {display:block; position:absolute; top:10px; left:205px; padding:10px 5px; font-weight:normal; font-size:12px; text-align:left; color:#000; border:1px solid #003366; background:#D7E5F2; width:200px;}
a.tooltip3:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#D7E5F2 url(images/tooltip.jpg) 0 0; display:block; font-size:1px;}
/* end tool tip */

/* start menu */
#menubar { width:960px; height:25px; background-color:#b4b4b4; clear:left; }
#menu, #menu ul {padding:0; margin:0; list-style:none; height:25px; background:#b4b4b4;}
#menu {padding-left:20px; }
#menu table {border-collapse:collapse; width:0; height:0; padding:0; margin:-1px;}
#menu ul {position:absolute; left:-9999px;}
#menu li {float:left;}
#menu li a {white-space:nowrap; background:#b4b4b4; display:block; float:left; height:25px; line-height:25px; font-family:georgia, serif; font-size:12px; text-decoration:none; color:#000; padding:0 20px 0 10px;}
#menu li a.drop {background:#b4b4b4 url(images/jpg) no-repeat right center;}
#menu li a:hover {position:relative; color:#069; background-color:#ddd; z-index:10;}
#menu li:hover {position:relative; z-index:10;}
#menu li:hover > a {color:#000; z-index:10;}
#menu :hover ul {left:-1px; top:25px; width:120px; background:url(trans.gif); padding-top:1px; border-bottom:0;}
#menu :hover ul li a {border-left:1px solid #fff; height:20px; line-height:20px; width:160px; border-bottom:1px solid #fff; font-size:12px;}
#menu :hover ul li a.right {background:#b4b4b4 url(images/right.jpg) no-repeat 175px center;}
#menu :hover ul ul {left:-9999px; padding-top:0;}
#menu :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000; background:#ddd url(images/gif) no-repeat right center;}
#menu :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000; background:#ddd url(images/.jpg) no-repeat right center;}
#menu :hover ul :hover ul {left:150px; top:21px;}
#menu :hover ul :hover ul ul {left:-9999px;}
#menu :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#ddd;}
#menu :hover ul :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000; background:#ccc url(images/down2.gif) no-repeat right center;}
#menu :hover ul :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000; background:#ccc url(images/.jpg) no-repeat right center;}
#menu :hover ul :hover ul :hover ul {left:150px;}
#menu :hover ul :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#ccc;}
/* end menu */

/* START HOVER IMAGES */
#info p {margin-left:15px; margin-right:20px;}
a.screen, a.screen:visited { color:#800000; font-weight:bold; position:relative; text-decoration:none; z-index:1; }
a.screen b {position:absolute; visibility:hidden; /* hide the image */width:45px; /* give it a width */height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #000; /* add a border */ left:0; /* position:the image */ top:-45px; }
a.screen:hover {text-decoration:none; border:0; /* needed for this to work in IE */ z-index:1000; }
a.screen:hover b {visibility:visible; /* make the image visible */ height:45px; /* give it a height */
cursor:pointer; /* for IE */ z-index:500; }
a.screen:hover b img { border:0; /* remove the link border */ }
/* END HOVER IMAGES */