/* HAMPTON DIRECTORY */
html {margin:0px; padding:0px; background:#ffffff; }
body { margin: 0px; text-align: center; color: white; font-family: Helvetica, Tahoma, "Trebuchet MS", sans-serif; font-size: 13px;}
#container { margin: 0px auto; text-align: left; width: 950px; }
#wrapper {position: relative; width: 480px; z-index: 95}
.hiddenNav { font-size: 18px; visibility: hidden; }
.mainTitle {background: url(/images/titleBackground.jpg) no-repeat; width:954px; height: 160px;}
a {border: 0px; text-decoration: none}
img { border: 0px}

/* DIV STYLES */
#mainBody {width: 700px; background: url(/images/bkgrd.gif); position: absolute; top: 160px; left: 254px;}
#mainBody #header  {background: url(/images/topFrame.gif) no-repeat top left; margin-top: -10px; }
#mainBody #footer {background: url(/images/bottomFrame.gif) no-repeat bottom left; padding: 25px 10px 5px 15px }
#menu {width: 263px; background: url(/images/menuBkgrd.gif); position: absolute; top: 159px; left: 0px; height: 235px; z-index: 1;}
#menuText { font-size: 24px; line-height: 20px; position: absolute; left: -20px; font-family: "Arial Narrow", Helvetica, Tahoma, sans-serif; letter-spacing: 0.04em; }
#content {width: 650px; margin: 10px; min-height: 500px; line-height: 1.4em; letter-spacing: 0.12em; padding: 10px 0px 0px 10px }
#photoDetail {position: absolute; top: 450px; left: 30px; background: url(/images/hamptonSwan.jpg); width:171px; height:194px }
#soldItems {position: absolute; top: 90px; right: 40px;}
#contactDetails {background: #047391; padding: 5px; width: 250px; margin-top: 20px; position: absolute; top: 1px; right: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#error1, #error2, #error3, #error4, #error5, #error6  {right: 50px; z-index: 99; position: absolute; top: 150px; background: #047391; padding: 5px; border: 3px solid white; width: 400px; height: 80px; overflow: hidden; }
#error1 h4, #error2 h4, #error3 h4, #error4 h4, #error5 h4, #error6 h4{font-size: 1.2em; font-weight: bold; padding-bottom: 20px; color: white; }
#homepageRestraint { width: 470px;}
.soldItem {position: relative; left: 120px; margin: 10px 0px -20px 0px;}

/*  STYLE TEXT  */
h1 { font-size: 1.2em; font-weight: bold; letter-spacing: 0.12em;}
h1.homepage { text-align: center; font-size: 1.35em; font-weight: bold; letter-spacing: 0.12em;}
h2 { font-size: 1.1em; letter-spacing: 0.12em; } 
h2.homepageSub { font-size: 1.1em; letter-spacing: 0.12em; } 
h3 { font-size: 1.1em; color: red; padding: 0px; margin: 0px} 
h4 {font-size: 0.9em; margin: 0px 0px -10px 0px; padding: 0px;}
h4 a{color: white; text-decoration: underline}
h4 a:hover {background-color: white; color: #047391;}
h5 {font-size: 1.1em; color: #047391; margin: 5px 0px 10px 0px; padding: 0px}
.docType {float: left; margin: 0px 10px 30px 0px; }
.small {font-size: 0.8em}

p {	font-size: 0.9em; }
.fileBlurb {padding-bottom: 10px; }
.fileBlurb p {font-size: 11px; line-height: 1.2em; letter-spacing: 0.12em;}
ul {margin-left: 0px; padding:0}
li { font-size: 0.9em; list-style: none; margin: 2px 0px 2px 10px; padding: 5px}
li a { color: white; text-decoration: none}
li a:hover { color: #047391; text-decoration: underline;}
em {font-weight:bold }
a.link {color: white; text-decoration: underline}
th a.atozLink { margin-right: 1px; background-color: #9cc7d4; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; color: white; text-decoration: none}
th a.atozLink:hover { border-width: 1px; background-color: white; color: #9cc7d4; text-decoration: none}
a.link:hover {color: #047391}
a.linkUnder {color: white; text-decoration: underline}
a.browseLink {color: white; text-decoration: none; font-size: 0.9em;}
a.browseLink:hover {color: white}

.management a {color: #047391; text-decoration: underline}
.management a:hover {color: white}
.caption {font-weight: bold; margin-bottom: 0px;}
.companyName {display: block; font-weight: bold }
.companyDetails {margin: 0px; padding: 0px}
.companyList {margin: 7px 0px 7px 0px; padding: 5px; border-bottom: solid 1px white}

/* admin style */
.adminTable{ font-size: 12px; letter-spacing: 0.1em; }
.adminTable th { font-size: 14px; text-align: center; }
.adminTable td { padding: 4px;}
.adminTable tr.alt { background-color: #3171AF;}
.adminSearch { display: inline;}
.textButton { background-color: #3171AF; margin: 3px; padding: 2px 4px 2px 4px; text-decoration: none; color: #ffffff; }
.textButton:hover {background-color: #6C9DC4;}
.bread {font-size:10px; font-family: Tahoma, Arial, sans-serif; letter-spacing: 0.1em; color: #cccccc;}
.bread:hover {color: red;}
.fieldGroup { border: 1px solid black; width:580px; padding: 10px; font-size:12px; margin-bottom: 15px;}
.legend { background-color: #00A0C6; position:relative; top:-20px; font-size: 14px; letter-spacing: 0.2em; margin: 0px 5px 10px 5px; color: white }


/* TABLES */
.results {margin-left: -2px; }
.results .title {width: 200px; overflow: hidden;}
.results .price {width: 90px;}
.results .picture {width: 50px;}
.results td, .results th {padding: 4px 6px 4px 6px; background-color: #047391;}
.resultsAlt td, .resultsAlt td a {background-color: #9cc7d4; color: #047391;}
.results td a:hover {color: #9CC7D4}
.resultsAlt td a:hover {color: white;}
.resultsResident {float: right; margin-top: -20px; }
.hiddenRow td { background-color: #cccccc;}

/* THE DIRECTORY */
.directoryCats {color: #047391; width:200px; border: 1px solid black; padding: 10px; font-size:12px; margin-bottom: 15px;}
.directoryCats li { font-size: 0.9em; list-style: none; margin:-5px; width:200px;  }
.directoryCats li a { color: white; text-decoration: none; padding: 3px 10px 3px 5px}
.directoryCats li a:hover { color: white; text-decoration: underline; background-color: #047391}

#directorySubCats {width:230px; position: absolute; top: 189px; right: 180px; padding: 10px; font-size:12px; margin-bottom: 15px;}
#directorySubCats li { font-size: 0.9em; list-style: none; margin:-5px; width:200px;  }
#directorySubCats li a { color: white; text-decoration: none; padding: 3px 10px 3px 5px}
#directorySubCats li a:hover { color: white; text-decoration: underline; background-color: #047391}

.searchTable{ margin-top: 10px;; padding: 10px 5px 10px 5px; background-color: #047391;}
.advertBox { background-color: #9cc7d4; padding: 10px; margin-top: 10px; width: 620px; position: relative}
.advertBox h2 { color: black; margin: 0px 0 -10px 0 }
.advertButton { float:right; right: 30px; position: absolute; top: 10px}
.advertResident {float:right; right: -30px; position: absolute; top: 30px}
.advertisementText {margin-top: -10px;}
.adLogo {float: left; padding-right: 10px;}
.adContactInfo {width: 580px;}
.adContactInfo h2 {color: #047391}


/* GENERAL */
.center {text-align: center;}
#coverImage { right: 30px; top: 100px; position: absolute; }

/* COMMUNITY NEWS */
#communityMenu {width: 650px; margin-bottom: 20px}
#communityNavigation {margin-left: 10px;}
#communityNavigation li {list-style-type: square; font-size: 1.2em}
#communityNavigation li a {font-weight: bold; letter-spacing: 0.12em; }