@charset "UTF-8";
/* CSS Document */
*{margin: 0px; padding: 0px;}
body{background: #fff url(../images/layout/wood_bg.jpg); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/*---------------------------- LAYOUT ----------------------------*/
#woodTop{background: #fff url(../images/layout/wood_top.jpg); position:absolute; top: 0px; left: 0px; width: 100%; height: 227px; z-index: 0;}
#mainWrap{width: 981px; margin: 0 auto; z-index: 1; position:relative; top: 50px; padding-bottom: 30px;}
#pageTop{background:url(../images/layout/page_top.jpg) #FFF no-repeat; height: 6px; width:981px; overflow:hidden;}
#pageMid{background:url(../images/layout/page_mid.jpg) #FFF repeat-y; width: 981px; padding-bottom: 5px;}
#pageBtm{background:url(../images/layout/page_btm.jpg) #FFF repeat-y; width: 981px; height: 6px; overflow:hidden;}
#contentWrap{margin: 0px 14px; padding-top: 7px;}
#saLogo{float:right;}
#banner{margin: 10px 0; }
#leftNavCol{width: 200px; float:left; margin-right: 15px; background-color:#e9f0e1;}
#leftCol{width: 646px; float:left;}
#leftCol img{float:left; margin-right: 10px; }
#contentSubPage{float:left; width: 734px;}
#leftCol.thin{width: 300px;}
#leftCol.med{width: 480px}
#leftCol.wide{width: 780px}
#rightCol {float:left; width: 283px; margin-left: 23px;}
.headingLine{background:url(../images/layout/headingLine.jpg) repeat-x; width: inherit; height: 5px; margin-bottom:10px; overflow:hidden;}
#footer{background:url(../images/layout/headingLine.jpg) top repeat-x; margin-top: 10px; padding-top: 5px;}
.sideCol{width:278px;}
.sideTopLeft{background:url(../images/layout/side_top_left.jpg) repeat-x; height: 5px; width:inherit; overflow:hidden;}
.sideTopRight{background:url(../images/layout/side_top.jpg) repeat-x; height: 5px; width:inherit; overflow:hidden;}
.sideWrap{background-color:#e9f0e1; padding: 10px; overflow:visible;}
.sideBtm{background:url(../images/layout/side_btm.jpg) repeat-x; height: 7px; width:inherit; overflow:hidden;}
table.lists th{text-align:left; padding-right: 40px; padding-bottom: 10px;} 
table.hours th{padding-bottom: 0px;}


/*---------------------------- NAVIGATION - TOP ----------------------------*/
#nav{margin: 0px 0px 5px 0px; padding-top: 10px;}
ul#nav li a{ display: block; text-indent: -5000px; font-size: 0px; outline:none;}
ul#nav{list-style:none;}
ul#nav li {float:left; margin-left: 15px;}
ul#nav li .first{margin-left: -15px;}
/*home*/
ul#nav a#home{background: url(../images/layout/nav_home.jpg) no-repeat top; width: 123px; height: 31px;}
ul#nav a:hover#home {background: url(../images/layout/nav_home.jpg) no-repeat bottom; width: 123px; height: 31px;}
ul#nav a#homeActive {background: url(../images/layout/nav_home_active.jpg) no-repeat top; width: 123px; height: 31px;}
/*shop services*/
ul#nav a#ss{background: url(../images/layout/nav_ss.jpg) no-repeat top; width: 123px; height: 31px;}
ul#nav a:hover#ss {background: url(../images/layout/nav_ss.jpg) no-repeat bottom; width: 123px; height: 31px;}
ul#nav a#ssActive {background: url(../images/layout/nav_ss_active.jpg) no-repeat top; width: 123px; height: 31px;}
/*shop online*/
ul#nav a#so {background: url(../images/layout/nav_so.jpg) no-repeat top; width: 123px; height: 31px;}
ul#nav a:hover#so {background: url(../images/layout/nav_so.jpg) no-repeat bottom; width: 123px; height: 31px;}
ul#nav a#soActive {background: url(../images/layout/nav_so_active.jpg) no-repeat top; width: 123px; height: 31px;}
/*about*/
ul#nav a#about {background: url(../images/layout/nav_about.jpg) no-repeat top; width: 123px; height: 31px;}
ul#nav a:hover#about {background: url(../images/layout/nav_about.jpg) no-repeat bottom; width: 123px; height: 31px;}
ul#nav a#aboutActive {background: url(../images/layout/nav_about_active.jpg) no-repeat top; width: 123px; height: 31px;}
/*sponsors*/
ul#nav a#sponsors {background: url(../images/layout/nav_sponsors.jpg) no-repeat top; width: 123px; height: 31px;}
ul#nav a:hover#sponsors {background: url(../images/layout/nav_sponsors.jpg) no-repeat bottom; width: 123px; height: 31px;}
ul#nav a#sponsorsActive {background: url(../images/layout/nav_sponsors_active.jpg) no-repeat top; width: 123px; height: 31px;}
/*news*/
ul#nav a#news{background: url(../images/layout/nav_news.jpg) no-repeat top; width: 123px; height: 31px;}
ul#nav a:hover#news {background: url(../images/layout/nav_news.jpg) no-repeat bottom; width: 123px; height: 31px;}
ul#nav a#newsActive {background: url(../images/layout/nav_news_active.jpg) no-repeat top; width: 123px; height: 31px;}
/*contact*/
ul#nav a#contact{background: url(../images/layout/nav_contact.jpg) no-repeat top; width: 123px; height: 31px;}
ul#nav a:hover#contact {background: url(../images/layout/nav_contact.jpg) no-repeat bottom; width: 123px; height: 31px;}
ul#nav a#contactActive {background: url(../images/layout/nav_contact_active.jpg) no-repeat top; width: 123px; height: 31px;}



/*---------------------------- NAVIGATION - SIDE - RIGHT (HOME PAGE)----------------------------*/
#rightCol a.button{display: block; text-indent: -5000px; outline:none;}
#rightCol a#shop{background: url(../images/links/shop_online.jpg) top; width:283px; height: 56px;}
#rightCol a:hover#shop{background: url(../images/links/shop_online.jpg) bottom; width:283px; height: 56px;}
#rightCol a#support{background: url(../images/links/support.jpg) top; width:283px; height: 56px;}
#rightCol a:hover#support {background: url(../images/links/support.jpg) bottom; width:283px; height: 56px;}
#rightCol a#feedback{background: url(../images/links/feedback.jpg) top; width:283px; height: 56px;}
#rightCol a:hover#feedback {background: url(../images/links/feedback.jpg) bottom; width:283px; height: 56px;}


/*---------------------------- NAVIGATION - SIDE - LEFT ----------------------------*/
ul#sideNav{list-style:none}
ul#sideNav li a{ display: block; text-decoration:none; height: 25px; padding: 5px 0px 0px 10px; border-bottom:1px dotted #333;}
ul#sideNav a.current{background: url(../images/layout/side_active.jpg) repeat-x; border-bottom: none; color: #FFF;}
ul#sideNav a:hover.current{background: url(../images/layout/side_active.jpg) repeat-x; border-bottom: none; color: #FFF;}
ul#sideNav a:hover{background: #c4ed68;}
ul#sideNav a.noBorder{border-bottom: none;}

.newsflash{border:2px solid #85c240; padding: 5px 5px 0px 5px; margin-bottom: 10px;}
.newsflash ul{list-style:inside; font-size: 13px; margin-bottom: 10px; margin-left: 40px;}
/*---------------------------- SHOP ONLINE PAGE ----------------------------*/
img.comingsoon{position: relative; top: -30px;}

.h3margintop{margin-top: 10px;}
.supplierPics{float:left; width: 170px;}
.divider{margin: 10px; color: #6c9b35;}

/*---------------------------- CONTACT PAGE ----------------------------*/
#mapBorder{border:solid 1px #cde0b7; padding: 10px; float:right; margin-bottom: 5px;}

/*---------------------------- SPONSORS/LINKS PAGES ----------------------------*/
.logoPics{float:left; width: 220px;}
.details{float:left; width: 510px;}

/*---------------------------- NEWS PAGES ----------------------------*/
img.newsPic{border:solid 1px #6c9b35; padding: 5px; float:left; margin-right: 10px; margin-bottom: 10px;}
.newsLine{border-top: dotted 1px #cde0b7; margin-bottom: 15px; margin-top: 5px;}
.pdfLink{margin: 10px 0;}

/*---------------------------- GALLERY PAGE ----------------------------*/
table.gallery{width: 100%;}
table.gallery td{padding: 5px; text-align:center; vertical-align:middle;}
table.gallery img{border-style:none; padding: 5px; background-color:#fffff; border: 1px solid #666;}

/* ---------------------------- FORMS ----------------------------*/
form{border:solid 1px #cde0b7; padding: 10px;}
form#feedback textarea{display: block; width:500px; height: 150px; margin-bottom: 10px;}
input{display: inline; width: 200px; }
input#submit{width: 100px; position: relative; left: 400px;}
label{width: 4em; float: left; margin-right: 0.5em; display: block;}
.nb{float:right; width: 350px;}
#errorBox{background-color:#e9f0e1; padding: 10px 10px 0px 10px; margin-bottom: 10px; border: 1px solid #6c9b35;}
.error{color: #903;}


/* ---------------------------- FONTS ----------------------------*/
h1{padding: 25px 0 0px 0px; width: 450px; background:none;}
h2{margin-top: 15px;}
h2.top{margin-top: 0px;}
h3{color: #6c9b35; font-size:16px; padding-bottom:10px; margin-top: 5px;}
h3.subLine{background:url(../images/layout/headingLineSub.jpg) bottom repeat-x; width: inherit; margin-bottom: 5px; margin-top: 20px;}
h3.newsTitle a{color: #6c9b35;}
h3.subFirst{margin-top: 0px;}
.newsflash h3{color: #ffffff; background:#85c240; padding:0px; margin: 0px; padding: 5px 0px; text-align:center; font-weight: bold; font-size: 130%; margin-bottom: 10px;}
.newsflash p{text-align:center;}
h4{font-size:14px;}
p label{font-size: 14px; font-weight:bold; color: #000000;}
p{font-size: 13px; padding-bottom: 10px; color: #333333; text-align:justify;}
div{font-size: 13px;}
table{font-size: 13px;}
p.credits{font-size: 11px; margin:3px 7px 0 0;}
p.pdfTitle{padding-bottom: 5px; margin-top: 3px;}
p.picCaption{font-size: 11px; margin-right: 5px;}
p.topMargin{margin-top: 10px;}
p.date{margin-top: -10px;}
#footer p{padding-top: 3px; color: #6c9b35;}
.newsTitle{font-size: 15px; color:#6c9b35;}

.readMore{margin-top: -5px;}
a{color: #009;}
a:visited{color:#906;}
ul#sideNav li a{font-size:14px; color: #333;}
#mapBorder p{padding-bottom: 5px;}
ul#list{font-size: 13px; font-weight: normal; list-style:inside; margin-left: 20px; padding-bottom: 10px;}
.ll a {color:#630;}

/* ---------------------------- GENERIC STYLES ----------------------------*/
.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.textRight{text-align:right;}
.textMiddle{text-align:center}
.bold{font-weight:bold;}
.italic{font-style:italic}
.thin{width:300px;}
.clearLeft{clear:left;}
.inline{display:inline}
.block{display:block}
.center{text-align:center;}