/* Deaf Alerter CSS */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background: #E3E1C1 url(images/body-bg.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}
* html body {font-size: x-small; /* for IE5/Win */ f/ont-size: small; /* for other IE versions */}

div#wrapper {height: 100%; margin: 0 auto; width: 760px; font-size: 90%;}
div#container {float: left; width: 760px; /*background: #FFF*/; display:inline;}
form.nomarg {padding: 0; margin: 0;}

/* Header */
div#logostrip {float: left; width: 760px; height: 110px; background: #22743c;}
div#logostrip img {float: left; margin: 12px 0 0 218px;}
div#header {float: left; width: 760px; height: 26px; \height: 34px; he\ight: 26px; padding-top: 8px; background: #000; color: #FFF; text-align: center;}
div#header h1 {font-size: 100%; font-weight: normal; margin: 0;}
div#imagestrip {float: left; height: 194px; width: 760px;}
img.landscape {float: left; display: block;}
div.banner1 {float: right; margin: 18px 30px 0 0; border: 1px solid #FFF;}
div#topnav {float: left; clear: both; width: 960px; height: 30px; background: #3D2B2D; border: 10px solid #FFF; border-width: 0 10px;}

/* Expanding Menu */
#menu {background: none; margin: 0; padding: 0; font-size: 100%; line-height: 110%;}
#menu ul {list-style: none; margin: 0; padding: 0; border: 0; text-transform: uppercase;}
#menu ul.hiddenul {display:none;}
#menu li {margin: 0;}
#menu li a {padding: 7px 10px 7px 15px; background-color: #87818A; color: #FFF; text-decoration: none; margin: 0; display: block;}
#menu li a.toplevel {background-image: url(images/corner.gif); background-position: bottom left; background-repeat: no-repeat; border: 4px #C3C0C5 solid; border-width: 0 4px 0 0;}
html>body #menu li a {width: 118px; text-decoration: none;}
#menu li a:hover {padding-left: 15px; background-color: #97919A; color: #FFF; text-decoration: none;}
#menu li ul {display: none;}
/*#menu li ul.hide {position: absolute; left: -999em;}
#menu li ul.show {position: static;}*/
#menu li ul li {margin: 0;}
#menu li ul a {padding-left: 15px; text-decoration: none; background-image: url(images/dkhdot.gif); background-position: bottom; background-repeat: repeat-x; border: 4px #D7D5D8 solid; border-width: 0 4px 0 0;}
#menu li ul a:link {background-color: #AFABB1; color: #333;}
#menu li ul a:visited {background-color: #AFABB1; color: #333;}
#menu li ul a:hover {background-color: #BFBBC1; color: #333;}
#menu li ul a:active {background-color: #AFABB1; color: #333;}
#menu li ul li ul a.thirdlevel {background-color: #CFCBD1; color: #333; border: 4px #F7F5F8 solid; border-width: 0 4px 0 0;}
#menu li ul li ul a.thirdlevel:link {background-color: #CFCBD1; color: #666;}
#menu li ul li ul a.thirdlevel:visited {background-color: #CFCBD1; color: #666;}
#menu li ul li ul a.thirdlevel:hover {background-color: #BFBBC1; color: #666;}
#menu li ul li ul a.thirdlevel:active {background-color: #CFCBD1; color: #666;}
/* -------------- */

/* Left Column */
img.logos {margin: 14px 0 0 6px;}

/* Columns */
div#content-wrap {float: left; width: 760px; background: #E9E0D4 url(images/stretch-bg.gif); border: 10px solid #FFF; border-width: 4px 10px 0 10px;}
div.column-1 {float: left; padding: 0; width: 147px; margin: 10px 0 0 5px; display: inline;}
div.column-2 {float: left; padding: 0; width: 418px; margin: 0 0 0 0; display: inline;}
div.column-3 {float: left; padding: 0; width: 185px; margin: 10px 5px 0 0; display: inline;}
div.column-left {float: left; padding: 0; width: 568px; border: 4px solid #FFF; border-width: 0 0 0 0; display: inline;}
div.column-right {float: left; padding: 0; width: 228px; display: inline;}
div.column-lsmall {float: left; padding: 0; width: 188px; border: 4px solid #FFF; border-width: 0 0 4px 0; display: inline;}
div.column-rlarge {float: left; padding: 0; width: 568px; border: 4px solid #FFF; border-width: 0 0 4px 4px; display: inline;}

/* Header Div */
div.headerdiv {float: left; width: 569px; \width: 603px; w\idth: 569px; padding: 17px; margin-top: 10px; clear: right;}
div.headerdiv a {color: #000;}
div.headerdiv h1 {font-size: 190%; margin: 0; font-weight: normal; text-transform: uppercase; letter-spacing: 5px;}
div.dottedline {float: left; height: 1px; width: 384px; line-height: 1px; background: url(images/h-dot.gif) repeat-x; margin: 0 0 0 17px;}
img.dottedline {float: left; margin: 0 0 0 17px;}
img.dottedlinenews {float: left; margin: 10px 0 10px 0;}

/* Header Image */
div.column-2-wrap {float: left; display: inline; width: 418px;}
img.img-ext {float: left; display: inline;}
div.headerimage {float: left; width: 384px; \width: 418px; w\idth: 384px; padding: 17px; margin-top: 10px; clear: right;}
div.headerimage h1 {font-size: 190%; margin: 0; font-weight: normal; text-transform: uppercase; letter-spacing: 5px;}

p.phr {background: url(images/h-dot2.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phrwhite {background: url(images/quickfind-hdot.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phr2dk {background: url(images/hotpro-hdot-even.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phr2lt {background: url(images/hotpro-hdot-odd.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.green {color: #B4DCC2}



/* Content Pages */
div.content {float: left; padding: 13px 17px;}
div.content h1 {font-size: 200%; padding: 0; margin: 0; font-weight: bold;}
div.content h2 {font-size: 140%; padding: 0; margin: 0; font-weight: bold;}
div.content h3 {font-size: 120%; padding: 0; margin: 0; font-weight: normal;}
div.content p {margin: 7px 0 0 0;}
div.content p.testimonial {font-size: 125%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #AE2F39;}
div.content ul {list-style-position: inside; padding: 0; margin: 0; width: 90%;}
div.content ul li {padding: 0; margin: 5px 0 0 0;}
div.content img.left {float: left; clear: left; margin: 0 15px 0 0; border: 4px solid #FFF;}
div.content div.limitwidth {float: left; width: 346px;}
div.content div.service {float: left; clear: both; width: 532px;}
div.content div.pageindex {width: 532px; height: 3em; background: #596D5F; color: #FFF; font-size: 90%;}
div.content div.pageindex div.text {float: left; display: inline; margin: 9px 10px 0 15px;}
div.content div.pageindex div.awrap {float: left; height: 1.4em; margin: 6px 6px 0 0; text-align: center; vertical-align: middle;}
div.content div.pageindex a {height: 1.4em; padding: 3px 5px 0 5px; text-decoration: none; display: inline; display: block;}
div.content div.pageindex a:link {background: #718477; color: #FFF; border: 1px solid #B8C2BB;}
div.content div.pageindex a:visited {background: #718477; color: #FFF; border: 1px solid #B8C2BB;}
div.content div.pageindex a:hover {background: #718477; color: #FFF; border: 1px solid #FFF;}
div.content div.pageindex a:active {background: #718477; color: #FFF; border: 1px solid #B8C2BB;}
div.content div.propertylt {float: left; background: #D6D4A9 url(images/hotpro-hdot-odd.gif) top repeat-x; margin: 0; padding: 10px; width: 512px; \width: 532px; w\idth: 512px;}
div.content div.propertydk {float: left; background: #E3E1C1 url(images/hotpro-hdot-even.gif) top repeat-x; margin: 0; padding: 10px; width: 512px; \width: 532px; w\idth: 512px;}
div.content img.propimg {float: left; margin-right: 10px; border: 4px solid #FFF;}
div.content img.status {float: right; margin: 0 0 0 5px;}
div.content div.propertylt div.details,div.content div.propertydk div.details {float: left; width: 368px; color: #4C6F54;}
div.content div.propertylt p,div.content div.propertydk p {margin: 0 0 5px 0;}
div.content div.propertylt a,div.content div.propertydk a {color: #4C6F54;}
div.content div.imageselector {float: left; width: 512px; color: #4C6F54;}
div.content img.fullsizeimg {float: left; border: 4px #FFF solid; display: inline; margin: 0 2px 0 0;}
div.content img.thumbnail {float: left; border: 3px #FFF solid; display: inline; margin: 0 0 8px 5px;}
div.content a {color: #4C6052;}
div.content p.date {font-size: 90%;}
div.content ol.letterlist {list-style-position: inside; list-style: lower-alpha; padding: 0; margin: 0;}
div.content ol.letterlist li {padding: 0; margin: 5px 0 0 0;}
div.content img.img1 {float: left; margin: 0 10px 10px 0; display: inline;/* Win IE double margin float bug fix */}
div.content img.img2 {float: right; margin: 0 0 10px 10px; display: inline;/* Win IE double margin float bug fix */}

/* Right Column */
div.font-size {width: 161px; padding: 12px; background: #E1DFE1 url(images/corner-r-lg.gif) bottom right no-repeat;}
div.font-size p {padding: 0 0 3px 0; margin: 0;}
div.font-size a {padding-bottom: 3px;}
div.font-size a:link {}
div.font-size a:visited {}
div.font-size a:hover {border: 2px #000 solid; border-width: 0 0 2px 0;}
div.font-size a:active {}
div.latestnews {width: 161px; padding: 12px; background: #87818A; margin-top: 5px;}
div.latestnews h1 {font-size: 100%; padding: 0; margin: 0; color: #FFF;}
div.news-1,div.news-2,div.news-3 {width: 161px; padding: 12px;}
div.news-1 h1,div.news-2 h1,div.news-3 h1 {font-size: 100%; padding: 0; margin: 0; color: #FFF;}
div.news-1 p,div.news-2 p,div.news-3 p {font-size: 100%; padding: 0; margin: 0; color: #FFF;}
div.news-1 a,div.news-2 a,div.news-3 a {color: #FFF;}
div.news-1 {background: #207439 url(images/corner-r-lg.gif) bottom right no-repeat; color: #fff; }
div.news-2 {background: #57966b url(images/corner-r-lg.gif) bottom right no-repeat; color: #fff; }
div.news-3 {background: #8eb99d url(images/corner-r-lg.gif) bottom right no-repeat; color: #fff; }

/* Form Table */
table.formtable {border-collapse: collapse;}
table.formtable td,table.formtable th {padding: 4px;}
input.fixwidth, textarea.fixwidth {width: 200px; border: 1px solid #A5ACB2;}
input.submitgrey {border: 1px solid #A5ACB2;}
tr.filter {display: none;}

/* Date Table */
table.datetable {border-collapse: collapse;  border: 1px solid #A5ACB2;}
table.datetable td,table.datetable th {padding: 3px; border: 1px solid #A5ACB2; border-width: 0 1px 1px 0;}

/* Vacancies pages */
div.joblt {background: #DDD url(images/corner-r-lg.gif) bottom right no-repeat; padding: 7px; color: #FFF; margin: 0 0 2px 0; color: #4F5173}
div.jobdk {background: #CCC url(images/corner-r-lg.gif) bottom right no-repeat; padding: 7px; color: #FFF; margin: 0 0 2px 0; color: #252743;}
div.joblt a,div.jobdk a {color: #000;}

div.webalarm {float: left; padding: 10px 30px;}
ul.list-archive {width: 300px;}
div.content ul.sitemapul { width: 300px; }

/* Footer */
div.clear15 {float: left; clear: both; height: 15px; width: 100%;}
div.clear25 {float: left; clear: both; height: 25px; width: 100%;}
div#footer {float: left; clear: both; width: 760px; height: 28px; background-color: #22743c; color: #FFF; padding: 8px 0 0 0; font-size: 13px; text-align: center;}
div#footer a {color: #FFF; text-decoration: none;}