/* styles for www.redclaynb.org */

/* Begin Basic Styles */ 
body {
	color: #333;
	background-color: #FFFFCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link, a:visited {
	color:#996600;
	text-decoration: none;
	}
a:hover, a:active {
	color:#996600;
	text-decoration: underline;
}
.center {
	text-align: center;
}	
h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 26px;
	color: #990000;
	text-align: center;
}
h2 {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	display:block;
}
h3 {
	font-size: 14px;
	font-weight: bold;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
img {
	border-collapse: collapse;
	border: none;
}
img.border {
	border: 1px solid black;
}
/* End Basic Styles */

/* Begin Layout Styles */
#frame {
	width: 760px;
	background-color: #990000;
	margin-left: auto;
	margin-right: auto;
}
#body {
	padding-top:26px;
	padding-bottom:16px;
	margin-left: auto;
	margin-right:auto;
	width: 672px;
}
#header {
	background-image: url(imgs/bkg_top.jpg);
	background-repeat: no-repeat;
	background-color:#F9E9AB;
	background-position: top center;
	text-align:center;
	vertical-align:middle;
	width:672px;
}

/*begin navigation styles*/

#nav {
	height: 32px;
	margin:0px;
	padding-left:35px;
}
#nav li {
    list-style:none;
    display:inline;
}
#nav a {
	text-decoration:none;
	float:left;
	padding: 0px 4px;
}
.natbuild a{
	width:150px;
	background-image:url(imgs/natbuild_btn.jpg);
	background-repeat:no-repeat;
}
.natbuild a:hover{
	background-position: 0px -32px;
}
.about a{
	width:90px;
	background-image:url(imgs/about_btn.jpg);
	background-repeat:no-repeat;	
}
.about a:hover{
	background-position:0px -32px;
}
.services a{
	width:92px;
	background-image:url(imgs/services_btn.jpg);
	background-repeat:no-repeat;	
}
.services a:hover{
	background-position: 0px -32px;
}
.contact a{
	width:83px;
	background-image:url(imgs/contact_btn.jpg);
	background-repeat:no-repeat;	
}
.contact a:hover{
	background-position: 0px -32px;
}
.events a{
	width:83px;
	background-image:url(imgs/events_btn.jpg);
	background-repeat:no-repeat;
}
.events a:hover{
	background-position: 0px -32px;
}
.photos a{
	width:56px;
	background-image:url(imgs/photos_btn.jpg);
	background-repeat:no-repeat;	
}
.photos a:hover{
	background-position: 0px -32px;
}
.resources a{
	width:84px;
	background-image:url(imgs/resources_btn.jpg);
	background-repeat:no-repeat;
}
.resources a:hover{
	background-position: 0px -32px;
}
/* end navigation styles */
/* Begin Natural Building Page Styles */
#subnav {
	margin-left:auto;
	margin-right:auto;
	padding:20px 40px 0px 0px;
	width:540px;
}
#subnav ul{
	height: 61px;
	margin:0px;
}
#subnav li {
    list-style:none;
    display:inline;
}
#subnav a {
	text-decoration:none;
	float:right;
}
.hot_phil {
	float:left;
}
.hot_mat{
	float: right;
}
.materials a{
	height:61px;
	width:203px;
	background-image: url(imgs/techniques_btn.jpg);
	background-repeat:no-repeat;
}
.materials a:hover{
	background-position:0px -61px;
}
.philosophy{
		float:left;
}
.philosophy a{
	width:189px;
	background-image: url(imgs/philo_btn.jpg);
	background-repeat:no-repeat;
}
.philosophy a:hover{
	background-position:0px -61px;
}
.phil_img, .mat_img{
   font-size: 10px;
   text-align: center;
   margin-top: 40px;
	display: inline;
	width:255px;
}
.phil_img {
   float: right;
   padding: 0px 20px 21px 10px;	
}
.mat_img{
	float: left;
	padding:0px 10px 21px 30px;
}
.phil_img img, .mat_img img{
	padding-bottom:5px;
}
#phil_menu{
	float:left;
	text-align:center;
	padding:40px 20px 20px 0px;
	width:250px;
}
#phil_menu a{
	padding:20px 0px;
}
#phil_menu li{
	list-style: none;
	padding-bottom:30px;
}
#mat_menu{
	float:right;
	text-align:center;
	padding:30px 40px 30px 20px;
	width:250px;
	font-weight:bold;
}
#mat_menu_left a, #mat_menu_right a{
	padding:25px 0px;
	display:block;
}
#mat_menu_left{
	float:left;
	padding-right:5px;
}
#mat_menu_right{
	float: right;
	padding-left:5px;
}
#phil_body{
	margin-top:370px;
	padding:20px;
}
#phil_body a{
	padding:10px 0px;
	display:block;
}
#phil_body p{
	padding:0px 25px; 
}
#mat_body{
	width:642px;
}
#mat_body, #mat_body_right, #mat_body_left {
	background-color:#F9E9AB;
	color: #990000;
}
#mat_body_right, #mat_body_left{
	text-align:center;
	width: 275px;
}
#mat_body_right a, #mat_body_left a{
	padding: 10px 0px;
	display:block;
}
#mat_body_right img, #mat_body_left img{
	padding:10px 0px;
}
#mat_body_right p, #mat_body_left p{
	text-align:left;
}
#mat_body_right p.crumb_ctr, #mat_body_left p.crumb_ctr{
	text-align:center;
}
#mat_body_left{
	float: left;
	display:inline;
	padding:0px 10px 0px 30px;
	margin-top: 20px;
}
#mat_body_right{
	float: right;
	display:inline;
	padding:0px 30px 0px 10px;
	margin-top: 14px;
}
.masonry{
	padding:27px 0px 63px 0px;
}
.strawbale{
	padding-bottom:7px;
}
.cob{
	padding-top:19px;
}
.slipstraw{
	padding:15px 0px 44px 0px;
}
.roofs{
	padding:5px 0px 6px 0px;
}
.floors{
	padding:40px 0px 45px 0px;
}
/* End Natural Building Page Styles */
#index_imgs, #index_content, #content, #contact, #resource_content, #contact{
	background-color:#F9E9AB;
	color: #990000;
	overflow:hidden;
}
#mat_body, #mat_body_right, #mat_body_left, .instructors, .instr_img, .instr_copy, .contact_intro, .contact_img, #contact_in{
	background-color:#F9E9AB;
	color: #990000;
}
#index_imgs{
	padding: 40px 15px 5px 15px;
	text-align:left;	
}
#index_imgs img{
	padding: 0 15px 0 10px;
}
#index_content, #content{
	padding: 30px 15px;
	font-size: 16px;
}
#resource_content {
	padding:30px 45px;
	font-size: 16px;
}
#index_content p{
	padding:0 60px 0 60px;
	text-align:left;
	line-height:1.5em;
	letter-spacing: .2px;
}
#index_content img {
	padding-top: 20px;
}
.instructors{
	padding:10px 15px 25px 15px;
	vertical-align:top;
	height:400px; 
}
.instr_img {
	width:200px;
	float:left;
	display:inline;
	text-align: center;
}
.instr_img img{
	padding-bottom: 20px;
}
.instr_copy{
	float: right;
	display:inline;
	width:400px;
}
.instr_copy p{
	padding-bottom: 20px;
}
#contact {
	font-size: 20px;
	padding:20px;
	text-align: center;
}
#contact p {
	padding-bottom: 30px;
}
.contact_intro{
	padding:10px 80px 0px 80px;
}
#contact_in {
	padding: 70px 30px 0px 30px;
	width:300px; 
}
.contact_img {
	font-size: 12px;
	text-align:center;
	padding:20px 8px 20px 15px;
	float: right;
	display:inline;
	width:260px;
}
.contact_img img{
	padding-bottom:5px;
}
#footer {
	padding-top:10px;
	padding-bottom:10px;
	margin:0px auto 20px auto;
	width: 672px;
	background-image: url(imgs/bkg_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#F9E9AB;
	text-align:center;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#footer a{
	text-decoration: none;
}
#img_r {
        float: right;
        padding: 0px 7px 21px 21px;
        display: inline;
        font-size: smaller;
        text-align: center;
        margin-top: 20px;
}
#img_l {
        float: left;
        padding: 0px 21px 21px 7px;
        display: inline;
        font-size: smaller;
        text-align: center;
        margin-top: 20px;
}
#img_center {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	
}
.underline{
	text-decoration: underline;
}
.link_body{
	display: block;
}
.index {	/* Text enlargement for home, index pages */
	font-size:1.3em; 
	line-height:1.2em;
}
.crumb, .crumb_ctr {
	font-size:10px;
}
.crumb a, .crumb_ctr a{
	color:#996600;
}
.crumb a:hover, .crumb a:active, .crumb_ctr a:hover, .crumb_ctr a:active{
	font-weight:bold;
}
.crumb_ctr{
	text-align: center;
}
.adminnav {
        font-size: 10px;
        padding: 16px 4px 4px 16px;
        vertical-align: top;
        width: 120px;
}

.adminctr {
        font-size: 14px;
        padding: 16px 12px 16px 12px;
        vertical-align: top;
}
.rg {
        background-color: transparent;
}
.rw {
        background-color: white;
}
.calhead {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
}
.login {
	width: 590px;
	padding:14px;
	color: white;
}
/* End Layout Styles */