body{ font-family: Lucida Sans Unicode, Arial, Verdana; font-weight: lighter; font-size:0.8em; line-height:1.2em;  background: url(../images/habGradient.jpg) left repeat-x;  background-color:Transparent;  background-position:top;}

h1 {color:#6f1e69; font-size:2.2em; font-weight:bold; padding:10px 0; }
h2 {color:#6f1e69; border-bottom:dotted 1px #6f1e69; font-size:2em; padding:0 0 10px 0; margin:0 0 10px 0;}
h3 {color:#6f1e69; border-bottom:solid 1px #585858; font-size:1em;padding:0 0 10px 0;}
h4 {font-weight:bold; padding:5px 0; font-size:0.9em;}
h5 {font-size:0.7em; font-weight:bold;}

p { line-height:1.2em; padding:5px 0 5px 0;}
strong{ font-weight:bold;}

a {color:#6f1e69; text-decoration:underline;}
a:hover{color:#6f1e69; text-decoration:none;}

#container{width:800px; margin:0 auto; height:100%;}
#contentHP{background-color:#f8fbfa; border-right:solid 1px #07845f; border-left:solid 1px #07845f;  border-bottom:solid 1px #07845f; height:100%; padding:0 10px; width:780px; width:0 auto;}
#content{background-color:#ffffff; border-right:solid 1px #6f1e69; border-left:solid 1px #6f1e69;  border-bottom:solid 1px #6f1e69; height:100%; padding:0 10px; width:778px; width:0 auto;}

#header{}
#headerContent{width:800px; margin:0 auto; }
#headerContent img{padding:0; margin:0;}

#footer{width:800px; margin:0 auto; text-align:center;}

ul#nav {font-size:1.1em; height:100%; margin:0; padding:0; width:800px;}
ul#nav li{ float:left; border-right:solid 1px #9a508d; background-color:#6f1e69; text-align:center; }
ul#nav li a {padding:15px 0; color:White; text-decoration:none; display:block;}
ul#nav li a:hover{background-color:white; color:#6f1e69;} 
ul#nav li#welcomeNav {padding:0; margin:0;vertical-align:top; border-left:solid 1px #6f1e69; }
ul#nav li#welcomeNav a{float:left; padding:15px  0;  background-color:#6f1e69; width:71px;}
ul#nav li#welcomeNav a:hover{background-color:white; color:#6f1e69;}
ul#nav li#aboutNav a{width:73px; background-color:#6f1e69; color:White;}
ul#nav li#aboutNav a:hover{background:white; color:#6f1e69;}
ul#nav li#buyingNav a{width:56px; background-color:#6f1e69; color:White;}
ul#nav li#buyingNav a:hover{background:white; color:#6f1e69;}
ul#nav li#sellingNav a{width:56px; background-color:#6f1e69; color:White;}
ul#nav li#sellingNav a:hover{background:white; color:#6f1e69;}
ul#nav li#registerNav a{width:67px; background-color:#6f1e69; color:White;}
ul#nav li#registerNav a:hover{background:white; color:#6f1e69;}
ul#nav li#financeNav a{width:65px; background-color:#6f1e69; color:White;}
ul#nav li#financeNav a:hover{background:white; color:#6f1e69;}
ul#nav li#midMarketNav a{width:88px; background-color:#6f1e69; color:White;}
ul#nav li#midMarketNav a:hover{background:white; color:#6f1e69;}
ul#nav li#contactNav a{width:84px; background-color:#6f1e69; color:White;}
ul#nav li#contactNav a:hover{background:white; color:#6f1e69;}
ul#nav li#futureNav a{width:112px; background-color:#6f1e69; color:White;}
ul#nav li#futureNav a:hover{background:white; color:#6f1e69;}
ul#nav li#habNav {padding:0; margin:0;vertical-align:top;  border-right:solid 1px #6f1e69; background-color:#832e7f; width:117px; height:45px;}
ul#nav li#habNav span{display:block; font-size:0.85em; padding:4px 0 0 0; margin:0;}
ul#nav li#habNav a{float:right; padding:7px 0 3px 0; background:#6f1e69;width:117px;}
ul#nav li#habNav a:hover{background:white; color:#6f1e69;  padding:7px 0 3px 0; height:40px;}



/* Listings appearance */
dl.listings {border:solid 1px #6f1e69; background:#f8f0f7; padding:10px; margin:0 0 10px 0;}
dl.listings dt {padding:0; margin:0 0 5px 0;  font-size:1.2em; color:#6f1e69;}
dl.listings dd {padding:0; margin:0 0 5px 0; }
dl.listings dd.inline {display:inline; float:left; margin:0 20px 5px 0;}
dl.listings dd.description { clear:both;}

/* Listings Please Note */

dl.listingsNote {font-size:0.9em;}
dl.listingsNote dt {font-weight:bold;}
dl.listingsNote dd {margin:5px 0 0 0;}

ul#sort {margin:10px 0; padding:0; list-style-type:none; font-size:1.1em;}
ul#sort li {display:inline; margin:0 10px 0 0; padding:0;}
ul#sort li img{ vertical-align:middle;}

/*page number styling*/
form.pageSelect{ width:100%;}
form.pageSelect ul{list-style-type:none; margin:0; padding:0;}
form.pageSelect ul li{width:33%; float:left;}
form.pageSelect ul li.numbers{text-align:center;}
form.pageSelect ul li.next{text-align:right; float:right;}


.clear{clear:both;}
.error{color:Red;}