@charset "utf-8";
/* CSS Document EADBAC*/


*{margin: 0px; padding: 0px; font-family: Century Gothic, Verdana, Geneva, sans-serif;}
body, html{width: 100%; height: 100%;}
.clear{width: 100%; height: 0px; line-height: 0; clear: both;}
#wrapper{width: 100%; min-height: 100%; position: relative; height:100%;}


#hat{width: 100%; background-color: #FFFFFF; min-width: 860px;}
#hat #hatcontent{width: 87%; margin: auto; height: 25px; background-image: url(images/topline.png); background-repeat: repeat-y; clear: both;}


#header{width: 100%; background-color: #FFFFFF; min-width: 860px;}
#header #headercontent{width: 87%; margin: auto; clear: both;}


#body{width: 100%; min-width: 860px;}
#body #bodycontent{width: 87%; margin: auto; background-image: url(images/bottomline.png); background-repeat: repeat-y; background-position: 172px 0px; padding-bottom: 80px; clear: both; height: 100%;}
#body #bodycontent #menu{float: left; width: 172px; clear: left; padding: 15px 0px 0px 0px;}
#body #bodycontent #menu ul{float: right;}
#body #bodycontent #menu ul li{list-style-type: none; margin-top: 15px; padding-left: -10px; text-align: right; background-color: #BBC467; border-left: 7px solid #989F53;}
#body #bodycontent #menu ul li.active{border-left: 7px solid #f25a31;}
#body #bodycontent #menu ul li:hover{border-left: 7px solid #f25a31;}
#body #bodycontent #menu ul li a{font-weight: bold; padding: 7px 3px 7px 50px; color: #fff; font-size: 20px; text-decoration: none;}
#body #bodycontent #menu ul li a:hover{color: #EEE;}
#body #bodycontent #menu ul li.active a{color: #EEE;}

#body #bodycontent #menu ul li.sub{border: none; background-color: #FFF; font-size: 14px; color: #000; margin-top: 5px;}
#body #bodycontent #menu ul li.sub a{font-size: 14px; color: #000; font-weight: normal; background-color: none; padding: 0px 3px 0px 50px;}


#body #bodycontent #maincontent{float: left; width: 654px; clear: right; padding: 0px 10px 10px 10px; margin-left: 15px; clear: right;}
#body #bodycontent #maincontent p{margin-bottom: 10px; line-height: 1.3em;}


#body #bodycontent #maincontent #links{clear: both; margin-top: 10px;}
#body #bodycontent #maincontent #links a{padding: 2px 8px 2px 8px; background-color: #6cf; margin-right: 5px; color: #FFF; text-decoration: none; font-weight: bold;}
#body #bodycontent #maincontent #links a.selected{background-color: #FFF; border: 1px solid #6cf; color: #6cf;}


#footer{width: 100%; position: absolute; bottom: 0; height: 80px; background: #6cf; z-index: -1; min-width: 860px;}
#footer #footercontent{width: 87%; margin: auto; background-image: url(images/bottomline.png); background-repeat: repeat-y; background-position: 172px 0px; height: 140px; clear: both;}

#footer #footercontent #blurb{width: 170px; text-align: right; margin-top: -60px; position: relative;}
#footer #footercontent p{font-size: 14px; color: #000;}
#footer #footercontent p a{color: #989F53; text-decoration: none;}
#footer #footercontent p a:hover{text-decoration: underline;}