/* CSS Document */

body{ margin:0; padding:0;}
#maincontainer{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; }
#contentwrapper{ float: left; width: 900px; margin:0 10px 0 50px;}
#contentcolumn{ margin-right: 280px; /*Set right margin to RightColumnWidth*/ width:550px;
padding:0 2px 20px 40px; font-size:12px;}
#contentcolumn p {text-align:justify;}
#rightcolumn{float: left; width: 280px; /*Width of right column*/
margin-left: -280px; /*Set left margin to -(RightColumnWidth) */ background: #FDE95E;
background:url(../images/ltblushad.jpg);}
#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; }
.innertube{ margin: 10px 10px 10px 15px;} /*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)*/
#bio, #bio a { height:auto; text-align:center; color:#003366; font-style:italic; font-size:14px; } /*top, right column link to bio page, from office pages*/
.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 }	

#officeinfo {padding:5px; width:520px; position:relative; left:20px; }
.infospecs {width:150px; padding:0 20px 0 0; float:left; font-size:10px; }	
.infospecs h1 {font-size:12px;}
#officeinfo p {text-align:left; }	

/* START CONNEAUT LAKE AGENT DISPLAY */
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:45px; height:45px; float:left; margin:2px; z-index:50;}
a.slidea {background:url(../conneautlake/images/agents/schepnertmb.jpg);}
a.slideb {background:url(../conneautlake/images/agents/willistmb.jpg);}
a.slidec {background:url(../conneautlake/images/agents/beigheytmb.jpg);}
a.slided {background:url(../conneautlake/images/agents/bylertmb.jpg);}
a.slidee {background:url(../conneautlake/images/agents/duffytmb.jpg);}
a.slidef {background:url(../conneautlake/images/agents/klinginsmithtmb.jpg);}
a.slideg {background:url(../conneautlake/images/agents/krusetmb.jpg);}
a.slideh {background:url(../conneautlake/images/agents/midocktmb.jpg);}
a.slidei {background:url(../conneautlake/images/agents/weavertmb.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
/* styling for TOP gallery */
#container_top {position:relative; width:260px; height:315px; background:#669acc; margin:8px auto 0;}
#container_top img {border:0;}
#container_top .thumbs {position:absolute; left:2px; top:0; width:260px;}
#container_top a.gallery:hover span {display:block; position:absolute; width:260px; height:50px; top:100px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:112px; height:139px; top:150px; left:67px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_top h1 {clear:both; margin:0; padding-top:165px; text-align:center; font-family: georgia, "times new roman", serif; font-size:1.4em; font-weight:normal; color:#fff;}
#container_top h1 em {font-size:0.6em; color:#000;}
/* END AGENT DISPLAY */

/* START CONNEAUT LAKE 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:-50px; /* position:the image */
top:-35px; }
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 */

/* 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 tip 2 */
a.tooltip2 {color:#003366;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:-50px; left:95px; padding:10px 5px; font-weight:normal; color:#000; border:1px solid #003366; background:#D7E5F2; width:500px;}
a.tooltip2: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 */