/****************************** Main CSS ******************************/
table, tr, td, div, img, form, object, embed, h1, h2, h3, h4, h5, h6, h7, h8, p, ul, ol, li, cite, a, blockquote{
    border-width: 0;
    margin: 0;
    padding: 0;
}

body { 
    background: #ECE1CA url(../images/page_bg.jpg) top center no-repeat; 
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#2B2B2D;
    text-align:left;
    margin: 0;
    padding: 0;
}

a{
color:#555356;
text-decoration:underline;
}

a:hover{                                                                               
color:#C85A0D;
text-decoration:none;
}

.invisible{display:none;}

.clear{clear:both;}

form p{
padding: 2px 0px 5px 0px;
}

#page_container{
width:980px;
margin:0px auto;
padding:0; 
}

/*-------------------- utilbar ----------------------*/

.utilbar{
height:20px;
list-style-type: none;
font-size:11px;
text-align:right;
padding:2px 0 0 0;
}
.utilbar li{
display:inline;
}

.utilbar li a{
color:#F9F1DA;
padding:0 4px 0 4px;
text-decoration: none;
}

.utilbar li a:hover{
text-decoration:underline;
}


/*---------------------------- header ----------------------*/  

.header{
height:259px;
border:1px solid red;
}

/*--------------------------- left header ---------------------*/  

#left_header{
float:left;
background:url(../images/logo.png) 50% 50% no-repeat;
width:490px;
height:259px;
}

#left_header .logo{
display:block;
width:490px;
height:259px;
background:url(../images/logo.png) 50% 50% no-repeat;
}

/*--------------------------- right header ---------------------*/
#right_header{
float:right; 
width:487px;
height:259px;
background:url(../images/rightcol_bg.jpg) 0 0 no-repeat;
}

/*------------ contactmini - contact form header -------------------------*/


/*--------------------------- top navigation ----------------------------*/
#navholder{ 
position:relative;
font-family:Arial, Helvetica, sans-serif;
width:980px;
height:35px;
}

#navholder ul{
position:absolute;
margin-top:-40px;
height:35px;
} 

#navholder li{
display:inline-block;
float:left;
background: url("../images/nav_bg.png") repeat-x;
}

#navholder li a{
float:left;
display:block;
padding:10px 19px 10px 20px;
color:#161417;
font-size:18px;
font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
font-weight:bold;
text-decoration:none;
}

#navholder li a:hover{background:url("../images/menu_hover.png") repeat-x;}

#navholder li#navleftcorner{
width:55px;
height:35px;
background:url("../images/menu_left.png") no-repeat;
}

#navholder li#navrightcorner{
width:55px;
height:35px;
background:url("../images/menu_right.png") no-repeat;
}

/* highlight menu for current page */
#about #navholder li a.aboutus, #news #navholder li a.events, #music #navholder li a.music, #photos #navholder li a.pictures, 
#testimonials #navholder li a.whatotherssay, #links #navholder li a.rock,#Blog #navholder li a.blog{
background:url("../images/menu_hover.png") repeat-x;
}


/*------------------------- columns - content containers -----------------------*/
#columns{
background:#fff url("../images/column_topbg.jpg") no-repeat;
width:950px;
padding: 40px 15px 15px 15px;
margin-top:-35px;
position:relative;
}

#columns .columnleftcorner{
background:url("../images/tape_left.png") no-repeat; width:75px;height:65px;
position:absolute;
margin:-60px 0 0 -35px;

}
#columns .columnrightcorner{
background:url("../images/tape_right.png") no-repeat; width:75px;height:65px;
position:absolute;
margin:-60px 0 0 910px;

}
/*-------------------------- left column ----------------------*/

/*-------------------------- center column ----------------------*/

#copy{
float:left;
width:681px;    
line-height:20px;
text-align:justify;  
}

#copy h1{
color: #D57B01;
font-family:Verdana, Geneva, sans-serif; 
font-size:20px;
margin:0px 0 10px 0;
text-align:left;
line-height:24px;
}

#copy h2{
margin:16px 0 0 0;
color:#D57B01;
font-size:18px;
line-height:18px;
padding:0px 0px 4px 0px;
}

#copy h2 a{
color: #D57B01;
text-decoration:none;
}

#copy h2 a:hover, #copy h4 a, #copy h3 a:hover, #copy h4 a:hover{text-decoration:underline;}

#copy h3, #copy h3 a{
color:#D57B01;
text-decoration:none;
font-size:13px;
text-align:left;
margin-top:10px;
}

#copy h4{
color: #D57B01;
font-size:12px;
margin: 10px 0px 0px 0;
text-align:left;
}

#copy p.top, #copy p.more{
text-align:right;
font-size:11px;
margin-top:8px;
color:#fff;
padding-right:18px;
background:url("../images/arrowbullet.gif") 100% 14px no-repeat;
border-top:1px solid #d4ceab;
}
#copy p.top a, #copy p.more a{
color: #796c2a;
text-decoration:none;
}

#copy p.top a:hover, #copy p.more a:hover{
text-decoration:underline;
}

#copy ul.bborder li{
border-bottom:1px solid #d4ceab;
margin-bottom:5px;
margin-top:5px;
}

#copy p, #copy blockquote {
padding:5px 0px 5px 0px;
}


#copy ul {
list-style-type: none;
margin:5px 0px 0 10px;
}

#copy ul li{
background:url("../images/arrowbullet.gif") 0 10px no-repeat;
padding: 3px 5px 4px 15px;
text-align:left;
}

#copy ul ul{
margin:0px 0 6px 10px;
}

#copy ul ul li{
padding:0px 5px 0px 10px;
background:url("../images/arrowbullet.gif") 0 7px no-repeat;
margin:0;
}

#copy ol li{
background:none;
padding: 2px 5px 2px 0px;
}

#copy ol{margin-left:25px;}

#copy .photogallery{
padding:0px;
margin:0px;
width:440px;
}

#content .photogallery td{
vertical-align:top;
text-align:center;

}

.n_photos{
text-align:right;
}

#copy td.photocell{
text-align:left;
padding:5px 5px;
border:1px solid #d9d2d0;
background:#E8E8E8;
}

#copy .photogallery img{
margin:0;
border:1px solid #fff;
float:none;
}

#copy .photogallery a img:hover{
border:1px solid #ccc;
}

#copy .testimonial{
padding:20px;
background:#E8E8E8;
border-bottom:1px solid #b2d2ed;
border-right:1px solid #b2d2ed;
margin-bottom:10px;
}


#copy .box{
width:681px;
margin-bottom:20px;  
font-size:11px;
}

#copy .boxvideo{
background:url("../images/video_bg.jpg") no-repeat;
height:275px;  
padding:10px;
}

#copy .boxcontainer{
}

#copy .videocontainer, #copy .imagecontainer{
float:left;
margin-right:10px;  
}

#copy .imagecontainer{
padding:10px; 
border:1px solid #DADADA;
}

#copy p.videodate{
color:#D9201E;
border-bottom:1px dashed #494949;
margin:0 0 5px 440px;
}

/*-------------------------- right column ----------------------*/
#rightcol{
float:right;
width:256px; 
font-size:12px;
text-align: left;
line-height: 18px; 
}

#rightcol h3{
width:200px;
padding:20px 0 0 45px;
color:#262526;
font-size:18px;  
}

#rightcol h3 img{
margin:-20px 0 0 52px;
}

#rightcol .box{
width:266px;  
background:url("../images/panel_bg.jpg") no-repeat; 
margin:0 0 30px 0;
}              

#rightcol .boxcontainer{
margin-top:25px;
}
                                    
#rightcol ul{
width:237px;
margin:auto;
list-style:none;  
}

#rightcol ul li{
padding:0 0 7px 0;
margin-bottom:5px;
border-bottom:1px dashed #353126;   
}

#rightcol ul li a{
background:url("../images/arrowbullet.gif") 0 50% no-repeat;
padding:0 0 0 20px;
text-decoration: none;
color:#454545;
font-size:12px;
}


#rightcol ul li a:hover{
text-decoration: underline;
}

#rightcol object {
	margin: 15px auto;
}

#rightcol p.newsdate{
display:block;
padding-left:20px;
color:#454545;
font-size:12px;
}

#rightcol p.newsposted{
display:block;
padding-left:20px;
color:#929292;
font-size:11px;
}

#rightcol p.more{
width:250px;
text-align:right;
}

#rightcol p.more a{
color:#D57B01;
font-size:11px;
text-decoration:none;
}



/*--------------------- minicontact - confact form at the right column --------------------*/   

#rightcol #minicontact{
width:236px;
height:279px;
background:url("../images/contact_bg.jpg") no-repeat;
padding:75px 0 0 20px;
color: #777;
}

#rightcol #minicontact input{
border:1px solid #AD7431;
width:209px;
height:17px;
margin:0px 0 5px 0;
padding:5px 0 5px 5px; 
color:#3a3a3a;
font-size:11px;
font-family:Arial, Helvetica, sans-serif; 
}

#rightcol #minicontact textarea{
border:1px solid #AD7431;
width:209px;
height:87px;
padding:5px 0 5px 5px; 
color:#3a3a3a;  
font-size:11px; 
font-family:Arial, Helvetica, sans-serif; 
}

#rightcol #minicontact input.submitbutton{
background: url(../images/button_bg.jpg) 50% 0 no-repeat;
height:30px;
font-weight:bold;
font-size:13px;
color: #fff;
margin-top:5px;
padding:0 0 3px 0;
cursor:pointer;
border:0;
}

/*----------------------- footer --------------------------*/
#footer{
font-size:11px;
color:#C0C0BF;
text-align:center;
margin-top:10px;
}

#footernav{
background:url("../images/footernav_bg.png") no-repeat;
height:48px;
padding-left:30px;
}

#footernav li{
display:inline;
}

#footernav li a{
display:inline-block;
padding:0 25px 0 25px;
margin-top:15px;
color:#A27437; 
font-size:11px;
text-decoration:none;
}

#footernav li a:hover{
color:#C85A0D;;
}


/*----------------------- copyright info --------------------*/
.copyright{
padding:15px 0 0 0;
line-height:14px;
font-size:11px;
color:#857554;
}

.copyright a{
color:#857554;
font-size:11px;
text-decoration:none;
}

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