/* ********************************************
*******  Created by David Gorham for    *******
*******  Hildenborough Farmers' Market  *******
*********************************************** */

/* *** General Classes *** */
.fr{float:right;}
.fl{float:left;}
.fn{float:none;}
.cb{clear:both;}
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.taj{text-align:justify;}
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.hdn{display:none;}
.vertline {margin: 0; padding: 0 3px 0 3px; font-weight: bold;}

body {margin: 0; padding: 10px; font-size: 0.8em; background-color: #0e800f; font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;}
h1 {font-size: 1.5em;}
h2{font-size: 1.2em;}
h3{font-size: 1.0em;}
h1, h2, h3, p, span, div {margin: 0; padding: 0;}
a img {border: 0;}
a {color: #0000FF; text-decoration: underline; font-weight: normal;}
a:visited {color: #9932CC;}
a:hover {text-decoration: none;}

#all {width: 750px; margin: 10px auto; background-color: #FFFFFF;}

/* *** Header *** */
#header {width: 100%; padding: 0; margin: 0; border-bottom: 5px solid #f4080a; background-color: #bbffaa;}
#boxone {clear: left; float: left; width: 181px; padding: 10px;}
#boxtwo {float: left; padding: 10px 0 0 0; width: 400px;}

#boxthree {float: right; width: 149px;}
#maphelp {float: right; padding: 15px 10px 10px 10px;}
#maphelp a, #maphelp a:visited {color: #000000; text-decoration: none; font-weight: bold;}
#maphelp a:hover {text-decoration: underline;}
#maphelp .active a, #maphelp .active a:visited {text-decoration: underline;}
#kfma {clear: both; float: right; padding: 10px;}

/* *** Left Column with Menu *** */
#leftcol {float: left; width: 150px; clear: left; background-color: #bbffaa; margin: 0; padding: 0;}
#mainmenu {margin: 5px; padding: 5px;}
#mainmenu ul {margin:0; padding-left:0px;}
#mainmenu li {list-style: none !important;margin:0;padding:0;display:block;list-style-image:none !important;}
#mainmenu li a {padding: 4px;display: block; color:#17294d; font-size: 0.9em; font-weight: bold; border-bottom:1px solid #fff;margin-bottom:1px;text-decoration:none;}
#mainmenu li a:hover{background-color:#fff;}
#mainmenu li.active a {color:#ff0000;}
#mainmenu li.active a:hover {background-color:#bbffaa;}

#contactbox {background-color: #fafad2; border: 1px solid #ADFF2F; margin: 5px 5px 8px 5px; padding: 5px; font-size: 95%;}
#contactbox .intouch {color: #ff0000; font-weight: bold; font-size: 125%; padding: 5px 0 5px 0;}
#contactbox .email {color: #ff0000; font-weight: bold; font-size: 100%; padding: 5px 0 5px 0;}
#contactbox p {padding: 5px 0 5px 0;}
#contactbox a, #contactbox a:visited {color: #ff0000; font-weight: bold; text-decoration: underline;}
#contactbox a:hover {text-decoration: none; font-weight: normal;}

/* *** Right Column *** */
#rightcolumn {float: right; width: 570px; margin: 0; padding: 10px 15px 10px 15px;}
#rightcolumn h1 {margin: 0.5em 0 1em 0;}
#rightcolumn .cell1 {clear: left; float: left; width: 275px; margin: 0; padding: 0 10px 0 0;}
#rightcolumn .cell2 {float: right; width: 275px; margin: 0; padding: 0 0 0 10px;}
#rightcolumn a, #rightcolumn a:visited {font-weight: normal;}
#rightcolumn .active a, #rightcolumn .active a:visited {font-weight: bold; text-decoration: none;}
#rightcolumn hr {width: 100%; height: 4px; background-color: #bbffaa;}

/* *** Home Page *** */
.home #centrecol {float: left; width: 410px; margin: 0; padding: 10px 10px 10px 15px;}
.home #centrecol .cellone {clear: both; padding: 0.5em 0 0.8em 0;}
.home #centrecol .celltwo {clear: left; float: left; width: 235px; padding-right: 5px; margin: 0;}
.home #centrecol .cellthree {float: right; width: 160px; padding-left: 5px; padding-right: 5px;}
.home #centrecol .cellfour {clear: both;}
.home .celltwo ul {margin: 0; padding: 0;}
.home .celltwo li {list-style: none !important; margin: 0; padding: 0;display: block; list-style-image:none !important;}
.home .celltwo img {padding: 0 15px 0 0;}
.home #rightcol {float: right; width: 150px; margin: 0; padding: 40px 15px 10px 0;}
.home #rightcol h2 {margin-bottom: 0.8em; text-transform: uppercase; width: 150px; border-bottom: 2px solid #f4080a;}
.home #rightcol a {float: right; margin-bottom: 1em;}

/* *** News and Events Pages *** */
#rightcolumn .events .name {clear: both; float: left; width: 250px; font-size: 1.2em; font-weight: bold; text-decoration: none; color: #000000;}
#rightcolumn .events .name a {font-size: 1.2em; font-weight: bold; text-decoration: none; color: #000000;}
#rightcolumn .events .date {float: left; font-size: 1.2em; font-weight: bold;}
#rightcolumn .events .desc {clear: both; margin: 0.4em 0 1.2em 0;}

/* *** Stallholders Pages *** */
#rightcolumn .stallholders .image {clear: left; float: left; width: 90px;}
#rightcolumn .stallholders .info {float: right; padding-left: 5px; width: 475px;}
#rightcolumn .stallholders .info .company {font-weight: bold; text-transform: uppercase;}
#rightcolumn .stallholders .info .tel {width: 18em;}
#rightcolumn .stallholders .info .email {}
#rightcolumn .stallholders .info .desc {font-style: italic; margin: 0.2em 0 1.2em 0;}
#rightcolumn .stallholders .info .website {margin: 0;}

/* *** Footer *** */
#footer {width: 100%; clear: both; background-color: #000000; padding: 10px 0 10px 0; color: #FFFFFF;}
#footer a, #footer a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
#footer a:hover {text-decoration: underline;}
#footer .active a, #footer .active a:visited {text-decoration: underline;}

#copyright {clear: left; float: left; width: 235px; padding-left: 9px; padding-right: 6px; font-size: 85%;}
#legal {float: left; width: 238px; padding-left: 6px; padding-right: 6px; text-align: center;}
#created {float: right; width: 235px; padding-left: 6px; padding-right: 9px; text-align: right;}
.valid {border: 0; padding-top: 8px;}

/* *** Photo Gallery *** */
#rightcolumn .gallery {margin: 0px;}
#rightcolumn .gallery ul {margin: 0; padding: 0;}
#rightcolumn .gallery li {float: left; list-style: none !important; margin: 0; padding: 0; list-style-image: none !important;}
#rightcolumn .gallery li a {padding: 5px;display: block; font-size: 0.9em; font-weight: bold; margin: 5px;text-decoration:none; border: 2px solid #bbffaa; height: 175px;}
#rightcolumn .gallery li a:hover{border: 2px solid #f4080a;}