@charset "utf-8";
/* CSS Document */
body {
	background-color: #36170D;
	padding-bottom: 100px;
	background-image: url(images/darkwoodtex.jpg);
	min-width: 700px;
	margin-top:0px;
	margin-bottom: 25px;
}
img {
	border-style:none;
	text-decoration:none;
}
/*main navigation*/
 #menu {
 width: 884px; height: 275px;
 margin-top:0%;
	margin-left: auto;
	margin-right: auto;border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;}

#navigation {
    width: 884px; height: 100px;
    background: url(images/nav.jpg);
    margin: 0px auto; padding: 0;
    position: relative;}

  #navigation li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #navigation li, #navigation a {
    height: 100px; display: block;}
  #about {left: 0; width: 193px;}
  #volunteer {left: 194px; width: 215px;}
  #fairtrade {left: 410px; width: 208px;}
  #events {left: 619px; width: 150px;}
  #blog {left: 770px; width: 114px;}
  #about a:hover {
    background: transparent url(images/nav.jpg)
    0 -100px no-repeat;}
  #volunteer a:hover {
    background: transparent url(images/nav.jpg)
    -194px -100px no-repeat;}
  #fairtrade a:hover {
    background: transparent url(images/nav.jpg)
    -410px -100px no-repeat;}
  #events a:hover {
    background: transparent url(images/nav.jpg)
    -619px -100px no-repeat;}
  #blog a:hover {background: transparent url(images/nav.jpg)
    -770px -100px no-repeat;}

/*banner div*/
#banner {
	width:884px;
	height:320px;
	z-index:2;
	margin-left: auto;
	padding-bottom: 0px;
	margin-right: auto;
	position: relative;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}

/*flash elements*/
#flash_contain {
	position:relative;
	width: 880px;
	height: 300px;
	background-color: #333300;
	padding:0px 0;
	margin:0 auto;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
}
#flash{
	width:460px;
	position:relative;
	text-align:center;
	outline-style:solid;
	outline-width:1px;
	outline-color:#000000;
}
/*main content*/
#frontbar {
	width: 250px;
	position:absolute;
	right: 5%;
	text-align:center;
}

#content {
	position:relative;
	width:500px;
	z-index:1;
	background-color: #CCCD67;
	padding-top: 25px;
	padding-left: 250px;
	padding-right: 134px;
	padding-bottom: 100px;
	margin-left: auto;
	overflow: visible;
	margin-right: auto;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.heading {
	font-size: 36px;
	color: #502D0D;
	font-family: Georgia, Times New Roman, Times, serif;
}
.subheading {
	font-size: 24px;
	color: #502D0D;
	font-family: Georgia, Times New Roman, Times, serif;
}

.copy {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #330000;
	line-height: 150%;
}
#subnav {
	float:left; 
	width:175px; 
	background-color:#502D0D; 
	position:absolute;
	top: 50px;
	left:15px; 
	padding:15px; 
	text-align:center; 
	-moz-border-radius:10px;
	-moz-box-shadow: 5px 5px 5px #212121;
}
.subnav {
	color:#CCCD67;
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 18px;
}
#footer {
	width:884px;
	height:25px;
	z-index:2;
	background-color: #502D0D;
	position: absolute;
	padding-top: 12.5px;
	left: 0%;
	bottom: 0%;
	margin-left: auto;
	margin-right: auto;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
}
.footer {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #cccd67;
}
a#info {
	color:#CCCD67;
}

a {color: #36170D;
font-style:none;}

a:hover {color: #36170D;
font-style: underline;}

/*front page specific*/
#front_banner {
	width:884px;
	height:300px;
	z-index:2;
	margin-left: auto;
	padding-bottom: 0px;
	margin-right: auto;
	position: relative;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}

#front_content {
	position:relative;
	z-index: 1;
	background-color: #CCCD67;
	width:834px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 25px;
	padding-bottom: 100px;
	padding-left:25px;
	padding-right:25px;
	overflow: visible;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#front_spacer {
	width:884px;
	height:50px;
	color:#cccd67;
}
#main_columns
{
	width: 854px;
	float: left;
	z-index: 2;
	padding-left: 15px;
	padding-right: 15px;
	color: #ccd667;
	text-align: left;
	position:relative;
	background-color: #CCCD67;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-left: auto;
	overflow: visible;
	margin-right: auto;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


#storeinfo, #newsletter, #social_networking
{
	float: left;
	width: 260px;
	margin-right: 25px;
	position:relative;
}
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */