body {padding:0; margin:0;}
img {border:0px none;}
h1 {margin: 5px 0 30px 10px;}
h2 {font: bold 20px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 40px 0 40px; color:#555;}
h2 span {font: bold italic 15px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999;}
h3 {font: bold 18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 40px 0 40px; color:#555;}
h4 {font: italic normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 15px 40px 0 40px; color:#F60;}
p, ol {font: 14px/18px Arial, Helvetica, sans-serif; color:#666; margin: 10px 40px 0 40px;}
ol li {margin:7px 0;}
p.note {font:italic 12px/14px Arial, Helvetica, sans-serif;}
p.news {margin: 2px 0 15px 40px;}
ul {font: 14px/17px Arial, Helvetica, sans-serif; color: #666; list-style: circle; margin: 15px 0 0 80px; padding: 0;}
a:link{color:#390; text-decoration:none;}
a:visited{color:#360; text-decoration:none;}
a:hover{color:#6C0; text-decoration:underline;}
a:active{color:#3F0; text-decoration:underline;}
/*##### LAYOUT  #####*/
#wrapper {margin: 20px auto; width:900px; border:1px solid #666;}
#h {position: relative; width: 100%; height:130px; padding: 5px 0; z-index: 2; text-align:center; background:#FFF url(../i/HLM-logo.jpg) center 5px no-repeat;}
#nav {width: 100%; background: url(../i/bg-nav.gif) repeat-x; height:30px; text-align: center; padding:6px 0 0 0;}
#frame {background:url(../i/bg.jpg) repeat-x; height: auto; width: 100%; position: relative; z-index: 1;}
#side {position:relative; float:right; text-align:left; width: 25%; height: auto; background:url(../i/bg-side.png) repeat; padding: 10px; margin: 15px;}
#f {text-transform: uppercase; margin:15px 0 0 0; text-align: center; clear: both; padding:0 0 10px 0;}

form {margin: 0;}
input.field, textarea.field, input#recaptcha_response_field {border: 1px solid #666; background-color:#FFF; padding: 5px; font: 13px/14px Arial, Helvetica, sans-serif; color: #999; width: 300px;}
input.field:focus, textarea.field:focus, input#recaptcha_response_field:focus {border:1px solid #C60; background-color:#f7ce76; color:#666;}
input.button {padding:5px; border:1px solid #C63; font:13px/13px Arial, Helvetica, sans-serif; color:#C60; cursor:pointer;}
html table#recaptcha_table {border:none 0;}
span.note {font:italic 12px/14px Arial, Helvetica, sans-serif; padding-top:1px;}

#h h1 {display:none; font-size:0px;}
#nav ul {list-style: none; margin: 0; padding: 0;}
#nav li {display: inline; margin: 8px 20px;}
#nav li a {font: normal 17px/22px Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF; letter-spacing: 1px; font-stretch:condensed; text-transform:uppercase;}
#nav li a:hover {color: #c0ef41;}
#nav li.current a {color: #c0ef41;}

ul#popular {list-style:none;}
ul#popular li {display:inline; background:url(../i/popular_box-off.png) left 0px no-repeat; padding:135px 20px 35px 20px; margin:0 20px 0 0;}
ul#popular li:hover {background:url(../i/popular_box-on.png) left 0px no-repeat; cursor:pointer;}

#side h3 {font: italic bold 15px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #693; margin: 3px 0 5px 0;}
#side p {color: #4e8538; margin: 5px; font: 13px/18px Arial, Helvetica, sans-serif;}
#side p.button {margin-top:10px;}
#side p.button a {text-transform:uppercase; padding:6px; font-size:11px; letter-spacing:1px; border:1px solid #090; background: url(../i/bg-button.gif) repeat-x;}
#side p.button a:hover {border:1px solid #C63; background:#f7ce76; color:#FFF; text-decoration:none;}
#side img.icon {margin:3px 2px 0 0;}
#side ul {color: #4e8538; margin: 5px 0 0 20px; font:12px/15px Arial, Helvetica, sans-serif;}
#side li {margin:0 0 5px 0;}
#side .cost {text-align: right; font: italic .85em/1em Arial, Helvetica, sans-serif;}
#side hr {color: #FFF; margin: 0;}
ol li.facebook {background: #e0f5ae url(../i/facebook.png) no-repeat 10px 10px; padding:10px 10px 10px 70px; margin:10px 0; border:1px solid #9dc048;}
ol li.store {background: #e0f5ae url(../i/hlm-store.png) no-repeat 10px 10px; padding:10px 10px 10px 70px; margin:10px 0; border:1px solid #9dc048;}
ol li ul {margin-top:4px;}

div#news h2 {margin:13px 15px; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left;}
div#news p.date {font:11px Arial, Helvetica, sans-serif;}
div#news p {font-size:13px; margin:10px 20px 5px 20px; line-height:18px;}
div#news p.close {text-align:center; text-size:14px}
div#news p.close img {margin-bottom:-3px;}
div#news p.close a {color:#900;}

div#recaptcha_area {margin: 10px 40px 0 40px;}
/*font.form_check {font-weight:bold; color:#C00; margin: 3px; float:left;}*/

#f p {font: 10px/13px Arial, Helvetica, sans-serif; color: #666; margin:5px 0 0 0;}
#f a {color: #666;}
#f a:hover {color: #999;}