/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*End Reset */


body{	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
		margin:0;
		padding:0;
		color:#000;
		background:#B7E4FB url('/images/main_bg_bottom.jpg') repeat-x bottom left;
	font-size:90%;
}

p{
margin:0 0 10px 0;
line-height:1.2em;
}
span.strapline{
font-family:'Georgia';
color:#0085C5;
font-size:1.4em;
font-weight:normal;
}

span.strapline2{
font-family:'Georgia';
color:#0085C5;
font-size:1.4em;
font-weight:bold;
line-height:40px;

}

h1{
color:#666;
font-size:2.1em;
letter-spacing:-3px;
margin-bottom:5px;
}
h2{
color:#666;
font-size:1.5em;
letter-spacing:-2px;
margin-bottom:5px;
}

h3{
color:#666;
font-size:1.2em;
letter-spacing:px;
font-weight:normal;
margin-bottom:5px;
}

h4{
color:#666;
font-size:1em;
font-weight:bold;
margin-bottom:5px;
}

h2.contentHeader{
background:url('/images/content-header.png') no-repeat top left;
width:230px;
height:36px;
color:#fff;
padding:5px 10px;
z-index:50;
position:relative;
font-size:1.1em;
letter-spacing:0px;
margin-bottom:0;
}

	#wrap {
		width:850px;
		margin:0 auto;

		
	}
	#header {
		height:180px;
		background:url('/images/main_bg_top.jpg') repeat-x top left;
	}
#logo{
position:absolute;
left:50px;
}
	#nav {
		width:850px;
		margin:0 auto;
position:relative;
		
	}

	#leftCol{
		float:left;
		width:350px;
margin-right:20px;

		
min-height:300px;
	}

	#midCol{
		float:left;
		width:300px;	
	}

#rightCol{

		float:right;
		width:250px;	
background:#99CC33;
height:100px
}

#mainContent{
background:url("/images/content-bg.jpg") repeat 10px 10px ;
padding:10px  10px 30px;
min-height:300px;	
width:620px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float:left;
}

#submenu{
margin-top:0px;
margin-left:20px;
background:url("/images/content-bg.jpg") repeat 10px 10px ;
padding:10px 10px 30px;
width:150px;
float:left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#submenu ul{
background:#fff;
padding:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


#innerMainContent{
background:#fff;
min-height:300px;
padding: 10px 10px 10px 10px;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.innerMainContent{
background:#fff;
min-height:100px;
padding: 10px 10px 10px 10px;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.innerMainContent a{
color:#666;
font-size:0.9em;
text-decoration:none;
}

.innerMainContent a:hover{
text-decoration:underline;
}



#mainSpacer{
width:100%;
height:150px;
clear:both;
position:relative
}

.flower{
background:url("/images/flowers.png");
height:316px;
width:161px;
position:absolute;
bottom:30px;
left:650px;
z-index:2;
}

.redButton{
background:url("/images/redButton.png");
height:126px;
width:306px;
position:absolute;
bottom:0px;
left:0px;
z-index:2;
}
.redButton h4{
margin:45px 70px 0 30px;
color:#FFCC00;
font-size:1.2em;
text-transform:uppercase;
}

.redButton p{
margin:10px 70px 0 30px;
color:#fff;
}


.redButton a{
color:#fff;
}
	#footer {
background:#99CC33;
		clear:both;
		padding:5px 10px 15px 10px;
	
}

	#footer p, #footer a{
color:#fff;
	
}


#foot-left{
width:350px;
float:left;
margin-right:60px;
}

#foot-right{
width:320px;
float:left;
}

#footer h3{
background:#80B31A;
margin:10px 0;
padding:5px;
color:#fff;
}

a.wallLink{
padding:15px;
background:#80B31A;
margin:40px 0;
font-size:1.3em;
background:url("/images/wallLink-bg.jpg") repeat 10px 10px ;
color:#fff;
text-decoration: none;
line-height:30px;
}

.content-inner{
background:url("/images/content-bg.jpg") repeat 10px 10px ;
padding:30px 10px 10px 10px;
margin-top:-36px;
margin-left:10px;
z-index:-50;
height:100%;

}
/*Menu Style*/

#nav ul {
display:inline;
}

#nav li {
list-style-type:none;
display:inline;
float:left;
}

#nav a#item1 {
width:113px;
height:190px;
display:block;
background:url("/images/menu/menu_1.png") 0 0 no-repeat;
text-decoration:none;

}

#nav a#item2 {
width:134px;
height:190px;
display:block;
background:url("/images/menu/menu_2.png") 0 0 no-repeat;
text-decoration:none;

}

#nav a#item3 {
width:137px;
height:190px;
display:block;
background:url("/images/menu/menu_3.png") 0 0 no-repeat;
text-decoration:none;

}

#nav a#item4 {
width:154px;
height:190px;
display:block;
background:url("/images/menu/menu_4.png") 0 0 no-repeat;
text-decoration:none;

}

#nav a#item5 {
width:148px;
height:190px;
display:block;
background:url("/images/menu/menu_5.png") 0 0 no-repeat;
text-decoration:none;

}

#nav a#item6 {
width:154px;
height:190px;
display:block;
background:url("/images/menu/menu_6.png") 0 0 no-repeat;
text-decoration:none;

}


#nav a#item1:hover,#nav a#item4:hover,#nav a#item2:hover,#nav a#item3:hover,#nav a#item5:hover, #nav a#item6:hover {
background-position:0 -208px;
color:#E9BE75;
}


body#index #nav a#item1, body#AboutBees #nav a#item2, body#help #nav a#item4, body#Pictures #nav a#item5, body#getintouch #nav a#item6{
background-position:0 -208px;
}

#visionButton{
width:69px;
float:right;
position:absolute;
bottom:70px;
left:610px;
z-index:20;
display:none;
}

#midCol li{
margin-bottom:20px;
}
#midCol em{
font-weight:bold;
}

#ContactForm{
width:75%;
}

#ContactForm fieldset{
border:none;
}

#ContactForm legend{
font-size:1.3em;
letter-spacing:-1px;
color:#666;
font-weight:bold;
}

#ContactForm textarea{
width:100%;
font-size:1.5em;
color:#666;
font-weight:bold;
margin-top:-10px;
}

#ContactForm label{
font-size:large;
letter-spacing:-1px;
color:#0085C7;
display:block;
}

#ContactForm input{
width:12em;
font-size:1.2em;
color:#666;
margin-bottom:10px;
}

#submitter{
padding:5px;
border:none;
font-size:large;
background:#F6E914;
border:1px solid #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width:70px;
color:#000;
}

#submitter:hover {
  color: #F6E914;
  background: #000;
}
#container fieldset{
border:none;
}

#container legend{
font-size:1.3em;
letter-spacing:-1px;
color:#666;
font-weight:bold;
}

#container textarea{
width:100%;
font-size:1.5em;
color:#666;
font-weight:bold;
margin-top:-10px;
}

#container label{
font-size:large;
letter-spacing:-1px;
color:#0085C7;
display:block;
}

#container input{
width:12em;
font-size:1.2em;
color:#666;
margin-bottom:10px;
}


.wordCount{
font-size:2em;
color:#ccc;
letter-spacing:-2px;
}

.error{

color:#ff0000;
}


#container #submitter{
padding:5px;
border:none;
font-size:large;
background:#F6E914;
border:1px solid #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width:70px;
color:#000;
}

#container #submitter:hover {
  color: #F6E914;
  background: #000;
}