body {text-align: center; padding: 0px; font-family: Arial, Trebuchet MS, Tahoma; margin: 0px; padding: 0px; font-size: 76%; }
html {overflow-y: scroll;}

body, a, a:visited { color: rgb(18,27,45);}

h1, h1 a, h1 a:visited, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px;}
h2, h2 a, h2 a:visited, .h2 {font-size: 150%; margin: 0px 0px 10px 0px; padding: 0px;}
h3, h3 a, h3 a:visited, .h3 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px;}
h4, h4 a, h4 a:visited, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px;}
h5, h5 a, h5 a:visited, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px;}
p {margin: 0px 0px 10px 0px; padding: 0px;}

img {border: none; margin: 0px; padding: 0px;}
ul { text-align: left;}
li {padding-left: 6px;}
div {margin: 0px; padding: 0px;}
td {vertical-align: top;}
form {padding: 0px; margin: 0px;}

/* generic css */
.logo {width: 308px; height: 100px; border: none;}
.arrow {width: 18px; height: 17px; }
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; overflow: visible; padding: 0px 8px; font-weight: bold; cursor: pointer}
.txtfield { border: 1px solid rgb(165,172,178); padding: 1px 2px;}
.selfield { border: 1px solid rgb(165,172,178);  }
.chkbox {position: relative; top: 0px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.req {color: red; position: relative; top: -1px; left: 2px;}
.pdf {height: 23px; width: 23px; position: relative; top: 4px; left: 0px; margin-right: 4px;}

/* standard content css */
.content li {margin-bottom: 4px;}
.content ol {font-size: 180%;}
.content ol p {font-size: 56%;}
.content hr {height: 1px; border: none; background-color: rgb(198,196,183);}
.content table { border-collapse: collapse;}
.content table td {border: 1px solid rgb(166, 167, 169); padding: 4px 5px; margin: 0px;}
.content .th {font-weight: bold;}

/* layout css */
.page {width: 760px; margin: 0px auto 0px auto; text-align: left; background-color: white;}

.header { height: 117px; background: url(/images/head_bg.gif) no-repeat top right; }
.header, .header a, .header a:visited { text-decoration: none;}
.header .lcol {float: left; width: 210px;}
.header .lcol .logo {height: 66px; width: 184px; margin: 27px 0px 0px 22px;}
.header .rcol {float: left; width: 550px;}
.header .rcol .sub {margin: 87px 0px 0px 165px;}
.header .rcol .sub h3 {font-size: 142%;}
.header .rcol .sub span {font-weight: normal; color: white; }

.topmenu {height: 25px; width: 760px; margin-top: 8px;}
.topmenu .menu {float: left; height: 25px; margin-left: 2px; }
.topmenu a, .topmenu  a:visited {text-decoration: none;}
.topmenu a:hover {text-decoration: underline;}

.topmenu .group {float: left; width: 101px; margin-left: 6px; display: inline;}
.topmenu  table {border-collapse:collapse; margin: 0px 0px 0px -2px; padding: 0px; width: 103px;}
.topmenu  .top {background: rgb(140,138,113) url(/images/menu/olive_top.gif) no-repeat scroll top left;}
.topmenu  .low {background: url(/images/menu/olive_low.gif) no-repeat scroll bottom left;}
.topmenu  a, .topmenu  a:visited {color: white;}
.topmenu  .col_0 a , .topmenu  .col_0 a:visited {color: rgb(0,40,25);}
.topmenu  .col_0 .top {background: rgb(148,209,132) url(/images/menu/lime_top.gif) no-repeat scroll top left;}
.topmenu  .col_0 .low {background: url(/images/menu/lime_low.gif) no-repeat scroll bottom left;}
.topmenu  .col_1 .top {background: rgb(254,126,29) url(/images/menu/orange_top.gif) no-repeat scroll top left;}
.topmenu  .col_1 .low {background: url(/images/menu/orange_low.gif) no-repeat scroll bottom left;}
.topmenu  .col_2 .top {background: rgb(112,0,24) url(/images/menu/red_top.gif) no-repeat scroll top left;}
.topmenu  .col_2 .low {background: url(/images/menu/red_low.gif) no-repeat scroll bottom left;}
.topmenu  .col_3 .top {background: rgb(0,47,27) url(/images/menu/green_top.gif) no-repeat scroll top left;}
.topmenu  .col_3 .low {background: url(/images/menu/green_low.gif) no-repeat scroll bottom left;}
.topmenu  .level1 p { margin: 0px; padding: 2px 0px 3px 0px; text-align: center; }
.topmenu  .drop .sub {position: absolute;  width: 120px; background-image: url(/images/blank.gif); z-index: 10;}
.topmenu  .drop .sub {opacity: 0.75; filter: alpha(opacity=75);}

.topmenu  .group .drop, .topmenu  a .drop {display: none; }
.topmenu  .group:hover .drop, .topmenu  .glink:hover .drop {display: block;}
.topmenu  .group:hover a, .topmenu  .glink:hover a {text-decoration: none;}

.topmenu  .group:hover  a, .topmenu  .group:hover a:visited, .topmenu .glink:hover a, .topmenu .glink:hover a:visited {color: rgb(140,138,113);}
.topmenu  .group:hover .top, .topmenu .glink:hover .top {background-color: white;}
.topmenu  .group:hover .col_0 .top, .topmenu  .glink:hover .col_0 .top {background-color: white;}
.topmenu  .group:hover .col_0 a, .topmenu  .group:hover .col_0 a:visited, .topmenu .glink:hover .col_0 a, .topmenu  .glink:hover .col_0 a:visited {color: rgb(0,47,27);}
.topmenu  .group:hover .col_1, .topmenu  .glink:hover .col_1 {background-color: white;}
.topmenu  .group:hover .col_1 a, .topmenu  .group:hover .col_1 a:visited, .topmenu  .glink:hover .col_1 a, .topmenu  .glink:hover .col_1 a:visited {color: rgb(254,126,29);}
.topmenu  .group:hover .col_2, .topmenu  .glink:hover .col_2 {background-color: white;}
.topmenu  .group:hover .col_2 a, .topmenu  .group:hover .col_2 a:visited, .topmenu  .glink:hover .col_2 a, .topmenu  .glink:hover .col_2 a:visited {color: rgb(112,0,24);}
.topmenu  .group:hover .col_3, .topmenu  .glink:hover .col_3 {background-color: white;}
.topmenu  .group:hover .col_3 a, .topmenu  .group:hover .col_3 a:visited, .topmenu  .glink:hover .col_3 a, .topmenu  .glink:hover .col_3 a:visited {color: rgb(0,47,27);}
.topmenu  .group:hover .col_3, .topmenu  .glink:hover .col_3 {background-color: white;}

.topmenu  .level2 {font-family: Arial; background-color: rgb(245,245,245); font-size: 90%; }
.topmenu  .level2 p {margin: 0px; padding: 2px 1px;}
.topmenu  .level2 a {display: block;}
.topmenu  .level2 a, .topmenu  .level2 a:visited {color: rgb(12,21,38);}
.topmenu  .group:hover .level2 a, .topmenu .group:hover .level2 a:visited, .topmenu  .glink:hover .level2 a, .topmenu .glink:hover .level2 a:visited{color: rgb(12,21,38);}
.topmenu  .level2 a:hover {background: rgb(182,181,151)}

.lime {background: rgb(148,209,132);}
.orange {background: rgb(254,126,29);}
.orange, .orange a {color: white;}
.red {background: rgb(112,0,24); }
.red, .red a {color: white;}
.green {background: rgb(0,47,27);}
.green, .green a {color: white;}
.yellow {background: rgb(215,234,48);}
.olive {background: rgb(140,138,113); }
.olive, .olive a {color: rgb(215,234,48);}
.olive p {color: white;}

/* default page styles */
.pageBody {height: 540px; }
html>body .pageBody {height: auto; min-height: 540px;}

.pageBody .topBox {height: 72px;}
.pageBody .topBox h1 {padding: 00px 0px 0px 430px; color: rgb(154,154,154); font-weight: normal; font-size: 200%;}
.pageBody .topBox span {color: rgb(148, 209, 132); font-size: 180%; position: relative; top: 10px; left: 0px;}

.pageBody #bcrumb {font-size: 90%; margin-bottom: 16px; }
.pageBody #bcrumb a, #bcrumb a:visited { color: rgb(89,89,89); text-decoration: none;}
.pageBody #bcrumb a:hover {text-decoration: underline;}

.pageTitle { border-bottom: 2px dashed rgb(254,181,111); padding-bottom: 5px; margin-bottom: 17px;}
.pageTitle h1 {text-align: right;}
.pageTitle h1 a, .pageTitle h1 a:visited {text-decoration: none; color: rgb(80,80,80); font-size: 24px; font-weight: normal;}

.footer {width: 760px; margin: 4px auto 0px auto; text-align: left;}
.footer, .footer a, .footer a:visited {color: rgb(215,234,48); text-decoration: none; font-weight: bold;}
.footer, .footer .sel a, .footer .sel a:visited  {color: white;}
.footer a:hover {text-decoration: none; color: rgb(139, 137, 112);}
.footer .menu {font-size: 90%; }
.footer .menu .item {float: left; }
.footer .menu .sep {float: left; }
.footer .menu p {margin: 0px; padding: 0px 8px 0px 12px; text-align: center; display: inline;}
.footer .menu .tab { margin: 0px 4px; padding: 0px;}

.pagearea {height: 475px; }
html>body .pagearea {height: auto; min-height: 475px;}

.layout {border-collapse: collapse; border: none; width: 100%; }
.layout td {padding: 0px; margin: 0px; }
.layout .lcol {width: 331px;}
.layout .rcol {width: 429px;}

.lpad {padding: 15px;}
.pemail {font-weight: bold; margin-bottom: 10px; position: relative; top: -8px; left: 0px;}
.pemail a, .pemail a:visited {text-decoration: none;}

.summary { font-size: 90%; margin-top: 0px; border-top: 2px solid rgb(0, 47, 27); padding: 10px 20px 10px 35px;}
.summary .title {font-size: 110%;}
.summary span {color: rgb(148, 209, 132); font-weight: bold;}
.summary a, .summary a:visited {text-decoration: none;}

.bcrumb {padding-top: 10px;}
.bcrumb, .bcrumb a, .bcrumb a:visited {color: white; text-decoration: none;}
.layout .box {padding: 0px 14px;}
.layout .box, .layout .box a {text-decoration: none;}
.layout .detail {vertical-align: middle;}
.layout .detail h2 {font-size: 140%;}

.layout .content {padding-bottom: 30px;}

/* home page - also used by training */
.home .lcol img {width: 325px; height: 250px; margin: 0px;}

.home .box {background-color: rgb(139,137,112);  padding: 0px 14px; color: white;}
.home .box h1 {color: rgb(203,232,45); padding-top: 18px;}
.home .box h2 {padding-right: 40px; font-size: 140%;}
.home .box p {padding-right: 40px;}


/* default page layout 2-col */
.default{}
.default .lcol {}
.default .rimage {float: right; margin-left: 20px; }

/* basic page layout 1-col */
.basic .close {padding: 10px; text-align: right;}
.basic .large {text-align: center; margin-top: 20px;}

/* site map */
.sitemap {padding: 0px 100px;}
.sitemap li {margin-bottom: 10px;}
.sitemap li a, .sitemap li a:visited {text-decoration: none;}
.sitemap li a:hover {text-decoration: underline;}


/* generic login form */
.loginForm {}
.loginForm .row {}
.loginForm .warning {color: red;}

/* generic class css */
/* messages used by multiple classes on the site */
.messages {padding: 3px; background-color: rgb(215, 236, 236); border: 1px solid rgb(180, 180, 180); margin: 0px 0px 20px 0px;}
.messages .warning {color: red}
.messages .message {color: green;}
.messages .title {}
.messages ul {}
.messages li {}


/* account */
.account .start {}
.account .start .txtfield {width: 160px;}
.account #newuser {width: 200px;}

/* properties page */
.prop hr {margin: 25px 0px;}
.shape1 .box {background-color: rgb(148, 209, 132); padding: 0px 14px;}
.shape2 .box {background-color: rgb(255, 128, 29); padding: 0px 14px;}
.shape3 .box {background-color: rgb(112, 0, 24);  padding: 0px 14px;}
.shape1 .detail {color: rgb(0, 40, 25);}
.shape2 .detail {color: white;}
.shape3 .detail {color: white;}
.prop .move {position: relative;}
.prop .move div {width: 101px; height: 26px; background: rgb(252,45,0) url(/images/move.gif) no-repeat top left;  position: absolute; left: 224px; top: -26px; }
.prop .move div p {font-weight: bold; text-align: center; margin: 0px; padding-top: 4px;}
.prop .move, .prop .move a, .prop .move:visited {color: white; text-decoration: none;}
.prop .move img {width: 13px; height: 14px; position: relative; top: 2px; left: 0px;}
.prop .move .hide {background-color: rgb(252,45,0);}
.prop .sizes {float: left; width: 305px;}
.prop .plan {float: left; margin-left: 15px;}
.prop .sizes .th {font-weight: bold; font-size: 120%; padding-top: 4px;}
.prop .sizes .label {font-weight: bold;}
.shape1 .sizes .th {color: rgb(138, 199, 122);}
.shape2 .sizes .th {color: rgb(255, 128, 29);}
.shape3 .sizes .th {color: rgb(112, 0, 24);}
.filler {height: 70px;}

/* plots table */
.plots {border-collapse: collapse; width: 100%; margin-bottom: 10px;}
.plots td { padding: 2px 4px;}
.plots .label {font-weight: bold; font-size: 110%;}

/* local area page */
.localarea a {text-decoration: none;}
.localarea a:hover, .localarea .sel {color: rgb(140, 140, 115);}

/* contact page */
.contact {margin-left: 20px;}
.contact	#title {font-weight: bold; color: rgb(157,155,130); }
.contact	#title option {font-weight: normal; color: black;}
.contact .label {font-weight: bold; color: rgb(157,155,130); }
.contact .row {margin-bottom: 8px;}
.contact .row .sub {float: left; padding-right: 20px;}
.contact #name {width: 100px;}
.contact #last_name {width: 150px;}
.contact #phone {width: 200px;}
.contact #eve_phone {width: 200px;}
.contact #email {width: 200px;}
.contact #contactSubmit {background-color: white; font-weight: bold; color: rgb(157,155,130); padding: 2px 5px 5px 5px; border: 1px solid rgb(165, 172, 178);}
.contact table {border-collapse: collapse; margin: 0px;}
.contact td {padding: 1px 12px 0px 0px; vertical-align: middle;}
.contact .indent {margin-left: 20px;}
.contact .link a {text-decoration: none; font-weight: bold;}