/* -------------------------------------
/*  Reset Values
/* -------------------------------------*/

*/
* {padding: 0; margin: 0;}

.ahn-wrapper {
	padding-left:25px;
	padding-right:25px;
}

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
body { line-height: 1; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 
:focus { outline: 0; } 
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
ins { text-decoration: none; } 
del { text-decoration: line-through; }



/* 
   HTML and Body Styling
------------------------------------------------------------------- */
body {margin: 0 auto; line-height: 1em;width:100%;}
body {background:#B19E73 url(images/body-bg.jpg) repeat-x top left;}


/* 
   Floats and Clears 
------------------------------------------------------------------- */
.left {float:left;}
.right {float:right;}
.clear {clear:both;height:0px;font-size:0px;line-height:0px; }
.clearer {clear:both;display: block;font-size:0;line-height:0;}
.clearFix:after {content: ".";display: block;height:0;clear:both;visibility:hidden;}




/* 
   Typography Baseline Values
------------------------------------------------------------------- */

body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input
{ font-family:Gotham, "Lucida Grande", Arial, Verdana, sans-serif; }
/* { font-family:Gotham, "Lucida Grande", Arial, Verdana, sans-serif; } */
/* { font-family:"proxima-nova-1", "proxima-nova-2", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif; } */

h1 {font-size:200%;margin-top:0px;margin-bottom:10px;font-weight:normal;color:#006;line-height:100%;}
h2 {font-size:140%;margin-top:10px;margin-bottom:15px;font-weight:normal;color:#444;line-height:100%;}
h3 {font-size:1.3em;margin-bottom:10px;font-weight:bold;color:#006;}
h4 {font-size:0.97em;color:#666;font-weight:bold;margin-bottom:6px;}
h5 {font-size:0.93em;font-weight:bold;}
h6 {font-size:0.87em;font-weight:bold;}

h1,h2,h3,h4,h5,h6 {background-color:transparent;}

em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }
/*p { font-size:72%; margin-bottom: 18px; text-align: justify; color:#555; }*/
p.intro { font-weight: bold; }
.more { text-align: right;}
ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
td {padding:5px;}



/* 
   Default Values
------------------------------------------------------------------- */

a:link {color: #006;text-decoration:none;}
a:visited {color: #006;text-decoration:underline;}
a:focus {color: #006;text-decoration:underline;}
a:active {color: #006;text-decoration:underline;}
a:hover {color: #444;text-decoration:underline;}



/* 
   Nav Menu Elements
------------------------------------------------------------------- */

div#listmenu {width:100%;float:left;text-align:left;border-left:0;border-top:0;border-bottom:0;border-right:0;font-family:Gotham, "Lucida Grande", Arial, Verdana, sans-serif;background-color:transparent;margin:10px 0;z-index:100;position:relative;font-size:8pt;padding-left:15px;}
div#listmenu ul {margin:0 0 0 0;border:0;}
div#listmenu li {float:left;text-align:left;position:relative;list-style-type:none;background-color:transparent;border-right:0;border-left:0;}
div#listmenu li:first-child {border-left:0;}
div#listmenu li:hover {background-color:transparent;border:0;}
span.spacer:hover {background-color:#ccc;border:0;}
div#listmenu a {display:block;padding:5px 15px 5px 5px;text-decoration:none;color:#fff;font-weight:bold;text-transform:uppercase;}
div#listmenu a:hover {color:#000;}

/* the drop-down starts here */
div#listmenu ul li ul {margin:0 0 0 0;z-index:100;position:absolute;width:120px; border:0;left:-1px;background-color:transparent;}
div#listmenu ul li ul li {background:transparent url(images/transparent-grey-85.png) repeat top left;padding:10px;width:100%;border-left:0; border-right:0;border-top:0;border-bottom:0;}
div#listmenu ul li ul li a {padding:1px .5em;color:#000;font-weight:normal;font-size:0.83em;}
div#listmenu ul li ul li 
{
	padding:7px;
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:0; /*  three sides of each drop-down item */
	border-right:0;
}
div#listmenu ul li ul li:hover {background:transparent url(images/transparent-grey-85.png) repeat top left;border-bottom:0px #eee solid;}
div#listmenu ul li ul li:hover a {color:#333;}
div#listmenu ul li ul li:first-child {border-top:0px #cc4400 solid;}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;}
div#listmenu ul li:hover ul {display:block;width:120px;z-index:100;} }

/* pop-out starts here */
body div#listmenu ul li ul li ul {position:absolute; visibility:hidden;top:-1px;left:10em;}
div#listmenu ul li ul li:hover ul {visibility:visible;} 

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;}


/* THE HACK ZONE - */
* html div#listmenu ul {border:0;}
* html div#listmenu ul li ul {margin:0 0 0 -40px;z-index:100;position:absolute;width:120px; border:transparent;left:-1px;background-color:transparent;}
* html  div#listmenu ul li ul {margin:0;z-index:100;position:absolute;width:120px;border-right:0px;left:0px;}
* html div#listmenu ul {float:left; border-left:0; margin-left:0px;}
* html  div#listmenu ul li ul {border-top:0;border-left:0px; }
* html  div#listmenu ul li ul li ul {left:9.85em; voice-family: "\"}\""; voice-family:inherit;left:10em;} 

html>body div#listmenu ul li ul li ul {left:10em;}



/* 
   Layout Structure Elements 
------------------------------------------------------------------- */
#wrapper {width:980px;height:100%;margin: 0 auto;text-align:left; position:relative; }
#shell {width:950px;height:auto;background:transparent;text-align:left; position:relative;}
#footer {width:950px;height:auto;overflow:hidden;margin-top:10px;text-align:left;background:#008080; position:relative;}

.header {width:950px;height:196px;background:transparent url(images/header-bg.jpg) no-repeat top left; position:relative; z-index:-15;}
.header .headline {margin:52px 2px 3px 130px;padding:0;float:left;}
.header .headline h1 {color:#fff;font-size:1.7em;text-transform:uppercase;text-align:left;}
.header .dekline  {margin:64px 2px 3px -140px;padding:0;float:left;}
.header .dekline  h2{color:#0e4d73;font-size:0.87em;font-weight:bold;text-transform:uppercase;text-align:left;}
.header .phone {float:right;margin:60px 20px 2px 2px;padding:0px;color:#fff;font-size:2.0em;line-height:24px;}
.nav-bar {width:950px;height:40px;background:transparent;margin-top:-60px; position:relative;}
.content1 {width:950px;min-height:700px;margin:8px 0px 50px 0px;overflow:hidden;height:auto;background:#b19e72 no-repeat;  z-index:-10;}
.content p {margin:8px 20px 0px 20px;}



/* 
   Footer Elements
------------------------------------------------------------------- */
#footer-1 {width:950px;background:#d1c460;height:275px;margin-bottom:1px;background:transparent url(images/footer-1.png) no-repeat bottom left;}
#footer-1 h3 {font-weight:bold;font-size:0.97em;color:#a4ac40;text-align:left;text-transform:uppercase;margin:0 0 0 10px;padding:0}

#footer_bg{width:100%;height:101px;background: #00006e;}
#footer-2 {width:950px;height:101px;background: transparent url(images/footer-2-bg.png) no-repeat top left;margin-bottom:10px; position:relative;  margin-right:auto; margin-left:auto;}
#footer-2 p {color:#fff;font-size:0.87em;padding:5px;line-height:1.4em;text-align:left;margin-bottom:8px;}
#footer-2 a:link,#footer-2 a:visited, #footer-2 a:focus, #footer-2 a:active{color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;font-size:0.87em;}
#footer-2 a:hover {color:#333;}
#footer-2 ul{margin:0;padding:0;list-style:none none;display:inline;}
#footer-2 li{float:left;padding:5px 5px 5px 5px;font-size:0.87em;}
#footer-2 li{margin-right:5px;padding:4px;color:#fff;}
#footer-2 .logo {float:right;width:180px;height:50px;margin:-87px 2px 2px 2px;}


/* Body Content Controls - This helps keep the Content inside the White Content Box */
.body-container {width:932px;height:auto;padding:5px;margin-left:5px;}
/*.body-container p {color:#444;font-size:1em;line-height:1.4em;}*/
.body-container ul {margin-bottom:20px;list-style: disc;margin-left:25px; color:#006;}
.body-container ul li {font-size: 1em;}
.body-container ul li ul {margin-bottom:10px;list-style: circle;margin-left:25px; color:#666;}
.body-container ul li ul li {font-size: 0.95em;line-height:1.2em;}
.body-container .boxleft {float:left;width:645px;height:100px;margin-right:20px;postion:relative;}
.body-container .boxright {float:left;width:250px;height:100px;postion:relative;clear:right;}

.body-container .boxright .myhoa-box {background:#cccccc;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); background: -moz-linear-gradient(top,  #ffffff,  #cccccc);height:220px;padding:5px;margin:0;-moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;}

.body-container .boxright .myhoa-box ul {font-size:1.1em;}
.body-container .boxright .myhoa-box ul li {font-size:1.1em;margin-bottom:8px;border-bottom:1px #ccc solid;}
.body-container .boxright .myhoa-box ul li a:link, .body-container .boxright .myhoa-box ul li a:visited, .body-container .boxright .myhoa-box ul li a:focus {font-size:1.1em;text-decoration:none;color: #006;}
.body-container .boxright .myhoa-box ul li a:hover {color:#444;text-decoration:underline;}



/* 
   Individual Page Elements
------------------------------------------------------------------- */

/* Homepage */
.hp-bannerbox {margin:-20px 0px 0px 5px;padding:0; z-index:-10;}
.action-items {width:932px;padding:0;margin:-5px 0px 0px -5px;background: transparent url(images/action-items-bg.png) no-repeat top left;}
.contactus-modal {float:left;margin-right:15px;height:auto;width:240px;padding:5px;border-right:1px #eee solid;}
.contactus-modal h3 {padding-top:5px;}
.contactus-modal .submitButton {font-size:1.1em;border:2px solid #ccc;background-color:#006;padding:5px 12px;color:#fff;float:right;margin-right: 5px;}
.services-modal {float:left;margin-right:25px;height:auto;width:650px;padding:5px 15px 5px 5px;border-right:1px #eee solid}
.services-modal h3 {padding-top:5px;}
.myhoa-modal {margin-left: -15px;float:left;height:100px;width:200px;padding:5px;} /*added another line at bottom*/
.myhoa-modal h3 {padding-top:5px;}
.myhoa-modal .hw-myhoa ul {margin-left:10px;font-size: 0.97em;text-align:justify;list-style-image: url('images/green-bullet-pt.png');}
.myhoa-modal .hw-myhoa li {float:left;padding:5px 0;width: 100%;list-style-type:circle;}
.myhoa-modal .hw-myhoa li a:link {color:#444;text-decoration:underline;}
.myhoa-modal .hw-myhoa li a:visited {color:#444;text-decoration:underline;}
.myhoa-modal .hw-myhoa li a:focus {color:#444;text-decoration:underline;}
.myhoa-modal .hw-myhoa li a:hover {color:#006;text-decoration:none;}
.myhoa-modal .hw-myhoa li:hover {border-bottom:1px #ccc solid;background-color:#eee;}



/* Client Testimonials */
.body-container .boxleft .hw-bold-txt {font-weight:bold;color:#006;float:right;clear:right;}
.body-container .boxleft p.client-testimonial {border-bottom: 1px #eee solid;margin-bottom:15px;font-size:0.90em;float:left;}
.body-container .boxleft .quoteArea {padding: 10px 0px 0px 0px;}
.body-container .boxleft .name	{font-size:1.0em;color:#006;font-weight: bold;text-align: right;padding: 5px 0px 5px 0px;}
.body-container .boxleft .name span{color:#006;}
.body-container .boxleft .quote {}
.body-container .boxleft .quote p {font-size:0.90em;color:#444;text-indent:15px;padding:5px 0px 0px 0px;margin: 0px;}


/* Services */
.body-container .boxleft .hw-service {margin: 20px 2px 20px 3px;border-bottom: 1px #ccc solid;height:200px;}
.body-container .boxleft .hw-service h3 {font-size:1.0em;margin:1px;font-weight:bold;color:#006;}
.body-container .boxleft .hw-service p {font-size:0.77em; margin: 2px;padding:2px; text-align: justify; color:#444;}
.body-container .boxleft .hw-service img {float:left;border:3px #006 solid;margin:3px 3px 10px 3px;}
.body-container .boxleft .hw-service ul {margin:4px 2px 5px 140px;list-style-type:disc;color:#444;}
.body-container .boxleft .hw-service ul li {font-size: 0.87em;}
.body-container .boxleft .hw-service ul li  {text-decoration:none;padding:5px 5px 5px 15px;}
.body-container .boxleft .hw-service ul li a:link, .body-container .boxleft .hw-service ul li a:visited, .body-container .boxleft .hw-service ul li a:focus, .body-container .boxleft .hw-service ul li a:active {color:#fff;text-decoration: none;}
.body-container .boxleft .hw-service ul li a:hover {color:#fff;font-weight:bold;}


/* Management Proposal Form */
.body-container .boxleft .hw-mgt-request-form {}
.body-container .boxleft .hw-mgt-request-form table {border-collapse:collapse;border-spacing:0pt;}
.body-container .boxleft .hw-mgt-request-form th, td { border: none; font-size: 0.77em;padding: 5px 5px 5px 5px;line-height: 1.0;} 
.body-container .boxleft .hw-mgt-request-form td {border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;font-size: 0.77em;padding: 3px;line-height: 1.0;color:#444;}
.body-container .boxleft .hw-mgt-request-form caption {font-weight: bold;font-size: 0.77em;text-transform: uppercase;padding: 0 0 5px;color: #444;}
.body-container .boxleft .hw-mgt-request-form th {background: #e4e5e4; text-align: left;}
.body-container .boxleft .hw-mgt-request-form tfoot {background-color: #e2e2e2;color: #444;}
.body-container .boxleft .hw-mgt-request-form tfoot td {font-size: 1.0em;text-align: center;}


/* Structure and Organization */
.body-container .boxleft .article {float:left;}
.body-container .boxleft .article li {float:left;padding:3px 0;display:block;width: 100%;border-bottom:1px #eee solid;}
.-body-container .boxleft .article h2 {float:left;width:24%;font-size: 1.0em;line-height:1.0em;font-weight:bold;padding-right:10px;}
.body-container .boxleft .article span {float:left;width:76%;color:#576049;padding-top:10px;}
.body-container .boxleft .article span a {color: #576049;}


/* Individual County-Areas Pages */
.body-container .boxleft h4 {line-height:18px;margin-bottom:16px;}
.body-container .boxleft .left-box-ul {width:45%;float:left;margin-left:20px;}
.body-container .boxleft .right-box-ul {width:45%;float:left;}
.body-container .boxleft .left-box-ul li, .body-container .boxleft .right-box-ul li {color:#444;font-size:0.95em;padding-bottom:10px;}
.body-container .boxleft .left-box-ul li a:link, .body-container .boxleft .right-box-ul li a:link {color:#006;font-size:0.95em;padding-bottom:10px;}
.body-container .boxleft .left-box-ul li a:visited, .body-container .boxleft .right-box-ul li a:visited {color:#006;}
.body-container .boxleft .left-box-ul li a:focus, .body-container .boxleft .right-box-ul li a:focus {color:#006;}
.body-container .boxleft .left-box-ul li a:hover, .body-container .boxleft .right-box-ul li a:hover {color:#444;}

/* Documents */
.ahn-standard-listing { background: #f1f1f1 url(images/transparent-white-70.png) repeat top left; width:100%; padding:3px 0; height:auto; border-bottom: 1px solid #ffffff; overflow:hidden; min-height: 60px; cursor:hand; cursor:pointer; }


/* Classifieds */
#ahn-main-content {width:650px;margin-left:10px;}


/* Annoucements */
h1.ahn-feature-title { font-size:180%;margin-bottom:10px;font-weight:bold;color:#008080;padding:5px;}
a.ahn-item-icon {color:#024343;}
a.ahn-item-icon:hover {color:#fff;}
.ahn-category-edit a:link, a:visited, a:focus {color:#024343;}
.ahn-category-edit a:hover {color:#fff;}
#cms-content-area {margin-top: 46px; margin-bottom: 12px;}

#ahn-bottom-content{display:none;}