/* CSS CBC Property Search - Screen Styles */

body {font-family:arial,helvetica,sans-serif;font-size:82%;color:#333;font-weight:normal;
background-color:#a9c6e3;margin:10px;padding:0;}

				
html>body {font-size: 82%;}


/* layout elements */

#holder	{width:780px;margin:0 auto;padding:0;background-color:#cdcccc;border:2px solid #fff;text-align:center}

#content {width:760px;margin:10px auto;line-height:1.6;padding:0;background-color:#fff;border:0;text-align:left}

.buffer {height:10px;width:100%;background-color:#fff;clear:both}
.buffertop {height:5px;width:100%;background-color:#fff;margin-bottom:5px;}

.hrDivider {clear:both;height: 1px;margin: 0;width:100%;}
.hrDivider hr {display: none;}


#header {width:720px;margin:0 auto;background-color:#ffc;height:85px;border:0;text-align:left;padding:0;}
.headerlogo {float:right;margin:0;padding:0;border:0;width:170px;height:60px}
.headerlinks {float:left;width:500px;text-align:left;margin:0;padding:0;}
.headertitle {float:left;width:350px;text-align:left;margin:18px 0 0 0;padding:0;}

#headerpage {width:720px;margin:0 auto;background-color:#fff;height:75px;border:0;text-align:left;padding:0;}

#homepagearea {width:760px;background-color:#fff;margin:0;padding:0}
#pagearea {width:720px;background-color:#fff;margin:0 auto;padding:0}

#page {width:720px;background-color:#fff;margin:0 auto;padding:0;text-align:left}

.pagetitle {text-align:left;width:300px;height:30px;border:0;background-color:#fff;}

.overmap {float:right;margin:0;text-align:left;width:405px}
.overmaptext {float:left;margin:0;text-align:left;width:299px}
.overmapdir {float:right;width:150px;text-align:right}


.locationsmap {float:right;margin:0 5px 0 0;text-align:right;width:400px;background-color:#fff;height:483px}
.locationstxt {float:left;margin:0 0 0 20px;text-align:left;width:250px}

.locationpage {width:720px;background-color:#fff;margin:5px auto 15px auto;padding:0;text-align:left}



#innerfoot {width:650px;margin:10px auto;color:#333;background-color:#faf6f1;height:auto;border:1px solid #999;text-align:center;padding:5px;}

#innerfoot a:link { text-decoration:underline; color:#33c; background:transparent;}
#innerfoot a:visited {text-decoration:underline; color:#c00; background:transparent;}
#innerfoot a:hover, a:active, a:focus {text-decoration:none; color:#33c;}


#footer {width:720px;margin:8px auto;background-color:#a9c6e3;border:0;text-align:center;padding:0;clear:both}


/* visual elements */

h1 {margin:0 0 5px 0;padding:0}
h2 {font-size:16px;font-weight:bold;margin:5px 0 1px 0;padding:0;color:#9f0404}
h3 {font-size:14px;font-weight:bold;margin:0 0 3px 0;padding:0;color:#9f0404}
h4 {font-size:12px;font-weight:bold;margin:0 0 3px 0;padding:0} 

.formtitle {font-size:15px;font-weight:bold;margin:2px 0 2px 3px;padding:0;color:#9f0404;letter-spacing:1px}

p {line-height:1.5;margin:0 0 8px 0;padding:0}
								
#page a:link { text-decoration:underline; color:#c00; background:transparent;}
#page a:visited {text-decoration:underline; color:#33c; background:transparent;}
#page a:hover, #page a:active, #page a:focus {text-decoration:none; color:#33c;}

.red {color:#c00;padding:0 5px;font-weight:bold;}
.redform {color:#c00;padding:0;font-weight:bold;}


/* map with hot spots */
#map {padding:0;margin:0;list-style-type:none; width:405px;height:420px;margin:10px 5px 40px 0;position:relative;
z-index:100;background-image: url(../prop-images/copeland-mapover-full.jpg);background-repeat: no-repeat;background-position: left top;}

#map li a {text-indent:-999px; display:block; width:8px; height:8px; background:#000; position:absolute; line-height:2px;}
#map li a em {visibility:hidden; position:absolute;}

/* position the square markers */
#map li a.egre {top:142px; left:60px;}
#map li a.mill {top:391px; left:197px;}
#map li a.sella {top:196px; left:70px;display:block; width:8px; height:8px; background:#f93}
#map li a.friz {top:71px; left:83px;}
#map li a.wh {top:70px; left:18px;}
#map li a.west {top:95px; left:46px;display:block; width:8px; height:8px; background:#f93;}
#map li a.sea {top:216px; left:83px;}

#map li a:hover {background:#c00; text-indent:0; height:1em;text-decoration:none; font-weight:normal;color:#fff; line-height:1em; padding:4px; width:150px;}

* html #map li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}

#map li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #c00; width:150px; color:#600; padding: 5px;font-style:normal; top:-95px; text-decoration:none; line-height:1.3em;}

* html #map li a:hover em {width:200px; w\idth:150px;}

#map li a:hover em img {border:1px solid #000; display:block; margin:0 auto 5px auto;}

/* end of map with hot spots - start nav block */

#navblock {width:760px;margin:0px auto;padding:0;border:0;height:128px;background:#fff url(../prop-images/navback-1.jpg) no-repeat right top;}

#navcontainer {width:720px;margin:0 auto;background-color:transparent;border:0;padding:20px 0 0 0;}

#navlist {width:540px}
#navcontainer ul {text-align:left;padding:6px 0;margin:0;float:left;background:transparent;color:#fff;letter-spacing:1px}
#navcontainer ul li {display: inline;padding: 0;}
#navcontainer ul li a {border:1px solid #fff;padding: 5px;color:#fff;margin-right:2px;text-decoration: none;background-color:#6c8bc6;}
#navcontainer ul li a:hover {background:#000 url(../prop-images/down_arrow.gif) no-repeat center top; color:#fff;}
#navcontainer #current {background:#af3535 url(../prop-images/down_arrow.gif) no-repeat center top; color:#c00;color: white;}

.logblock {float:right;width:170px;height:71px}

/* end of nav */

.line {width:300px;height:1px;background-color:#c00;text-align:center;padding:0;margin:20px auto 8px auto}

#locationtext {text-align:left;margin:0 0 5px 0;padding:3px 0;background-color:#fff}
#locationtextfoot {width:700px;background-color:#fff;margin:0 auto;padding:0;}
.locationtextsite {width:680px;background-color:#fff;margin:5px auto;padding:5px 0;border:0}

.textindent {margin-left:20px}

.defholder {width:229px;border-bottom:1px dashed #9f0404;padding:0 0 2px 0;margin:4px 0;}
.defmain {width:229px;text-align:left;padding:0;margin:0;font-weight:bold;color:#af3535}
.defirst {width:205px;float:right;text-align:left;padding:0;margin:0;clear:right;background-image: url(../prop-images/06-list-bullet-red.gif);background-repeat: no-repeat;background-position:0 .5em;padding-left: 10px;}
.def {width:205px;float:right;text-align:left;margin:0;clear:right;background-image: url(../prop-images/06-list-bullet-red.gif);background-repeat: no-repeat;background-position:0 .5em;padding-left: 10px;}
.defclear {clear:both;margin:0;padding:0}

/* roundy boxes */

.xsnazzy h3 {margin:0;padding:0 5px 2px 5px; border-bottom:1px solid #69c;font-size:14px;font-weight:bold;color:#333}
.xsnazzy p { margin:0; padding:3px 10px 3px 10px;}
.xsnazzy {background:transparent; width:700px;margin:0 auto;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #444; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}

.color_b {background:#e4ecf8; color:#333;}

.blockhold {width:700px;margin:0 auto;padding:0}
.image-right {float:right;margin: 0 0 4px 6px; border:1px solid #666}
.image-left {float:left;margin: 0 6px 4px 0; border:1px solid #666}
.clearleft {clear:left;width:100%}


/* contact form start ***************************/

#contactform {width:600px;margin:0 auto;padding:0}

.left-f {float:left;width:280px;text-align:left;background-color:#fff;padding:5px;color:#333;}
.right-f {float:right;width:280px;text-align:left;background-color:#fff;padding:5px;color:#333;}
.label{float: left;width: 200px;margin:2px 0;}
.textinput {font-weight:normal;padding:5px 2px;background:#f2f2f2;border:1px solid #666;}

.address {width:275px;border:1px solid #333;height: 99px;padding:5px 2px;background-color:#f2f2f2;font-family:arial,helvetica,sans-serif;line-height:1.3}
.comments {width:275px;border:1px solid #333;height:320px;padding:5px 2px;background-color:#f2f2f2;margin:0 0 5px 0;font-family:arial,helvetica,sans-serif;line-height:1.3}

.submit {margin:8px 0;font-weight:normal;padding:2px;text-align:center;border:1px solid #c00;width:60px;
background: #fff url(../prop-images/formbrgd.gif) repeat-x left top;cursor:pointer;}

.reset {margin:8px 0;font-weight:normal;padding:2px;text-align:center;border:1px solid #c00;width:60px;
background: #fff url(../prop-images/formbrgd.gif) repeat-x left top;cursor:pointer;}

br{clear:left;}

.hidefromprint {background=color:transparent}


#page ul {list-style-type: none;padding: 0;margin:0 0 15px 30px;}
#page li {background-image: url(../prop-images/06-list-bullet-right.gif);background-repeat: no-repeat;background-position:0 .5em;padding-left: 10px;}