/* CSS Document */

h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px;}

a {color:#829102;}

#container {width:812px; margin: auto; margin-top: -16px; border:solid 1px #829102;}

#header {width:397px; height:298px; text-align:center; margin-top:7px; background: url(http://www.weightlosshelpdirectory.com/images/header.jpg) top left no-repeat; padding:40px 0px 0px 415px}
#header a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:36px; text-decoration:none; color:#000; font-weight:bold; text-align:center;}

#line {width:810px; height:11px; margin-left:1px; background: url(http://www.weightlosshelpdirectory.com/images/line_bg.jpg) top left repeat-x; clear:both;}

#button {width:812px; height:53px; margin-bottom:1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#829102; text-align:center;}
#button a{color:#829102; text-decoration:none;}
#button a:hover {color:#000000; text-decoration:none;}

#button .article {width:141px; height:35px; padding-top:18px; margin-left:1px; float:left; background: url(http://www.weightlosshelpdirectory.com/images/button_articles.jpg) top left no-repeat;}

#button .schools {width:153px; height:35px; padding-top:18px; margin-left:1px; float:left; background: url(/images/button_schools.jpg) top left no-repeat;}

#button .kids {width:97px; height:35px; padding-top:18px; margin-left:1px; float:left; background: url(/images/button_kids.jpg) top left no-repeat;}

#button .reviews {width:131px; height:35px; padding-top:18px; margin-left:1px; float:left; background: url(/images/button_reviews.jpg) top left no-repeat;}

#button .guide {width:177px; height:35px; padding-top:18px; margin-left:1px; float:left; background: url(/images/button_guide.jpg) top left no-repeat;}

#button .spas {width:105px; height:35px; padding-top:18px; margin-left:1px; float:left; background: url(/images/button_spas.jpg) top left no-repeat;}

#left {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:258px; float:left; margin-left:1px;}

#left .hla {background: url(images/hla_logo.jpg) top left no-repeat; padding: 0px 0px 0px 105px; height:80px; margin-top: 15px;font-size:11px; border-bottom:solid 1px #829102;}
#left .hla a {text-decoration:none; color:#829102; font-size:20px;}
#left .hla a:hover {color:#000000}

#left .aos {background: url(images/ad_aos.jpg) top left no-repeat; margin-top:10px;text-align:center; padding: 15px 0px 0px 60px; height:65px;}
#left .aos_bottom {padding:10px; width:238px; font-size:11px;}
#left .aos a {text-decoration:none; color:#829102; font-size:20px;}
#left .aos a:hover {color:#000000}

#left .ot {background: url(images/ad_ot.jpg) top left no-repeat; padding: 15px 0px 0px 10px; height:65px;}
#left .ot_bottom {padding:10px; width:238px; font-size:11px;}
#left .ot a {text-decoration:none; color:#829102; font-size:20px;}
#left .ot a:hover {color:#000000}

#left .wc {background: url(images/ad_wc.jpg) top left no-repeat; padding: 15px 0px 0px 10px; height:70px;}
#left .wc_bottom {padding:10px; width:238px; font-size:11px;}
#left .wc a {text-decoration:none; color:#829102; font-size:20px;}
#left .wc a:hover {color:#000000}

#left .south {background: url(images/ad_south.jpg) top left no-repeat; padding: 25px 0px 0px 70px; height:43px;}
#left .south_bottom {padding:10px; width:238px; font-size:11px;}
#left .south a {text-decoration:none; color:#829102; font-size:20px;}
#left .south a:hover {color:#000000}

#left .show {background: url(images/ad2_ot.jpg) top left no-repeat;padding: 26px 0px 0px 85px;height:64px}
#left .show_bottom {padding:10px; width:238px; font-size:11px;}
#left .show a {text-decoration:none; color:#829102; font-size:20px;}
#left .show a:hover {color:#000000}


#left .moving {background: url(images/ad_moving.jpg) top left no-repeat; padding: 16px 0px 0px 10px; height:59px;}
#left .moving_bottom {padding:10px; width:238px; font-size:11px;}
#left .moving a {text-decoration:none; color:#829102; font-size:20px;}
#left .moving a:hover {color:#000000}

#left .media {background: url(images/ad_media.jpg) top left no-repeat; padding: 10px 0px 0px 100px; height:84px;}
#left .media_bottom {padding:10px; width:238px; font-size:11px;}
#left .media a {text-decoration:none; color:#829102; font-size:20px;}
#left .media a:hover {color:#000000}

#left .camp {background: url(images/ad_camp.jpg) top left no-repeat; padding: 10px 0px 0px 10px; height:66px;}
#left .camp_bottom {padding:10px; width:238px; font-size:11px;}
#left .camp a {text-decoration:none; color:#829102; font-size:20px;}
#left .camp a:hover {color:#000000}


#right {background: url(images/content_bg.jpg) top left no-repeat; margin-top:5px; margin-left:8px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; width:500px; padding:10px 25px 10px 20px; float:right; height:100%}

#footer { width: 792px; margin: 0 auto; padding: 4px 20px 0px 0px; text-align: right; height:17px; background: url(/images/footer.jpg) top left repeat-x; clear:both;}
#footer a {color:#829102; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
#footer a:hover {color:#000;}