@charset "UTF-8";
/* CSS Document */
 body {
	margin:0px;
	font:Arial;
	font-family:Arial;
	font-weight:100;
	font-size:13px;
	color:#525252;
	background: white url(../images/bg_tile.jpg) repeat-x center top;
}
 
 /*containers*/
 
 #wrapper{
	width:960px;
	margin: 0 auto;
 }
 
 #header{
	 width:940px;
	 height:120px;
	 padding:10px;
	 margin-bottom:10px;
 }
 #mainNav{
	 width:940px;
	 height:20px;
	 padding:10px;
	 background-color: #2a4b11;
	 margin-bottom:10px;
	 font-weight:bold;
 }
 #branding_image{
	 width:960px;
	 height:293px;
	 margin-bottom:10px;
 }
 #main_content{
	 width:540px;
	 margin-bottom:40px;
	 padding:10px;
	 float:left;
 }
 
 #staff{
 	 width:540px;
 	 padding: 0 10px;
 	 float:left;
 }
 
 #staff .headshot{
 	 width:140px;
 	 padding:10px;
 	 float:left;
 }
 
 #staff .bio{
 	 width:360px;
 	 padding:10px;
 	 float:left;
 }
 
#workshops{
	width:540px;
	float:left;
	padding:10px;
} 

#workshops a{
	color: #705f00;
	text-decoration: none;
} 

#workshops a:hover{
	color: #705f00;
	text-decoration: underline;
} 

#workshops .item{
	float: left;
	margin-bottom: 15px;
	border: 1px dotted silver;
}

#workshops .item:hover{
	background-color: #f9f2cc;
}  
 
 #workshops .photo{
 	 width:140px;
 	 padding:10px;
 	 float:left;
 }
 
 #workshops .description{
 	 width:350px;
 	 padding:10px;
 	 float:left;
 }
 #workshops .button { 
	margin-top: 10px;
	width: 140px;
	padding: 0px; 
	position: relative; 
	float: left;
	border: none;
}

 #workshops .button a{ 
	color: white;
}
 
 #right_rail{
	width:360px;
	float:right;
	margin-bottom:40px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#details {
	padding: 0 20px 10px 25px;
	margin-bottom: 15px;
}
 
#newsletter_box {
	width:360px;
	float:left;
	margin-bottom:20px;
}
#contact_box{
	width:360px;
	float:left;	
} 

#footer{
	width:940px;
	height:50px;
	float:left;
	padding:10px;
/*	background-color: #2a4b11;*/
}


/*Classes*/

.logo{
	width:520px;
	height:120px;
	float:left;
}
.secondaryNav{
	width:390px;
	height:20px;
	margin-top:50px;
	float:right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#main_content .content {
	padding-left:25px;
	padding-bottom:25px;
}

#footer .legal{
	font-size:12px;
	color:#777;
	padding-top: 10px;
	padding-left: 25px;
	}
#contact_box .header{
	background-color: #e0be00;
	color:white;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#right_rail .header{
	background-color: #e0be00;
	color:white;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
#contact_box .content{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 25px;
}

#newsletter_box .header{
background-color: #ffffff;
margin: 0px;
padding: 0px;
	
}

#newsletter_box .content{
	background-color: #e3e3e3;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 25px;
	float: left;
}
/*Typography*/

h1{
	font-family:Arial;
	font-weight:100;
	font-size:24px;
	padding:0px;
	color: #e0be00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
p {
	font-family:Arial;
	font-weight:100;
	font-size:13px;
	color:#525252;
	line-height:18px;
	margin:0px;
	padding:0px;
}

#mainNav li a {
	text-decoration:none;
	color:#fff ;
}

#mainNav li a:hover {
	text-decoration:underline;
	color:#fff ;
}


#accordion h3{
	text-transform:uppercase;
}

#accordion2 h3{
	text-transform:uppercase;
}

#accordion3 h3{
	text-transform:uppercase;
}

/*Navigation*/

#mainNav ul {
	list-style:none;
	margin:0px;
	padding:0px;
	color:#fff;
	font-family:Arial;
}
#mainNav li {
	float:left;
	line-height:18px;
	padding-left:25px;
	display:block;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	text-transform:uppercase;
	font-size:12px;
}

#mainNav .first{
	padding-left:20px;
}

#mainNav .divider{
	padding:0px;
}

.secondaryNav ul {
	list-style:none;
	float:right;
	margin:0px;
	padding:0px;
	font-family:Arial;
}
.secondaryNav li {
	float:left;
	line-height:18px;
	padding-left:7px;
	display:block;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	text-transform:uppercase;
	font-size:12px;
}

.secondaryNav li a {
	color: #152609;
}

.secondaryNav li a:hover {
	color: #2a4b11;
}

div.box { 
	width:300px;
	display: block;
	float: left; 
} 
div.box h1 { 
	color:#ffffff; 
	font-size:18px; 
	text-transform:uppercase; 
	padding:5px 0 5px 5px; 
	border-bottom:1px solid #161712; 
	border-top:1px solid #161712; 
} 
div.box label { 
	width:100%; 
	display: block; 
	background: transparent; 
	padding:10px 0 10px 0; 
} 
div.box label span { 
	display: block; 
	color:#bbbbbb; 
	font-size:12px; 
	float:left; 
	width:100px; 
	text-align:right; 
	padding:5px 20px 0 0; 
} 
div.box .input_text { 
	padding:10px 10px; 
	width:200px; 
	border-bottom: 1px double #585858; 
	border-top: 1px double #7f7f7f; 
	border-left: 1px double #b1b1b1; 
	border-right: 1px double #474747;
	margin-right: 5px;
	float: left;
	background-image: url(../images/email_input.jpg);
} 
div.box .message{ 
	padding:7px 7px; 
	width:350px; 
	background:#262626; 
	border-bottom: 1px double #171717; 
	border-top: 1px double #171717; 
	border-left:1px double #333333; 
	border-right:1px double #333333; 
	overflow:hidden; height:150px; 
} 
div.box .button { 
	margin: 0px; 
	padding: 10px; 
	background:#e0be00; 
	position: relative; 
	float: left;
	color: white;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #f9f2cc;
}