﻿body { font-family: Arial, Tahoma, Trebuchet MS; color: #000; font-size: 12px; }
body, html { margin: 0; }
a { color: #578b0a; font-family: Verdana; }
h1 { font-weight: normal; font-size: 21px; color: #000;    font-family: "Century Gothic"; margin-top: 0; }
h2 { font-weight: normal; font-size: 13px; color: #474646; font-family: Arial; margin-bottom: 0; } 
h3 { font-weight: bold;   font-size: 11px; color: #424242; font-family: Arial; margin-top: 0; text-transform: uppercase; }
hr { border: none; border-top: solid 1px #bcbcbc; } 
img { border: none; }
p { line-height: 20px; }

/* Debug */

/*

img, ul { border: dotted 1px red !important; }
*/

/* Regions */
#headerwraper { background: #f9f9f9 url(/local/images/bgtop.gif) repeat-x left top; }
    #header { background: url(/local/images/header.png) no-repeat left top; width: 898px; height: 182px; margin: 0 auto; position: relative; }
        #header ul { list-style-type: none; padding: 0; margin: 0; margin-left: 8px; position: absolute; bottom: 0; left: 0; }
            #header ul li { float: left; }
                #header ul li a { background: #434343 url(/local/images/nav.png) no-repeat left top; height: 0; padding-top: 49px; overflow: hidden; display: block; }
                #header ul li a.lnk1 { background-position: 0 0; width: 191px; }
                #header ul li a.lnk1:hover, #header ul li a.lnk1.current { background-position: 0 -49px; }
                #header ul li a.lnk2 { background-position: -191px 0; width: 124px; }
                #header ul li a.lnk2:hover, #header ul li a.lnk2.current { background-position: -191px -49px; }
                #header ul li a.lnk3 { background-position: -314px 0; width: 124px; }
                #header ul li a.lnk3:hover, #header ul li a.lnk3.current { background-position: -314px -49px; }
                #header ul li a.lnk4 { background-position: -437px 0; width: 89px; }
                #header ul li a.lnk4:hover, #header ul li a.lnk4.current { background-position: -437px -49px; }
                #header ul li a.lnk5 { background-position: -526px 0; width: 123px; }
                #header ul li a.lnk5:hover, #header ul li a.lnk5.current { background-position: -526px -49px; }
/*#mainwraper { background: #f9f9f9 url(/local/images/bgbottom.png) repeat-x left bottom; min-height: 751px; }
    #main { width: 898px; margin: 0 auto; }*/
    #uppercontentwraper { background: #f9f9f9 url(/local/images/bgbottom.png) repeat-x left bottom; }
        #uppercontent { width: 898px; margin: 0 auto; padding-bottom: 0px; }
            #upperleft { float: left; width: 244px; margin-right: -1px; border-right: solid 1px #bcbcbc; min-height: 100px; padding: 18px 8px 50px 8px; }
            #upperright { float: right; width: 601px; border-left: solid 1px #bcbcbc; min-height: 100px; padding: 18px 18px 50px 18px; }
    #lowercontentwraper {  }
        #bottomcontent { width: 898px; margin: 0 auto; margin-top: 0px; }
            #lowerleft { float: left; width: 244px; margin-right: -1px; border-right: solid 1px #bcbcbc; padding: 0 8px 18px 8px; min-height: 262px; }
            #lowerright { float: right; width: 601px; border-left: solid 1px #bcbcbc; padding: 0 18px 18px 18px; min-height: 262px; }
        #footerwraper { background: black url(/local/images/footerbg.png) repeat-x left top; }
            #footer { height: 50px; padding: 29px 0; font-size: 14px; color: #8f8f8f; text-align: right; margin: 0 auto; width: 898px; }
                #footer a { color: #8f8f8f; font-family: Arial, Tahoma, Trebuchet MS; font-size: 14px; text-decoration: none; }
                #footer a:hover { text-decoration: underline; }
                #footer p { margin: 0; }

/* Classes */

a.btnlnk { background: #88bd38 url(/local/images/buttonlink.png) no-repeat left top; display: block; width: 261px; height: 33px; padding-top: 6px; color: White; text-decoration: none; text-align: center; font-size: 20px; font-family:Century Gothic, Verdana; text-transform: uppercase; }
a.btnlnk:hover { background-position: left -39px; }
.thumb { margin: 2px; display: block; width: 76px; height: 57px; float: left; }
.lowerrightColLeft { width:285px; padding-right:5px; border-right:1px solid #c9c9c9; float:left; }
.lowerrightColRight { width:280px; padding-left:20px; float:left; }

/*Clear after*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */