* {padding: 0; margin:0;}

html {font-family: Times, serif;
	}
	
body{padding: 5em 0 5em 0;}

 a:link { text-decoration:none }
 a:visited { text-decoration:none;
 			color:#5e9f38;}
 a:hover { text-decoration:underline;}
 a:active { text-decoration:none }
	
h2 {font-style: italic}
	
h3 {font-style: italic}

form {
	background: #ffcc33;
	border: 2px black solid;
	padding: 5px;
	}

img {padding: 2px;}
	
th {
	text-decoration: underline;
	text-align: center;
	}

td {
	padding: 0 0.2em;
    text-align: center;
    }
	
/* begin Basic Layout----------------------------------------------------------*/

div#wrap {
	margin-left: auto;
	margin-right: auto;
    width: 52em;
	}
	
div#header {
	height: 6.2em;
	background: #5e7b38 url(newbanner.gif) no-repeat 19em 1.5em;
	}
	
div#logo{
	background: url(brownlogo.gif) no-repeat;
	height:250px;
	width:278px;
	position: absolute;
	margin-top: -1.8em;
	margin-left: -43px;
	}
	
/* middle div contains the main content area and the green navigation coulmn on the
left side of the page*/

div#middle {
	background-color: #5e7b38;
	}
	
/* begin nav column styling-----------------------------------------------------*/
div#navcol {
	width: 11.125em;
	position: relative;
	margin-top: 8em;
    float: left;
	}
	
#navcol ul {
  	list-style-type: none;
	}  
	 
div#navbox{
	text-align: center;
	}
	
div#contactinfo{
	text-align: center;
	background:#5e8a38;
	width: 9em;
	margin: 0 auto;
	padding: .3em;
	}
	
#navbox a {
	display:block;
}
div#navbox a:link { color: #FFF; }
div#navbox a:visited {color: #FFF; }

#navbox	a:hover{
	background: url(linkBackground.gif) no-repeat .75em 0em;
	color: #FFF;
	text-decoration: none;
	}
	
#Home #navHome a, #WhyCSA #navWhyCSA a, #CSAInfo #navCSAInfo a, #Employment #navEmployment a, #FarmersMarkets #navFarmersMarkets a, #ThisWeeksBox #navThisWeeksBox a, #OurOrganicPledge #navOurOrganicPledge a, #AboutUs #navAboutUs a, #BuyLocal #navBuyLocal a, #OrganicResources #navOrganicResources a{
	background: #f4ba3d;
	font-weight: bold;
	color: #000;
	}
	

/* end of layout styling for green column on left-----------------------------*/
/*begin main content area layout styling---------------------------------------------*/
	
div#mainbottomrightcorner{
	margin-left: 11.125em;
    margin-right: 1em;
    background: #FFF;
	background-image: url(mainbottomrightcorner.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}

div#mainbottomleftcorner{
	background-image: url(mainbottomleftcorner.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}

div#mainupperrightcorner{
	background-image: url(mainupperrightcorner.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}
	
div#main {
	position: relative;
	padding: 1.5em 1em 2em 1em;
	text-align: justify;
	overflow: hidden;
	}

/*--------------------------------------------------------------------*/
div#foot {
    background: #5e7b38;
    padding: 0;
    clear: both;
	height: .5em;	
	}

/* general element styling-------------------------------------*/
#main ul{
	list-style-type: bullet;
	font-style: italic;
	margin-left: 2em;
	}
	
#main h2{
	margin-left: 1.5em;
	text-align: left;
	}

#main h2.slogan {
	position: relative;
	margin-right: 1em;
	text-align: right;
	color: #533813;
	font-style: italic;
	}

.clear{
	clear: both;
	}
	
.imageright{
	float: right;
	margin: .2em 0em 0em .5em;
	}

.imagecenter{
    display: block;
    margin: .3em auto;
    }
    
.imageleft{
	float: left;
	margin: 0.2em .5em 0 0;
	}
	
div.caption{
	text-align:center;
	font-family: Times, serif;
	font-size: 90%;
	padding: .2em;
	}

/* individual page styles -------------------------------------------*/

#bodyHome #main{padding: .5em 1em 2em 1em;}

#bodySignUpThankYou #main{
	text-align: center
	}
	
#bodyFarmersMarkets #main h3{
	text-align: center;
	text-decoration: underline;
	}
	
#bodyFarmersMarkets img{
	border: 0px
	}

/*This Weeks Box and Box customization pages*/
div#signinbox{
	float: right;
	width: 12.5em;
	text-align: center;
	margin-right: 2em;
	margin-left: 1em;
	}
	
div#signinfields{
	text-align: left;
	padding: 5px;
	}
	
div#signinfields input{
	margin-bottom: 2px;
	}

div#itemlist ul{
	list-style-type: none;
	font-weight: bold;
	}
	
div#itemlist a:link { text-decoration:none; color: #000; }
div#itemlist a:visited { text-decoration:none; color: #000;}
div#itemlist a:hover { text-decoration:underline; color: #000;}
div#itemlist a:active { text-decoration:none; color: #000;}
	
div#itemlist img {vertical-align: middle;}
	
body#mainapplication img, div#bodyThisWeeksBox img, body#boxcreationadmin img, body#ordersummary img, body#addproducts img{ 
	border: none;
	}
	
div#links {margin-right: 2em}

div#links ul li{
	display: inline;
	float: right;
	padding: 0 .5em;
	}
	
div#yourboxcontains, div#availablevegetables, div#otheritems{
	position: relative;
	}	
	
div#yourboxcontains form{
	float: right;
	width: 8em;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -2em;
	}
	
div#availablevegetables form{
	float: right;
	width: 8em;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -5em;
	}
	
div#otheritems form{
	float: right;
	width: 8em;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -4em;
	}
	
.fineprint{
	font-size: 70%;
	padding: 2px;
	}
	
#mainapplication table{
	width: 28em;
	}
	
legend {
	font-weight: bold;
	}

/* define app table column widths */
#itemcolumn {text-align: left;} 
#pricecolumn{width: 30%;}
#extracolumn{width: 18%;}
#removecolumn{width: 8%}
#addcolumn{width: 7%}

div#yourboxcontains th#itemcolumn {width: 50%;} 
div#yourboxcontains th#pricecolumn {width: 25%;} 
div#yourboxcontains th#removecolumn {width: 25%;} 

div#availablevegetables th#itemcolumn {width: 50%;} 
div#availablevegetables th#pricecolumn {width: 15%;} 
div#availablevegetables th#extracolumn {width: 20%;} 
div#availablevegetables th#addcolumn {width: 15%;} 

div#otheritems th#itemcolumn {width: 60%;} 
div#otheritems th#pricecolumn {width: 5%;} 
div#otheritems th#extracolumn {width: 20%;} 
div#otheritems th#addcolumn {width: 15%;} 
/*---------------------------*/	

.itemcolumn {text-align: left}

input#buttoncenter{
	display: block;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	}
	
body#boxcreationadmin table {width: 36em;}

	
ul.adminbuttons li {
	display: inline;
	}
	
ul.adminbuttons {
	text-align: center;
	list-style-type: none;
	}
	
div#administrationdiv table td, div#administrationdiv form{text-align: left;}


div#createweek form{width:12em;}
div#createweek table{width:11em;}

body#boxcreationadmin textarea {width: 43em; height: 10em;}

ul#deliverypoints {list-style-type: none;}

.itemdescription {
	font-style: normal;
	font-weight: normal;
	display: block;
}

#authMessage {
	background: #990000;
	color: #FFF;
	text-align: left;
	padding: 5px;
}

#flashMessage {
	background: #F4BA3D;
	text-align: center;
	padding: 4px;
}

a.button  {
	display: block;
	background-image: url(buttonbackground.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: white;
	padding: 3px;
	width: 4em;
	text-align: center;
}

.input {
	clear: both;
	padding: 3px;
}

.input label {
	display: block;
	float: left;
	width: 100px;
}

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	padding-top: 150px;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}