/* CSS Document */

html, body{
padding:0;
margin:0;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#700000;
background-color:#FFFFFF;
}

/*==========================================================UNIVERSAL*/
a{
text-decoration:none;
color:#700000;
}

p{
margin-top:9px;
margin-bottom:9px;
text-align:justify;
}

/*==========================================================TEMPLATE*/
div#container{
width:1002px;
height:578px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
background-color:#540c11;
overflow:hidden;
}

div#inner{
width:998px;
height:574px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
margin-top:2px;
text-align:left;
}

div#header{
height:116px;
background-image:url(../images/header.jpg);
overflow:hidden;
}

div#menu{
width:985px;
margin-top:88px;
text-transform:lowercase;
font-size:9px;
color:#FFFFFF;
text-align:right;
}

div#backendmenu{
width:665px;
margin-top:88px;
text-transform:lowercase;
font-size:9px;
color:#FFFFFF;
text-align:right;
}

span.separator{
padding-left:4px;
padding-right:4px;
}

div#left{
width:227px;
height:389px;
float:left;
background-image:url(../images/flash_bg.gif);
background-repeat:no-repeat;
}

div#main{
width:504px;
height:382px;
margin-top:7px;
float:right;
}

div#main2{ /*no right panel - timber frame building, gallery and awards pages*/
width:749px;
height:382px;
margin-top:7px;
float:right;
}

div#right{
width:246px;
height:389px;
float:right;
}

div#footer{
height:69px;
clear:both;
background-image:url(../images/footer_bg.gif);
background-repeat:repeat-x;
background-color:#540c11;
color:#FFFFFF;
overflow:hidden;
}

div#footer a, div#menu a, div#backendmenu a{
color:#FFFFFF;
}

div#footer p{
margin-top:16px;
text-align:center;
}

/*==========================================================RIGHT IMAGE */

div#did_you_outer, div#about_outer{
width:246px;
height:389px;
overflow:hidden;
}

div#did_you_outer{
background-image:url(../images/did_you_know_bg.jpg);
}

div#about_outer{
background-image:url(../images/about/about_bg.jpg);
}

div#did_you{
width:208px;
margin-left:21px;
}

div#about{
width:214px;
margin-left:15px;
color:#000000;
}

div#did_you h2, div#about h2{
color:#e2c7ad;
text-transform:uppercase;
margin-top:18px;
}

div#did_you h2{
font-size:12px;
margin-bottom:40px;
}

div#about h2{
font-size:9px;
margin-bottom:28px;
}

div#about h3{
display:inline;
font-size:9px;
}

div#about p{
text-align:left;
margin-top:10px;
margin-bottom:10px;
}

div#did_you div#testimonial{
width:204px;
height:240px;
font-style:italic;
color:#000000;
}

div#did_you a{
display:block;
margin-left:55px;
margin-top:36px;
text-align:right;
color:#e2c7ad;
font-weight:bold;
font-size:10px;
}

/*==========================================================HOMEPAGE, VIEW MEMBERS PAGE*/
div#content_w_banner{
width:488px;
height:290px;
overflow:hidden;
}

div#banner{
width:479px;
overflow:hidden;
margin-left:4px;
}

/*==========================================================HOMEPAGE*/
p.intro{
font-weight:bold;
font-style:italic;
text-align:justify;
}

/*==========================================================ABOUT US PAGE */
div#content_w_banner2 div#banner{
margin:0;
}

div#content_w_banner2{
width:496px;
height:381px;
padding-right:5px;
}

div.content_w_banner2_inner p img{
padding-left:10px;
padding-bottom:25px;
}

p.about_p2{
margin-top:25px;
margin-bottom:20px
}

div.about_logos{
margin-top:23px;
}

/*==========================================================BECOME A MEMBER, VIEW MEMBERS RESULTS, NEWS STORY */
div#content_no_banner, div#content_no_banner_news{
width:493px;
height:381px;
padding-right:8px;
}

/*==========================================================BECOME A MEMBER */
div.inner_left{
width:215px;
margin-top:10px;
margin-bottom:10px;
border-right:1px solid #700000;
float:left;
}

div.inner_right{
width:222px;
margin-top:10px;
margin-bottom:10px;
margin-left:45px;
float:left;
}

div.clear{
clear:both;
}

div.clear img{
margin-top:12px;
margin-bottom:10px;
}

div.table_head{
height:30px;
padding-left:9px;
line-height:26px;
background-color:#700000;
color:#FFFFFF;
text-transform:uppercase;
font-size:10px;
font-weight:bold;
}

div.list_container{
width:722px;
overflow:hidden;
background-color:#edc395;
}

div.list_container h3{
text-indent:20px;
font-size:12px;
margin-top:8px;
margin-bottom:12px;
}

ol.member_benefits{
margin-top:0;
margin-bottom:10px;
}

ol.member_benefits li{
margin-top:6px;
margin-right:24px;
margin-bottom:0;
padding:0;
}

ol.member_benefits hr{
width:722px;
height:1px;
color:#700000;
background-color:#700000;
border:none;
border:0px;
margin-left:-40px;
}

div.horRule {
width:722px;
height:1px;
border-top:1px solid #700000;
margin-top:6px;
margin-bottom:6px;
margin-left:-40px;
}
div.horRule hr {
display:none;
}

/*==========================================================SHARED (About us, become a member, view member results, TIMBER FRAME BUILDING, news story)*/
div#content_w_banner2, div#content_no_banner, div#content_no_banner_wide, div#content_no_banner_news{
overflow:auto;
scrollbar-face-color:#700000;
scrollbar-highlight-color:#700000;
scrollbar-3dlight-color:#700000;
scrollbar-darkshadow-color:#700000;
scrollbar-shadow-color:#700000;
scrollbar-arrow-color:#edc395;
scrollbar-track-color:#edc395;
}

p.intro, div#content_no_banner h2, div#content_w_banner h2, div.content_w_banner2_inner h2, div#content_no_banner_wide h2, div#content_w_banner2 h2{
margin-top:9px;
margin-bottom:9px;
}

div#content_no_banner_news h2{
margin-top:9px;
margin-bottom:0px;
font-size:11px;
}

div#content_no_banner h2, div.content_w_banner2_inner h2, div#content_w_banner h2, div#content_no_banner_wide h2, div#content_w_banner2 h2{
text-transform:uppercase;
font-size:10px;
}

/*==========================================================VIEW MEMBERS FORM*/
form#member_search{
width:340px;
margin:0;
margin-top:36px;
padding:0;
}

form#member_search label{
width:120px;
display:block;
float:left;
margin-top:3px;
}

form#member_search select{
width:200px;
float:left;
margin-bottom:16px;
}

form#member_search input{
margin-left:120px;
clear:left;
}

form#member_search input.input{
margin:0;
width:200px;
float:left;
display:block;
clear:none;
margin-bottom:16px;
}

form#news{
margin:0;
margin-bottom:20px;
margin-top:36px;
padding:0;
}
form#news label{
width:60px;
display:block;
float:left;
margin-top:3px;
}

form#news input.input, form#news textarea{
width:360px;
float:left;
display:block;
margin-bottom:16px;
}

form#news textarea{
height:200px;
}

form#news input.submit{
margin-left:60px;
clear:left;
}

/*==========================================================VIEW MEMBERS SEARCH RESULTS*/
div#search_container{
margin-bottom:10px;
}

div.search_result{
border:1px solid #700000;
padding:8px 12px 12px 8px; /*bottom left right top*/
}

h3.search_head{
height:23px;
font-size:11px;
background-color:#700000;
color:#FFFFFF;
padding-left:12px;
margin-top:10px;
margin-bottom:0;
line-height:20px;
}

h3.search_head a{
color:#FFFFFF;
}

a.contactemail{
text-transform:lowercase;
}

/*==========================================================TIMBER FRAME BUILDING */
div#content_no_banner_wide{
width:739px;
height:381px;
padding-right:8px;
position:relative;
}

p.last_para{
margin-bottom:16px;
}

div.full_2pic, div.full_1pic, div.half_l, div.half_r{
height:120px;
margin-top:11px;
background-color:#edbf8d;
overflow:hidden;
}

div.full{
margin-top:11px;
background-color:#edbf8d;
overflow:hidden;
}

div.full_2pic, div.full_1pic, div.full{
width:715px;
}

div.half_l{
width:339px;
float:left;
}

div.half_r{
width:366px;
float:left;
margin-left:10px;
}

div.full{
background-color:#edbf8d;
margin-top:11px;
overflow:hidden;
}

div.full_2pic h4, div.full_1pic h4, div.half_l h4, div.half_r h4, div.full h4{
width:45px;
float:left;
background-color:#710102;
color:#973c2d;
font-size:40px;
font-style:italic;
text-transform:uppercase;
margin:0;
text-indent:8px;
overflow:hidden;
}

div.full_2pic h4, div.full_1pic h4, div.half_l h4, div.half_r h4{
height:120px;
padding-top:32px;
}

div.full_2pic p, div.full_1pic p, div.half_l p, div.half_r p{
display:block;
float:left;
margin-bottom:0px;
margin-left:10px;
}

div.full p{
width:649px;
display:block;
float:left;
margin-bottom:0px;
margin-left:10px;
}

div.half_l p{
width:272px;
}

div.half_r p{
width:300px;
}

div.full_1pic p{
width:504px;
}

div.full_2pic p{
width:358px;
}

div.full_2pic img, div.full_1pic img{
padding-right:10px;
padding-top:10px;
}

p.a{
margin-top:39px;
}

p.b{
margin-top:18px;
}

p.c, p.e{
margin-top:26px;
}

p.d, p.j, p.l{
margin-top:32px;
}

p.f{
margin-top:10px;
}

p.f, p.g, p.h, p.k{
margin-top:16px;
}

p.i{
margin-top:39px;
}

h5.timber{
font-size:15px;
font-style:italic;
}

/*==========================================================GALLERY */

div#my-glider{
width:719px;
height:147px;
overflow:hidden;
margin-bottom:10px;   
background: #750102;
}

h3.gallery{
width:719px;
height:29px;
background-image:url(../images/gallery/head_bg.jpg);
background-repeat:repeat-x;
text-align:center;
font-weight:normal;
font-size:11px;
margin:0;
color:#FFFFFF;
overflow:hidden;
text-transform:uppercase;
line-height:26px;
}

/*===============================================================SLIDER=============*/
div#my-glider{
height:118px;
overflow:hidden;
}

div.prev{
width:33px;
float:left;
}

div.next{
width:35px;
float:left;
}

div.scroller { 
width:651px;
height:118px;
float:left;
overflow:hidden;
margin-bottom:10px;
}
div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
width:651px;
height:118px;
overflow:hidden;
float:left;  
background-color:#db9649;
}
div.scroller div.content {
width: 100000px;
}

ul.glider{
margin:0;
padding:0;
height:118px;
margin-left:8px;
}                      

ul.glider li img {
border-top:2px solid #740101;
border-bottom:2px solid #740101;
border-left:2px solid #740101;
border-right:0px;
display:block;             
background:#E3EDFA;  
}   

ul.glider li{
color:#E3EDFA;
margin:0;
padding:5px 0px 0px;
width:106px;
list-style:none;   
float:left;
}

/*==========================================================AWARDS */
ul#awards, ul#awards li{
list-style:none;
margin:0;
padding:0;
}

ul#awards{
width:476px;
overflow:hidden;
margin-top:18px;
margin-bottom:10px;
}

ul#awards li{
display:block;
width:118px;
height:135px;
background-image:url(../images/awards/list_bg.jpg);
background-repeat:no-repeat;
overflow:hidden;
text-align:center;
font-size:10px;
margin-bottom:8px;
margin-right:1px;
float:left;
}

ul#awards li h3{
font-size:10px;
color:#FFFFFF;
margin-top:61px;
margin-bottom:5px;
text-transform:uppercase;
}

p.categories{
margin-top:20px;
margin-bottom:20px;
}

/*==========================================================AWARD SUB PAGES */

div.award_container{
width:469px;
height:403px;
overflow:hidden;
}

div.award_container_no_img{
height:100px;
overflow:hidden;
}

img.award{
margin-right:10px;
}

p.award{
margin-top:26px;
margin-bottom:0;
}

div.award_head{
height:90px;
overflow:hidden;
}

div.award_images{
width:469px;
height:293px;
background-color:#730101;
text-align:center;
overflow:hidden;
}

div.award_images img{
margin-top:13px;
}


/*==========================================================NEWS */
div.news_inner{
height:260px;
overflow:hidden;
margin-top:5px;
}

div.newsitem{
height:60px;
border-bottom:1px solid #540C11;
overflow:hidden;
margin-top:15px;
}

div.newsitem h3{
display:inline;
font-size:11px;
}

div.newsitem a{
text-decoration:underline;
}

a.newslink{
text-decoration:underline;
}

/*==========================================================Backend */
div#msg{
text-transform:uppercase;
font-weight:bold;
font-size:13px;
}

div#news_form_head{
height:38px;
overflow:hidden;
}