/* CSS Document */

body {padding: 0; margin: 0; text-align: center; background: url(../images/layout/mainBack.gif) repeat-y center top;}
body, td, th {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}



#wrapper {padding: 0; margin: 0 auto; width:800px;}
#wrapperInner {float: left; width:800px; padding: 0; margin: 0; background-color:#FFFFFF; text-align: left; position: relative;}

#banner {position: relative; background-image:url(/images/layout/Banner.jpg); background-repeat: no-repeat; width: 800px; height:150px; background-color:#CC0000;}

#navContainer {float: left; width: 800px; text-align: left;  font-size: 0.75em; margin: 0; background-color:#101a4d; padding: 8px 0;}

#navContainer ul {padding: 0; margin: 0; list-style: none;}
#navContainer ul li {padding: 0 15px; position: relative; float: left; width: auto; white-space: nowrap;}
#navContainer ul li:hover ul {display: block; background-color:#101a4d; padding: 10px 0 5px 0; z-index: 100; }
#navContainer ul li a {padding: 4px 0; height: 18px; text-decoration: none;  color: #fff; display: block; text-transform: capitalize; text-align: center; background-image:url(../images/layout/under_link_1st.gif); background-repeat: repeat;}
#navContainer ul li a:hover {background-repeat: no-repeat; background-image:url(/images/layout/under_link.gif); background-position: center 18px;}
#navContainer ul li ul {position: absolute; top: 22px; left: 0px; display: none; }
#navContainer ul li ul li { margin: 0 0 3px 0; width: 100px; }
#navContainer ul li ul a { display: block; font-size: 0.95em; color:#fff; white-space:nowrap; padding: 0; width: 100px; text-align: left;}
#navContainer ul li ul a:hover {background-position: center 12px;}

#navContainer ul li a#active, #navContainer ul li ul a.subactive {color: #FFCC00;}

#contentOuter {width: 800px; text-align: left; font-size: 0.7em; color: #333; line-height: 1.7em;}

#contentOuter a {color:#10104d;}

#left { width: 280px; padding: 15px 15px 0 15px; float: left;}

#left ul {padding: 0; margin: 0; list-style-type: none; text-transform: capitalize;}
#left ul li a {border-bottom: 1px solid #999; display: block; width: 270px; padding: 7px 5px 2px 5px; text-decoration: none;}
#left ul li a:hover {background-color:#F2F3F4;}
#left .subactive {font-weight: bold;}

#left img {margin: 0; padding: 0; border: 0px; float: left;}

#right { width: 460px; padding: 15px 0 20px 15px; float: left;}

#right ul {list-style-type:square;}

#homeright {width: 475px; padding: 15px 0 0 0; float: left;}

#footerTop {position: relative; width: 800px; clear: both; text-align: right; padding: 0; font-size: 0.75em; background: url(../images/layout/foot-text.gif) no-repeat 547px center; color: #fff; height: 40px;}
#footer {position: relative; width: 780px; float: left; clear: both; text-align: left; padding: 10px; font-size: 0.7em; background-color: #101a4d; color: #F3F3F3}

#footer ul { list-style-type: none; margin: 0; padding: 0; display: inline;}
#footer li { display: inline; padding: 0 25px 0 0; margin: 0;}
#footer a {color: #f3f3f3; text-decoration: none; }

/******************** HOME ******************/


#mainImage {position: absolute; top: 192px; right: 0;}

#threeLinks {position: relative; margin: 259px 0 0 0; padding: 0; height: 1px;}

.threeLink, .threeLinkFirst {width: 138px; float: left; margin: 0 0 15px 15px; background: #c40009 url(../images/layout/arrow.gif) no-repeat 128px 7px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color:#fff; padding: 2px 0 0 5px;}

#contentOuter .threeLink a, #contentOuter .threeLinkFirst a {color: #fff; text-decoration: none;}

.threeLink img, .threeLinkFirst img {padding: 3px 0 0 0; margin: 0 0 0 -5px ; display: block; border: 0;}

#oblongHome {width: 460px; clear: both; background-color:#999999; height: 150px; margin: 0 0 0 15px;}

/*************   GROWERS  ****************/

.infoTable {width: 210px; float: left;}

#commentsGrow {float: left; width: 460px; clear: both;}

.threeLinkG, .threeLinkGFirst {width: 138px; float: left; background: #c40009 url(../images/layout/arrow.gif) no-repeat 128px 7px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color:#fff; padding: 2px 0 0 5px;}

.threeLinkGFirst { margin: 0 0 15px 0;}

.threeLinkG { margin: 0 0 15px 15px; }

#contentOuter .threeLinkG a, #contentOuter .threeLinkGFirst a {color: #fff; text-decoration: none;}

.threeLinkG img, .threeLinkGFirst img {padding: 3px 0 0 0; margin: 0 0 0 -5px ; display: block; border: 0;}

.threeLinkGTwoCol {width: 300px; float: left; background: #c40009; height: 173px; padding: 0; margin: 0 0 15px 15px;}



/*************   CLASSES   ****************/

.offLeft {position: absolute; left: -9999px;}

/*************   CONTACT   ****************/

form#enqForm fieldset {float: left; width: 270px; margin: 0 0 10px 0;}

form#enqForm legend {color: #10104d; font-weight: bold; padding: 0 10px;}

.enqCell {padding: 2px 5px; float: left; width: 260px; clear: both;}

.enqCell label {float: left; width: 110px; clear: left; }

.enqCell input {border: 1px solid #999;}

#enqRadio label {float: left; width: auto; padding: 0 0 0 5px;}

 th, td {text-align: left; vertical-align: bottom; border-bottom: 1px solid #999;}
 
 caption {color: #10104d; font-weight: bold;}

#contactMap {background: url(../images/map.jpg) no-repeat; width: 220px; height: 192px; float: right; margin: 0 0 10px 10px;}

/**************** NOTICE BOARD **********************/

.newsSummaryContainer { padding: 0 0 5px; margin: 0 0 10px; border-bottom: 1px solid #999; }

/*************** WHY MARKIES **********************/
#WHYleft { width: 370px; padding: 0 15px 0 15px; float: left;}
#WHYright { width: 370px; padding: 0 0 20px 15px; float: left;}

h3.marginh3 {margin: 13px 0 7px 0;}

.whygrowersTicks {width: 370px; height: 197px; background-image:url(../images/whyGrow.jpg); background-repeat: no-repeat;}

.whychippieTicks {width: 370px; height: 197px; background-image:url(../images/whyChippie.jpg); background-repeat: no-repeat;}

.whytop {padding: 55px 0 0 15px;}

.whytop h2 {display: inline;}