html{
 font:normal 0.9em/1.5em Verdana, Tahoma, Arial, Helvetica, sans-serif;
 background:#ceccbd;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body{
  margin:0;
 padding:0;  
 text-align:center;   
}
#wrapper{
 display:block;
 max-width:1000px;
 margin:0 auto;
 padding:0;
 text-align:left; 
 position:relative;  
}
#site-header{
 display:block;
 width:100%;
 height:180px;
 margin:0;
 padding:0;
 background:#ab4e2c;
 position:relative; 
}
#logo{
display:block;
width:184px;
height:144px;
margin:0 19px 0 0;
padding:0;
background: url(../images/logo.jpg) no-repeat 0 0; 
float:left;
clear:left;  
text-decoration:none; 
}
#site-title{
  width:631px;
  height:71px;
  overflow:hidden;
  margin:49px 0 0;
  padding:0;
  float:left;
  clear:right; 
  font-size:1.8em;
  line-height:200px; 
  background:url(../images/site_name.jpg) no-repeat 0 0;
}

#content{
 display:block;
 margin:0;
 min-height:1000px;
 padding:60px 10px 65px 53px; 
 height:auto;
 overflow:hidden;
 background:#fff; 
}
#primary{
 width:610px;
 height:auto;
 overflow:hidden;
 margin:0;
 padding:0;
 float:left;
 clear:left;
}

#primary h2, #primary h3, #primary h4, #primary h5{
 font-weight:bold;
 font-size:1.2em;
 color:#AB4D2C; 
 margin:0.5em 0 1.5em;  
}

#primary h3{
 color:#797A50;    
 font-size:1.05em;
}
#primary h4{
 font-weight:bold;
 font-size:1em;
 color:#000; 
 margin:0.5em 0 0.3em;   
}

#primary h5{
 font-size:1em; 
 color:#AB4D2C;   
}
#primary h6{
 font-size:0.9em;    
}

#primary h2:first-child,
#primary h3:first-child,
#primary h4:first-child{
 margin-top:0;   
}
#primary img.alignleft{
 float:left;
 clear:left;
 margin:0.5em 1.5em 1.5em 0;   
}

#primary p{
 margin:0.5em 0 1.5em;
 padding:0;  
}

#primary a{
  font:bold 1em/normal Verdana, Arial, sans-serif;
  color:#797A50;  
  text-decoration:none; 
}

h4 a{
 text-transform:uppercase;   
}

#primary .boldred{
 color:#AB4D2C;  
 font-weight:bold; 
}

#primary .indent{
 display:block;
 margin:1em 0 1em 2em;   
}
#primary ol{
 margin:0.5em 0 1em 1em;
 padding:0 0 0 0.75em;   
}
#primary ol li{
 margin:0 0 1.5em;
 padding:0; 
}

#primary .greenline{
 display:block;
 float:none;
 clear:both;
 margin:1em 0 0.5em;
 padding:0;
 height:5px;
 overflow:hidden;
 background:#ceccbd;   
}

#secondary{
 width:276px;
 height:auto;
 overflow:hidden;
 margin:0;
 padding:0;
 float:right;
 clear:right;  
}
#secondary section{
 width:100%;
 display:block;
 margin:1em 0;
 padding:0;
 overflow:hidden;
 text-align:left; 
 line-height:1.5em;
 clear:both; 
}
#secondary p{
  margin:0.75em 0;   
}
#secondary img{
 float:none;
 clear:both;
 border:none;   
}
#secondary a{
  display:block;
  font:bold 11px/normal Verdana, Arial, sans-serif;
  text-transform:uppercase;
  color:#797A50;  
  text-decoration:none; 
}
#secondary a:hover{
 text-decoration:underline;   
}

#audioplaylist{
list-style-type:none;
margin:0 0 2em;
padding:0;
}
#audioplaylist li{
margin:0 0 0.5em;
padding:0;
}
#audioplayer{
display:none;
width: 0;
height: 0;
overflow: hidden;
}

#audioplaylist .btnaudio,
#audioplaylist .btnpause{
width:29px;
height:23px;
overflow:hidden;
background:url(../images/btn_audio.png) no-repeat 0 0;
margin:0 10px 10px 0;
padding:0;
cursor:pointer;
-webkit-outline:none;
-webkit-appearance:none;
border:none;
float:left;
clear:left;
}
#audioplaylist .btnaudio:active, 
#audioplaylist .btnaudio:focus,
#audioplaylist .btnpause:active, 
#audioplaylist .btnpause:focus{
-webkit-highlight-color:#fff;	
-webkit-outline:none;
outline: none;
-webkit-appearance:none;
}

#audioplaylist .btnaudio:hover{
background-position:0 -25px;
}
#audioplaylist .btnpause{
background-position:0 -50px;	
}
#audioplaylist .btnpause:hover{
background-position:0 -75px;	
}

#audioplaylist .audio_title{
display:block;
width:245px;
height:auto;
margin:0;
padding:0 0 0.5em;
font-size:0.9em;
line-height:1.25em;
}
#secondary h4{
  display:block;
  font:bold 1em/normal Verdana, Arial, sans-serif;
  text-transform:uppercase;
  color:#797A50;  
  margin:0 0 1em;
}
#site-footer{
 display:block;
 width:100%;
 min-height:144px;
 height:auto;
 margin:0;
 padding:0 0 1em;   
 background:#7a7a51;
 color:#fff;
 text-align:center;
 font-size:0.8em;
}
#site-footer p{
 text-transform:uppercase;   
}
#topnav{
 background:#7a7a51;
 width:100%;
 height:36px;
 margin:0;
 padding:0;
 position:absolute;
 top:144px;
 left:0;
 z-index:3000;   
}
#topnav ul{
 list-style-type:none;
 margin:0 0 0 32px;
 padding:0;  
}
#topnav ul li{
 display:inline;
 float:left;
 clear:none;
 margin:0;
 padding:0;   
}
#topnav ul li a, #topnav ul li a:visited{
 display:block;
 height:36px;
 background:#7a7a51;
 font:normal 14px/36px Arial, Verdana, Helvetica, sans-serif;
 color:#fff;
 padding:0 21px;
 margin:0;  
 text-decoration:none;
 text-transform:uppercase;
}
#topnav ul li a:hover{
  text-decoration:underline;
}
#topnav ul li.selected a{
 color:#bbb8a2;   
}
#bottomnav{
 display:block;
 list-style-type:none;
 max-width:760px;
 height:auto;
 margin:0 auto;
 padding:2em 0 0.5em;
 overflow:hidden;
}
#bottomnav li{
 display:inline;
 float:left;
 clear:none;  
 margin:0;
 padding:0;
}
#bottomnav li a, #bottomnav li a:visited{
 font:normal 1em/normal Arial, Verdana, Helvetica, sans-serif;
 color:#fff;
 margin:0;
 padding:0 0 0 36px;
 text-decoration:none;
 text-transform:uppercase;
 letter-spacing:0;
}
#bottomnav li:first-child a{
 padding:0; 
}

#bottomnav li a:hover{
 text-decoration:underline;   
}
#bottomnav li.selected a{
 color: #bbb8a2;
}

.menu-toggle {
    width: 40px;
    height: 35px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 3000;
    background: url(../images/menu_toggle.png) no-repeat center center;
    display: none;
    border: none;
}
#overlay {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    background: #333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}




@media all and (min-width:865px) and (max-width:1015px){
  #content{
   margin:0; 
   padding:5vw 2vw;
   min-height:800px;
  }
  
  #primary{
    width:65%;  
  }
  
  #secondary{
   width:35%;
   min-width:200px;   
   max-width:233px;
  }
 
  
  #topnav ul{
   margin:0;   
  }
  #topnav ul li a{
    padding:0 15px;  
  }  
    
}

@media all and (max-width:864px){
	html{
	font-size:1em;
	line-height:1.5em;
	}
  #wrapper{
   background:#fff;
   margin:0 5px; 
  }
  #site-header{
  height:70px; 
  border-bottom:solid 10px #707348;  
  }
  #logo{
  width:89px;
  height:70px;
  margin-right:15px;
  background:url(../images/logo_medium.jpg) no-repeat 0 0;   
  -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto; 
  }
  #site-title{
   background:url(../images/site_name_medium.jpg) no-repeat 0 0;
   margin:13px 0; 
   width:442px;
   height:auto;
   width:53.3vw;
   height:6.05vw;
   padding:0; 
   -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  
  #content{
  width:98%;
  min-height:600px;
  display:block;  
  margin:40px auto; 
  padding:0;
  }
  
  #primary{
    width:65%;  
  }
  
  #primary img.resize{
   width:100%;
   height:auto;   
  }
  
  #secondary{
   width:30%;
   min-width:200px; 
   max-width:233px;  
  }
  
  .menu-toggle {
    display: block;
    cursor: pointer;
  }
  
  #topnav{
   display:none; 
   max-width:300px;
   height:auto;
   top:70px; 
   background:#ceccbd;  
   border:solid 1px #ceccbd;
  }
  
  #topnav ul{
   margin:0; 
   padding:0; 
  }
   #topnav ul li{
    display:block;
    float:none;
    clear:both;   
   }
  #topnav ul li a{
    padding:0;
    text-indent:10px;
    text-align:left;
    margin:1px 0 0;
  }
  
  #topnav ul li a:hover{
   background:#ceccbd;
   color:#fff;
   text-decoration:none;   
  }
  #topnav ul li:first-child a{
   margin:0;   
  }
	
#secondary .btnaudio,
#secondary .btnpause{
width:44px;
height:35px;
background:url(../images/btn_audio.png) no-repeat 0 0;
background-size:100% auto;
}
#secondary .btnaudio:active, 
#secondary .btnaudio:focus,
#secondary .btnpause:active, 
#secondary .btnpause:focus{
-webkit-highlight-color:#fff;	
-webkit-outline:none;
outline: none;
-webkit-appearance:none;
}

#secondary .btnaudio:hover{
background-position:0 -38px;
}
#secondary .btnpause{
background-position:0 -76px;	
}
#secondary .btnpause:hover{
background-position:0 -114px;	
}
  
    
}

@media all and (max-width:768px){

 #content{
  width:100%;
  overflow:hidden;
  padding:0;
 }
    
 #primary{
    width:98%;  
    float:none;
    clear:both;
    margin:0 auto 2em;
  }
  
  #secondary{
   width:98%;
   max-width:98%;
   float:none;
   clear:both; 
   margin:1em auto;
   padding:0;
  } 
  #secondary section{
   width:300px;
   height:auto;
   padding:0;
   margin:0 0 1em;
   overflow:hidden; 
   float:left;  
   clear:none; 
  }
  
  #bottomnav{
   max-width:760px;
   width:96%;
   margin: 0 auto; 
   padding:0.5em 0;  
  }
  #bottomnav li a,
  #bottomnav li:first-child a,
   #bottomnav li a:visited{
   padding:0 36px 15px 0;
   line-height:2.5em;   
  }
  #bottomnav li:last-child a{
   padding-right:0;   
  }
  
  #site-footer p{
   max-width:96%;
   margin:1em auto;   
  }
}

@media all and (max-width:640px){
  #wrapper{
   background:#fff;
   margin:0 5px; 
  }
  #site-header{
  height:60px;
  }
  #logo{
   width:76px;
   height:60px;
   background:url(../images/logo_small.jpg) no-repeat 0 0;   
  }
 #site-title{
  margin:15px 0;    
 }
 
 #topnav{
 top:70px;    
 }
 .menu-toggle {
  top:10px;   
 }
    
  #secondary section{
   width:auto;
   margin:0 1em 1em 0;
   max-width:300px;
  }
    
}

@media all and (max-width:480px){
  #wrapper{
   background:#fff;
   margin:0 5px; 
  }  
  #logo{
   display:none;   
  }
  #site-header{
  margin:0;
  }
  #site-title{
   display:block;
   width:300px;
   height:60px;
   float:none;
   margin:0 0 0 5px;  
   background:url(../images/site_name_small.jpg) no-repeat 0 10px; 
    -moz-background-size:none;
    -ms-background-size:none;
    -o-background-size:none;
    -webkit-background-size:none;
    background-size:none;
  } 
  .menu-toggle {
  right:5px;   
 }
 
 #bottomnav li a,
  #bottomnav li:first-child a,
   #bottomnav li a:visited{
   padding:0 25px 15px 0;
   line-height:2.5em;   
  }
}