* {padding: 0; margin: 0;}

/* darkest brown #3A2215 conker brown #330000 Chocolate Brown #4C1900  Pale Grey #E6E3D0  Dynamic Brown #AB1B1A */

body {font-family: Verdana, Arial, sans-serif; color: #391D07; background: #9E918B;}

#wrapper {width: 960px; margin: 10px auto 0 auto;}
#header {float: left; width: 98%; padding: 2% 1%; background: #3B2416;}
#nav {float: left; width: 960px; font-size: 0.8em; background: #3B2416; overflow: hidden;}
#content {float: left; width: 98%; padding: 0 1% 1% 1%; background: #FFFFFF;}
#sidebar {float: left; width: 16%; font-size: 0.7em; padding: 1.5% 1% 1% 0.5%;}
#main {float: left; width: 52%; font-size: 0.8em;}
#mainfull2 {float: left; width: 100%; font-size: 0.8em; padding: 1.5% 3% 2% 1%; background: #FFFFFF;}
#mainfull {float: left; width: 57%; font-size: 0.8em; padding: 1.5% 3% 2% 1%;}
#rightbar {float: right; width: 18%; font-size: 0.6em; padding: 1.5% 1.5% 1.5% 1%;}
#boe {border: 2px solid #E6E3D0; background: #FFFFFF; padding: 1.5%; background: #3A2215; color: #FFFFFF}
#pagefull { font-size: 0.7em; padding: 1.5% 3% 2% 1%;}
#extra {float: left; width: 96%; font-size: 0.8em; padding: 2%; background: #E6E3D0;}
#bottomw3c {float: left; width: 98%; font-size: 0.7em; padding: 1%; background: #FFFFFF; margin-left: 0;}
#bottom {float: left; width: 98%; font-size: 0.8em; padding: 1%; background: #E6E3D0; margin: 0;}
#footer {float: left; width: 98%; font-size: 0.7em; padding: 1%; background: #3B2416; margin: 0 0 1em 0;}

h1 {font-size: 1.6em; font-weight: normal; color: #3A2215; margin: 0 0 0.75em 0; clear: both;}
h2 {font-size: 1.1em; font-weight: bold; color: #3A2215; margin: 0 0 0.5em 0; clear: both;}
h2 span {display: block; padding: 5px; background: #E6E3D0}
h3 {font-size: 1.0em; font-weight: bold; color: #3A2215; margin: 0 0 1em 0;}
h4 {font-size: 1.0em; font-weight: bold; color: #3A2215; padding: 0 0 0.5em 0; border-bottom: 3px solid #E6E3D0; margin: 0 0 0.25em 0;}
p {line-height: 1.5em; margin: 0 0 1em 0;}
p.smalltext {font-size: 0.8em; padding: 1em; border: 1px solid #E6E3D0; clear: both;}
ul {line-height: 1.5em; margin: 0 0 1em 0;}
ol {line-height: 1.5em; margin: 0 0 1em 0;}
a:link {color: #AB1B1A;}
a:visited {color: #AB1B1A;}
a:hover {color: #9E918B;}
a:active {color: #330000;}
blockquote {font-style: italic; padding: 0 0 0 1em; border-left: 1px solid #AB1B1A; margin: 0 3em 1.5em 2em;}
#HPList {float: left; padding: 0 0 0 2em; }

a .logo {float: left; border: 0;}
p.callus {float: right; width: 240px; font-size: 1.1em; color: #E6E3D0; text-align: center; padding: 0 2%;}

/* main nav */
ul.nav {float: left; width: 960px; list-style: none; font-size: 0.8em; padding: 0 0 0 0px; background: #FFFFFF; margin: 0; overflow: hidden;}
ul.nav li {float: left; width: 160px;}
ul.nav li a {display: block; height: 25px; font-weight: bold; color: #FFFFFF; line-height: 25px; text-align: center; text-decoration: none; background: #3B2416; margin: 5px 5px 0 5px;}
ul.nav li a:hover {background: #9E918B;}
body#home ul.nav li a.home {background: #9E918B;}
body#about ul.nav li a.about {background: #9E918B;}
body#info ul.nav li a.info {background: #9E918B;}
body#mort ul.nav li a.mort {background: #9E918B;}
body#insure ul.nav li a.insure {background: #9E918B;}
body#contact ul.nav li a.contact {background: #9E918B;}

a.hmailto:link {text-decoration: none; color: #E6E3D0;}
a.hmailto:visited {text-decoration: none; color: #E6E3D0;}
a.hmailto:hover {text-decoration: underline; color: #9E918B;}
a.hmailto:active {text-decoration: none;}

/* Site Map Links */
#sitemap {float: right; width: 71%; font-size: 0.7em; padding: 1.5% 3% 2% 1%;}
a.sitemap {color:#4C1900;}
a:hover.sitemap {color: #9E918B;}
ul.sitemap {list-style:none}
li.sitemap {float: left; width:6em; }
li.sitemap1 {float: left; width:3em; }


/* sidebar links */
ul.cats {list-style: none; margin: 0 0 1.5em 0;}
ul.cats li {line-height: 2.0em;}
ul.cats li a:link {font-weight: bold; text-decoration: none;}
ul.cats li a:visited {font-weight: bold; text-decoration: none;}
ul.cats li a:hover {font-weight: bold; text-decoration: underline;}
ul.cats li a:active {font-weight: bold; text-decoration: none;}

/* login box form */
.loginbox {padding: 5% 5% 2.5% 5%; border: 1px solid #E6E3D0; margin: 0 0 1em 0;}
.loginbox p {margin: 0 0 0.5em 0;}
.logininput {margin: 0 0 0.5em 0;}

/* footer bits */
ul.bottom {list-style: none; margin: 0;}
ul.bottom li {}
li.bottom1 {float: left; width: 21%; margin: 0 0 0 1%;}
li.bottom2 {float: left; width: 21%; margin: 0 0 0 1%;}
li.bottom3 {float: right; width: 50%; text-align: right; margin: 0 3% 0 0;}
ul.footerlinks {text-align: center; margin: 0 auto;}
ul.footerlinks li {display: inline; margin: 0 5px 0 5px;}
ul.footerlinks a {color: #CCCCCC;}
p.copyright {font-size: 0.7em; text-align: center; padding: 1% 0 0 0;}
p.copyright a {color: #CCCCCC;}

/* contact forms */
form fieldset {float: left; width: 100%; border: 1px solid #AB1B1A; margin: 0 0 1em 0;}
form fieldset p {margin: 0.5em 1em 0.75em 1em;}
form fieldset legend {font-weight: bold; color: #330000; padding: 0.5em; margin: 0 1em;}
form fieldset label {float: left; width: 26%; text-align: right; padding: 0 1% 0 0;}
form fieldset .btn-submit {margin: 0 0 0 25%;}

/* extra bits */
.extra1 {float: left; width: 25%;}
.extra2 {float:left; width: 25%;}
.extra3 {}

/* widgets */
body#callback {font-size: 0.8em; padding: 60px 25px 0 25px; background: #FFFFFF url(images/bg-callback.gif) no-repeat center top;}
body#tellafriend {font-size: 0.8em; padding: 20px 25px 0 25px; background: #FFFFFF;}
.mappopup {font-size: 0.8em; padding: 10px; background: #FFFFFF;}
ul.sitemap {list-style: none;}
ul.sitemap li {float: left; width: 33%;}
ul.sitemap li p {margin: 0 0 10px 10px;}