/*Theme Name: leav3
Theme URI: http://www.cityofleavenworth.com
Description: City of Leavenworth
Version: 5-15-16 / Mobile-Friendly Combined CSS with font-size-switcher
Author: Matt Fields*/

a:link {text-decoration: underline; 
color: #002809;
}

a:visited {
text-decoration: underline; 
color: #002809;
}

a:hover {
text-decoration: none; 
color: #000000; 
background-color: #cccccc;
}

a:active {
text-decoration: underline; 
color: #000000; 
background-color: #cccccc;
}

a:focus {
text-decoration: none; 
color: #000000; 
background-color: #cccccc;}

a.external {  
background-image: url(images/external_link_icon.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;
}

p.external a {  
background-image: url(images/external_link_icon.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;
}

li.external a {  
background-image: url(images/external_link_icon.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;
}

span.external {
background-image: url(images/external_link_icon.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;
}

a[rel~="newwin"] {  
background-image: url(images/new_window_icon.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;
}

a.opennew {  
background-image: url(images/new_window_icon.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;
}

p.opennew a {  
background-image: url(images/new_window_icon.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;
}

li.opennew a {  
background-image: url(images/new_window_icon.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;
}

a.return {  
font-size: .8em;  
background-image: url(images/return-to-top.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;  
}  

p.return a {  
font-size: .8em;  
background-image: url(images/return-to-top.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;  
}

@media screen and (min-width: 771px;) {
    .skip-top {display: none;}
}

@media screen and (min-width: 320px; max-width: 770px) {
    .skip-top {
width: 170px;  
margin: 10px;  
padding: 2px; 
text-align: center;
border: 2px solid #a9aabd;
background-color: #f3f3f3;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}
}

@media screen and (min-width: 320px; max-width: 770px) {   
	a.skip-top, a.skip-top:visited, a.skip-top:active, a.skip-top:focus {
text-decoration: none !important;
background-color: #f3f3f3;}
}

@media screen and (min-width: 320px; max-width: 770px) {
   a.skip-top:hover {
background-color: #9d0117;
color: #fcd47d;}
}

/* Suckerfish Vert. Fly-Out (see Superfish css for more)&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

li:hover{
visibility:visible
} /* for stuck fly-outs in ie7 */

ul.sub-display li {  
font-weight: 400;  
}  

/* Text Elements &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

p, h1, h2, h3, h4, h5 {  
margin: 0;  
padding: 0;
}

p {  
font-size:1em;  
line-height: 1.4em;   
font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;    
color: #121212;  
margin: 0 0 15px;
}

h1 {  
font-family: "Times New Roman", serif;  
color: #c24515;  
font-size: 2.2em;  
}  

h2 {  
font-family: "Times New Roman", serif;  
color: #000000;  
font-size: 2em;  
}  

h3 {  
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;  
color: #052272;  
font-size: 1.6em;  
margin: 0 0 10px;  
font-weight: 400;  
border-bottom: 1px solid #ece6d0;  
}

h4 {  
font-size: 1.3em;  
color: #9d0117;   
font-family: Tahoma, Helvetica, Arial, sans-serif;  
margin: 0 0 10px;  
font-weight: 400;   
}

h5 {  
font-size: 1.2em;   
font-family: "Verdana", Tahoma, Helvetica, Arial, sans-serif;   
color: #0f3617;  
margin: 0 0 10px;  
font-weight: 400;  
}  

h6 {  
ont-size: 1em;  
color: #121212;   
font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;   
margin: 0 0 10px;  
}  

/* Styled text elements */

/* p */

p.back {  
text-align: center;  
font-size: 1em; 
font-weight: 400;  
}

p.date {  
font-family: Georgia, "Times New Roman", serif;  
font-weight: 600;  
color: #560007;   
font-size: 1.2em;  
margin: 3px 0 0 5px;   
}

p.breadcrumb {  
font-size:.9em;   
color: #fffded;  
text-align: right;  
font-weight: 400;    
margin: 0 15px 0 10px;  
padding: 0;  
}

p.breadcrumb a {  
display: inline;  
color: #d5ecff;   
}  

p.breadcrumb a:hover {  
color: #000000;  
background-color: #cccccc;  
}

p.breadcrumb2 {  
font-size:.9em;   
color: rgb(0, 26, 121);   
padding:0 0 0 10px;  
}  

p img {  
padding: 0; 
max-width: 100%;  
}  

p.left-search {  
margin: 0 0 0 15px;  
}	

span.external {  
background-image: url(http://www.cityofleavenworth.com/col-assets/themes/leav2/images/external_link_icon.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;  
}  

span.document { 
background-image: url(http://www.cityofleavenworth.com/col-assets/themes/leav2/images/document_link_icon.gif);  
background-repeat:no-repeat;  
background-position: right center;  
padding: 0 17px 0 0;  
}  

.postmeta p {  
font-size: .8em;  
color: #636363;  
text-align: right;  
margin: 0 0 20px;  
font-weight: 400;  
}  

p.postmeta {  
font-size: .8em;  
color: #636363;  
text-align: left;  
font-weight: 400;  
margin: 0 0 20px;  
}  

p.dev {  
color: #412700;  
border-left: 2px solid #464646;  
padding: 0 0 0 5px;  
}  

p.all-news {  
font-size: .9em;  
margin: 0 0 0;  
text-align: center;  
}  

.dropcap {
font-size: 2em;
text-transform: uppercase;
font-family: "Monotype Corsiva", "Times New Roman", serif;
color: #0f3617;
}

h2.title {   
font-family: Georgia, "Times New Roman", serif;  
color: #9d0117;  
font-size: 2em;  
font-weight: 400;  
margin: 0 0 20px;  
padding: 0 0 0 5px;  
background-image: url('http://www.cityofleavenworth.com/col-assets/themes/leav2/images/h2bg2.jpg');  
background-repeat: no-repeat;  
background-position: bottom left;  
border-bottom: 1px solid #f5f1de;  
}  

/* h3 */

h3.greeting {  
font-size: 2em;  
font-family: "Monotype Corsiva", "Times New Roman", serif;  
color: #0f3617;  
margin: 0 0 20px;  
}  

h3.subtitle {  
border-bottom: 2px solid #dbbf98;  
}  

h3.subtitle a {  
text-decoration: none;  
display: block;  
}  

h3.left-nav {  
margin: 15px 0 0 10px;  
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;  
font-size: 1.3em;  
color: #012b4d;  
}  

h3.left-nav a {  
text-decoration: none;  
}  

h4.address-header {  
text-align: center;  
margin: 15px 0 0 0;  
}    

/* Spans */

.slogan {  
text-align: center;  
font-size: 1.2em;  
font-weight: 600;  
font-style: italic;  
}  

.wa {  
font-family: Georgia, "Times New Roman", serif;  
margin-left: 95px;  
font-size: 16px;  
color: #3e3d30;  
font-weight: 600;  
}  

.more-link {  
font-family: Arial, Verdana, sans-serif;  
font-size: .8em;  
font-weight: 400;  
}  

/* IMAGES */

img.ctr {
margin-right: 10px;
margin-left: 10px;
}

img.ctr2 {
margin-right: auto; 
margin-left: auto;
}

.imglft {
float:left; 
margin-left:1.2%; 
margin-right:2%; 
font-size: 10px; 
text-align:center;
font-family: "Verdana", serif; 
color: rgb(0, 26, 121);
}

.imgrt {
float:right; 
margin-left:1.2%; 
margin-right:2%; 
font-size: 10px; 
text-align:center;
font-family: "Verdana", serif; 
color: rgb(0, 26, 121);
}

/* Captions */

.aligncenter,div.aligncenter {	
display: block;	
margin-left: auto;	
margin-right: auto;
}

.wp-caption {	
text-align: center;	
padding-top: 4px;	
margin: 10px;	
-moz-border-radius: 3px;	
-khtml-border-radius: 3px;	
-webkit-border-radius: 3px;	
border-radius: 3px;
}

.wp-caption img {	
margin: 0;	
padding: 0;	
border: 0 none;
}

.wp-caption p.wp-caption-text {    
color: #6a6b86; 	
font-size: .8em;	
line-height: 17px;	
padding: 0 4px 5px;	
margin: 0;    
text-align: center;    
font-family: Verdana, Tahoma, "Times New Roman";
}

.gallery-caption {    
color: #3e3d30;    
font-weight: 600;    
font-size: .8em;    
text-align: center;    
margin: 0;    
padding: 5px 4px 5px;    
font-family: Verdana, Tahoma, "Times New Roman";
}    

a img {
border: none;
}	

img.centered {	
display: block;	
margin-left: auto;	
margin-right: auto;	
}	

img.aligncenter {    
display: block;	
margin-left: auto;	
margin-right: auto;	
}

img.alignright {	
padding: 0;	
margin: 0 0 2px 7px;	
display: inline;	
}

img.alignleft {	
padding: 0;	
margin: 0 7px 2px 0;	
display: inline;	
}

.alignright {	
float: right;	
}

.alignleft {	
float: left	
}

img,
.wp-caption, .wp-caption-text {
	max-width: 100%;
}	

/* Home Page Slideshow */

#fadeshow1 {    
margin: 0 auto 0;    
padding: 0;    
display: block;    
z-index: 2;
float: left;
}

@media screen and (max-width: 770px) {
    #fadeshow1{display: none;}
}		

/* Tables */

table {
font-family: Verdana, sans-serif;
}

.calendar-table {    
font-family: Verdana, sans-serif;    
}    

/* Page Elements */

html {  
height: 100%;  
padding: 0;  
margin: 0;
}

body {  
height: 100%;  
padding: 0;  
margin: 0;  
/* font-size: 70%; */ 
text-align: center;  
width: 100%;   
background-color: #007cc4;  
background-image: url('http://www.cityofleavenworth.com/col-assets/themes/leav2/images/flowers9.jpg');  
background-repeat: no-repeat;  
background-position: center 200px;  
background-attachment: fixed;
}

#outer{  
min-height: 100%;  
max-width: 960px;
min-width: 320px;  
text-align:left;  
margin: 0 auto 0;  
position:relative;  
z-index: 1;
}

@media screen and (max-width: 770px) {
    #outer{max-width: 770px;}
}

#innerwrap {  
min-height: 100%;  
position: relative;  
margin: 0 0 90px 0; /* margin-bottom 90px needed to make room for the footer mf */  
padding: 0;  
background-color: #fffded;   
background-image: url('http://www.cityofleavenworth.com/col-assets/themes/leav2/images/final8.jpg');  
background-repeat: no-repeat;  
background-position: left 0px;  
float: left; /* added 7-3-11 to allow full background color to footer. mf */  
width: 960px; /* added 7-3-11 to allow full background color to footer. mf */
}

@media screen and (max-width: 770px) {
    #innerwrap{
margin: 0 0 140px 0;
min-width: 320px;
max-width: 100%;}
}

#header{  
max-width: 960px;
min-width: 320px;  
height: 120px;  
padding: 0 0 5px 0;  
margin: 0;  
overflow:hidden;  
color: #3D0011;  
font-size: 1.2em;  
font-family: "Arial", "Verdana", "Tahoma", sans-serif;  
text-align: left;  
background-image: url('http://www.cityofleavenworth.com/col-assets/themes/leav2/images/oval-landscape6.jpg');  
background-repeat: no-repeat;  
background-position: top center;      	   
}

@media screen and (max-width: 770px) {
	#header{max-width: 100%;}
}

h1.headertitle {  
font-size: 2.7em;  
padding: 0;  
margin: 75px 0 0 5px;  
font-family: 'MediciScriptMediumItalic', Georgia, "Times New Roman", serif;  /*color: #c24515;*/  
color: #ffffff; 
}

@media screen and (max-width: 770px) {
	h1.headertitle {font-size: 2em; margin: 50px 0 0 5px;}
}

img.logo {  
float: left;  
margin: 5px 5px 0 0;  
}

a.ht {  
color: #ffffff; /* dark blue same as navbar color, old color #ffffff, background-color: #007cc4, provides blue around white color when white used for font color */  
background: transparent;  
text-decoration: none;   
}

.smallheadertitle {  
font-family: arial;  
font-size: 50%;  
color: #3e3d30;  
padding: 0 0 0 100px;
}

#headerlogo {  
padding: 0 0 10px;
}

#headerbar {  
position: relative;  
max-width: 960px;  /* height: 78px, with date included */
min-width: 320px;  
height: 55px;  
font-family: Arial, Verdana, sans-serif;  
font-size: 1em;  
background-color: #007cc4;  /* #0080ff */  
z-index: 4;
}

@media screen and (max-width: 770px) {
	#headerbar {max-width: 100%;}
}

@media screen and (max-width: 770px) {
    #headerbar ul {display: none;}
}

.main-img {  
display: block;  
margin: 0 auto 0;  
padding: 0;
}

.headerbar2 {  
position: relative;  
width: 960px;  
margin: 0 auto 0;  
padding: 0;  
} 
  
#left {  
position:relative;/* ie needs this to show float */  
width:180px;  
float:left;  
font-family:"Verdana","Tahoma", sans-serif;  /* padding: 0 0 90px 0, changed 7-3-11. mf */  
padding: 0;  
margin: 0;  
z-index: 3;  /* to allow the left menu to flyout. mf */
}

@media screen and (max-width: 770px) {
	#left {min-width: 320px; max-width: 100%;}
}

@media screen and (min-width: 771px) {
    #left #left-nav{display: none;}
} /* left-nav is inline on left-php */

#left p {
padding: 0 2px 0 3px;
}

#left hr {
width:75%;
}

#left .textwidget {  
border: 0px solid black;  
margin: 20px 0 0;  
padding: 0;  
text-align: center;
}

.find {  
height: 100%;  
width: 140px;  
margin: 0 auto 10px;  
padding: 5px;  
border: 2px solid #dbbf98;  
background-color: #fffded;
}

.find ul {  
margin: 0;  
padding: 5px;  
border-top: 2px dotted #cccccc;  
border-left: 10px solid #ececec;} 

.find ul li {  
font-size: .9em;  
list-style-type: none;  
color: #9d0117;  
margin: 0 0 5px 0;  
width: 130px;  
display: block;
}

.find ul li a {  
width: 130px;  
display: block;
}

.find ul li.current_page_item a, .find ul li.current_page_item a:hover {  
color: #000000;  
background-color: #cccccc; 
width: 130px;  
display: block;  
text-decoration: none;
} 

.find-text {  
font-size: 1.7em;  
font-family: MediciScriptMediumItalic, Georgia, "Times New Roman", serif;  
color: #0f3617;
}

.box {  
height: 100%;  
width: 148px;  
margin: 20px auto 0;  
padding: 5px;  
background-color: #fffded;  
border: 2px solid #dbbf98;
}

.box-title {  
border-left: 10px solid #ececec;  
border-bottom: 2px dotted #cccccc;  
margin: 0 0 5px 0;  
padding: 0 0 0 5px;  
}  

.box-title2 {  
border-bottom: 2px dotted #cccccc;  
margin: 0 0 5px 0;  
}

#right-home {  
position:relative;/* ie needs this to show float */
float: left;  
width:168px;  
font-family:"Verdana","Tahoma", serif;  
color: #121212;   
margin: -195px 0 0 15px;  
padding: 0;
}

@media screen and (max-width: 770px) {
	#right-home {max-width: 100%; min-width: 360px; margin: 0; padding: 0; bottom: 0;}
}  

#right {  
position:relative;/* ie needs this to show float */  
width:180px;  
float: right;  
font-family:"Verdana","Tahoma", serif;  
color: #121212;   
margin: 0 13px 0 0;  
padding: 0;
}

@media screen and (max-width: 770px) {
    #right {max-width: 100%; min-width: 320px; margin: 0 0 0 15px;}
}

#right-text {  
width: 175px;  
margin: 10px auto 0;  
} 

h3.right {  
margin: 0 0 15px;  
padding: 0;  
background-color: #877137;  
color: #fcd47d;  
text-align: center;  
}  

#right ul li {  
font-family: "Verdana", serif;  
color: #121212;  
font-size: 1em;  
line-height: 1.4em;  
}  

.social-images {  
position: relative;  
float: right;  
margin: 20px auto 10px;  
}  

.address {  
width: 175px;  
height: 200px;  
text-align: center;  
padding: 5px;  
margin: 20px 0 0 0;  
background-image: url('http://www.cityofleavenworth.com/col-assets/themes/leav2/images/address-rounded3.jpg');  
background-repeat: no-repeat;  
background-position: center 10px;  
}    

/* Right Widget */

.textwidget p {  
font-size:1.2em;   
font-family: "Verdana", sans-serif;  
color: #121212;  
margin: 0 0 20px;  
}

.widget-style p {  
margin: -10px 0 0;  
}  

.calendar-link {  
font-size: .9em;  
text-align: center;  
}  

.widget-style {  
margin: 3px 0 20px;  
width: 148px;  
padding: 5px;  
}  

.widget-style ul {  
margin: 0;  
padding: 0;  
}  

.widget-style li {  
list-style-type: none;  
margin: 0 0 10px 0;  
padding: 0;  
}  

.widget-style h4 {  
margin: 0;  
padding: 0;  
}  

.widget-style h3 {  
margin: 0 0 15px;  
padding: 0;  
background-color: #877137;  
color: #fcd47d;  
text-align: center;  
}  

#centercontent, #centercontent2 { 
 max-width: 775px;
 min-width: 320px; 
 position: relative; 
 margin: 0 10px 10px 185px; /* to give bottom a spacing, must check all browsers, though */  
 padding: 20px 10px 0;  
 overflow: hidden;
 }
 
 @media screen and (max-width: 770px) {
    #centercontent, #centercontent2 {
 max-width: 100%; 
 min-width: 320px;
 float: left;
 margin: 0 0 10px 0;}
 }

#mc_event {  
margin: 0 180px 10px 180px;  
padding: 20px 10px 0;  }

.array {  
clear: right;  
}

#centercontent hr { 
margin: 0 0 15px 0;
 } 

#centercontent img {  
border: 1px solid #555555;  
}

.homebg {  
background-color: #cccccc;  
padding: 15px 10px 0;  
}

#homecentercontent {  
float: left;  
position: relative;  
margin: 0 0 10px 0; /* to give bottom a spacing, must check all browsers, though */  
padding: 12px 0 0 0; 
z-index: 2;  
overflow: hidden;
}

@media screen and (max-width: 770px) {
    #homecentercontent{max-width: 100%; min-width: 320px;}
}

#centercontent ul, #homecentercontent ul, #centercontent ol, #homecentercontent ol {  
font-family: "Verdana", serif;  
color: #121212;  
font-size: 1em;  
}  

#centercontent ul li, #homecentercontent ul li, #centercontent ol li, #homecentercontent ol li {  
line-height: 1.4em;  
}

#centercontent li, #homecentercontent li {  
margin: 0 0 3px 0;  
list-style-type: disc;  }  

.alt-gray {  
background-color: #d7d7d7;  
display: block;  
padding: 2px;  
}  

.alt-gray a:hover {  
background-color: #ececec;  
}  

.alt-light-gray {  
background-color: #ececec;  
display: block;  
padding: 2px;  
}    

.news-box {  
position: relative;  
float: left;  
width: 275px;  
padding: 5px;  
margin: 5px 0 0 0;  
}

@media screen and (max-width: 770px) {
    .news-box{max-width: 100%; min-width: 320px;}
}  

.news-box p {  
margin: 0;  
}  

.news-box h5 { 
margin: 0;  
padding: 0;  
} 

.news-box ul {  
margin: 0;  
padding: 0;
} 

.news-box ul li {  
margin: 0;  
list-style-type: none !important;  
}  

.news-box ul li.news-item {  
margin: 0;  
padding: 0 10px 0;  
list-style-type: none;  
}  

.news-box h3, h3.left-title-nav, .news-box2 h3, h3.boxtitle {  
font-family: MediciScriptMediumItalic, Tahoma, "Georgia", "Times New Roman", serif;  
background-color: #877137;  
font-size: 1.5em;  
color: #fcd47d;  
font-weight: 400;  
text-align: center; 
margin: 0 0 0;  
padding: 2px;  
}

h3.boxtitle {  
margin: 0 0 15px;  
}  

.news-box h3 a:link, .news-box2 h3 a:link, h3.boxtitle a:link {  
font-family: MediciScriptMediumItalic, Tahoma, "Georgia", "Times New Roman", serif;  
background-color: #877137;  
color: #fcd47d;  
font-weight: 400;  
text-align: center;  
text-decoration: none;  
display: block;  
}

.news-box h3 a:visited, .news-box2 h3 a:visited, h3.boxtitle a:visited {  
font-family: MediciScriptMediumItalic, Tahoma, "Georgia", "Times New Roman", serif;  
background-color: #877137;  
color: #fcd47d;  
font-weight: 400;  
text-align: center;  
text-decoration: none;  
display: block;  
}  

.news-box h3 a:hover, .news-box2 h3 a:hover, h3.boxtitle a:hover {  
font-family: MediciScriptMediumItalic, Tahoma, "Georgia", "Times New Roman", serif;  
color: #fcd47d;   
background-color: #9d0117;  
font-weight: 400;  
text-align: center;  
text-decoration: none;  
display: block;  
}

.news-box h3 a:active, .news-box2 h3 a:active, h3.boxtitle a:active {  
font-family: MediciScriptMediumItalic, Tahoma, "Georgia", "Times New Roman", serif;  
background-color: #877137;  
color: #fcd47d;  
font-weight: 400;  
text-align: center;  
text-decoration: none;  
display: block;  
}

.news-box h3 a:focus, .news-box2 h3 a:focus, h3.boxtitle a:focus {  
font-family: MediciScriptMediumItalic, Tahoma, "Georgia", "Times New Roman", serif;  
background-color: #877137;  
color: #fcd47d;  
font-weight: 400;  
text-align: center;  
text-decoration: none;  
display: block;  
}  

.news-box2 {  
position: relative;  
float: left;  
width: 275px;  
padding: 5px;  
margin: 5px 0 0 0;  
}

@media screen and (max-width: 770px) {
    .news-box2{max-width: 100%; min-width: 320px;}
}

.news-box2 p {  
margin: 0;  
}  

.news-box2 h5 {  
margin: 0;  
padding: 0;  
} 

.news-box2 ul {  
margin: 0;  
padding: 0;
} 

.news-box2 ul li {  
margin: 0;  
list-style-type: none;  
}  

.news-box2 ul li.future-event, .news-box2 ul li.today {  
margin: 0;  
padding: 0 10px 0;  
list-style-type: none;  
}  

.news-box2 ul li.future-event span, .news-box2 ul li.today span {  
font-weight: 900;  
}  

.news-box3 {  
width: 148px; 
padding: 5px 5px 15px;  
float: left;  
background-color: #fffded;  
border: 2px solid #dbbf98;  
}

#documents {
width: 575px;
float: left;
margin: 0;
padding: 5px;  
background-color: #fffded;  
border: 2px solid #dbbf98;
}

@media screen and (max-width: 770px) {
    #documents {min-width: 320px; max-width: 100%; margin: 0;}
}

.catbox {  
position: relative;
float: left;  
width: 160px;  
margin: 0 auto 0;  
padding: 5px;  
background-color: #fffded;  
border: 2px solid #dbbf98;  
}

@media screen and (max-width: 770px) {
    .catbox {min-width: 320px; max-width: 100%; margin: 0;}
}

.catbox ul {  
margin: 0;  
padding: 0;
}

.catbox ul li {  
width:140px;  
display: block;  
margin: 0 0 10px 5px;
}

.catbox ul li a {  
width: 140px;  
display: block;
}

.catbox ul li.current-cat a {  
width: 140px;  
display: block;  
color: #000000;  
background-color: #cccccc;  
text-decoration: none;
}  

.catbox p {  
margin: 0 0 10px;  
}  

.cat-text {  
font-size: .9em;  
text-align: center;  
}  

.excerpt-box {
position: relative;
float: left;  
width: 150px;  
margin: 0 5px 10px;  
padding: 5px; 
background-color: #fffbc6;    
border: 2px solid #dbbf98;    
}

@media screen and (max-width: 770px) {
    .excerpt-box {min-width: 320px; max-width: 100%; margin: 0;}
}

.left-document-box {
position: relative;
float: left;  
width: 150px;  
margin: 0 5px 10px;  
padding: 5px; 
border: 2px solid #a9aabd;
background-color: #f3f3f3;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;    
}

@media screen and (max-width: 770px) {
    .left-document-box {min-width: 320px; max-width: 100%; margin: 5px 0 0 0;}
}

.subscribe-link-box {
position: relative;
float: left;  
width: 140px;  
margin: 10px;  
padding: 5px; 
text-align: center;
border: 2px solid #a9aabd;
background-color: #f3f3f3;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;    
}

@media screen and (max-width: 770px) {
    .subscribe-link-box {min-width: 320px; max-width: 100%; margin: 5px 0 0 0;}
}

.chamber-link {
width: 150px;
margin: 0 0 0 5px;
text-align: center;
border: 2px solid #fffded;
}

@media screen and (max-width: 770px) {
    .chamber-link {min-width: 320px; max-width: 100%; margin: 0;}
}

.chamber-link img {
margin: 0 auto 0;
}

.chamber-link a, .chamber-link a:visited, .chamber-link a:active, .chamber-link a:focus {
text-decoration: none;
background-color: #fffded;
}

.chamber-link a:hover {
background-color: #9d0117;
color: #fcd47d;
}

.ninja-forms-cont {
font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; 	
}
  
.excerpt-box h4 {  
color: #0f3617;  
font-family: "Georgia", sans-serif;  
font-size: 1.3em;  
}

.excerpt-box h4 a:link, .excerpt-box h4 a:visited {    
color: #877137;  
font-family: "Georgia", sans-serif;  
display: block;  
text-decoration: none;  
}  

.excerpt-box h4 a:hover, .excerpt-box h4 a:active, .excerpt-box h4 a:focus {  
font-family: "Georgia", sans-serif;  
color: #fcd47d;   
background-color: #9d0117;  
text-decoration: none;  
display: block;  
}

.excerpt-box ul {
display: block;  
margin: 0;  
padding: 0;
}

.excerpt-box ul li {   
list-style-type: none !important;
line-height: 1.4em !important;
font-weight: 900;
width:140px;  
display: block;  
margin: 0 0 10px 5px !important;
}      

.festival-excerpt-box {  
padding: 5px;  
background-color: #fffded;  
border: 1px solid #d7d7d7;  
margin: 0 5px 0;  
}  

h4.festival-excerpt-title {  
font-family: "Georgia", sans-serif;  
color: #fffded;  
font-size: 1.9em;  
font-weight: 400;  
}

h4.festival-excerpt-title a {  
font-family: "Georgia", sans-serif;  
color: #877137;  
font-weight: 400;  
display: block;  
text-decoration: none;  
}  

h4.festival-excerpt-title a:hover {  
font-family: "Georgia", sans-serif;  
color: #fcd47d;   
background-color: #9d0117;  
font-weight: 400;  
isplay: block;  
text-decoration: none;  
}

.festival-box-wrapper {  
float: right;  
width: 395px;  
position: relative;  
background-color: #fffded;  
margin: 0 5px 0 0;
}  

.festival-box {  
width: 395px;  
margin: 0;  
padding: 0 0 5px 0;    
background-color: #fffddd;  
border-right: 2px solid #dbbf98;  
border-left: 2px solid #dbbf98;  
}

.festival-box-top {  
width: 395px;  
height: 10px;  
padding: 0;  
background-color: #e0de9d;
}

.festival-box-bottom {  
width: 395px;  
height: 10px;  
padding: 0;  
background-color: #fffddd;
}  

.festival-box h3 {  
font-size: 2.7em;  
font-family: "Monotype Corsiva", "Times New Roman", serif;  
color: #0f3617;  
}  

#left-content {  
position: relative;  
width: 170px;  
float: left;  
padding: 0 0 10px 0;  
margin: 0 5px 0 0;   
border-right: 5px solid #dbbf98;  
}  

#left-content p {  
width: 165px;  
}  

#left-content hr {  
background-color: #cccccc;  
height: 1px;  
width: 50px;  
}  

#right-content {  
position: relative; 
 margin: 0 0 0 175px;  
 padding: 0 5px 0 10px;  
 }  

.home-text {  
width: 390px;  
float: right;  
padding: 0 10px 0;  
}      

#footer {  
width:100%;  
height: 90px;  
text-align:center;  
margin: 0;  
padding: 0;  
position: absolute;  
left: 0;  
bottom: 0;  
background-color: #007cc4;  
z-index: 2; /* to make footer links work in FF and Safari */
}

@media screen and (max-width: 770px) {
   #footer {  
max-width: 770px; 
min-width: 320px; 
height: 140px;  
text-align:center;  
margin: 0;  
padding: 0;  
position: absolute;  
left: 0;  
bottom: 0;  
background-color: #007cc4;  
z-index: 2;} /* to make footer links work in FF and Safari */
}     

#clearfooter {  
width:100%;  
clear:both;
} /* to clear footer */

@media screen and (max-width: 770px) {
    #clearfooter{height: 5px;}
}

#footer p {  
margin: 22px 0 0 0px;  
padding: 0;  
font-size:.9em;   
color: #d5ecff;  
}  

.footer-large {  
font-size: 1.6em;  
font-family: Arial;   
color: #ffffff;  
} 

.footer-medium {  
font-size: 1.3em;  
font-family: Arial;   
color: #ffffff;  
}  

#footer a {  
font-size: .9em;  
color: #d5ecff;   
}

#footer a:hover {  
font-size: .9em;  
color: #000000;   
background-color: #cccccc;   
}  

#footer a:focus {  
color: #000000;  
background-color: #cccccc;  
} 

#footer hr {
width: 50%; 
text-align: center;
}

#footer-links {    
margin: 0 auto 0;    
background-color: #c8b570;    
}    

#footer-links img {    
border: none;    
}    

img.footer-seal {  
position: absolute;  
top: 0;  
left: 0;  
margin: 5px 0 0 0;  
padding: 0;  
}

@media screen and (max-width: 770px) {
    img.footer-seal{display: none;}
}

/* Search */

.searchbox {  
position: absolute;  
top: 60px;  
right: 20px;  
height: 15px;
}

.searchbox img {  
border: none;  
padding: 2px 0 0 0;
}

.searchbox input {  
background-color: #cccccc;  
margin: 0;  
padding: 0;  
height: 13px;
}

/* Google Map */

.google-map {  
margin: 0 0 15px 0;  
} 

/* Google Search */

.google-search {    
float: right;    
}

#google_results iframe {         
width: 486px;        
margin-right:6px;        
margin-left:6px; 
}

/* Google Translate */

#google-translate {  
width: 155px;  
height: 25px;  
margin: 15px 0 0 12px;  
}  

#google-translate span {  
font-size: 1em;  
font-weight: 600;  
}  

#google-translate img {  
float: left;  
padding: 0;  
margin: 0 7px 0 0;  
}

/* Social */

 .social-icons ul {  
 float: right;  
 }
 
 ul.social li {  
 display: inline;  
 padding: 0 0 0 10px;  
 list-style-type: none;
 }
 
 /* Articles, Archives, etc. */
 
 .article-content {  
 border-left: 4px solid #e2d2d2;  
 margin: 0 0 30px 0;  
 }  
 
 /* Misc */
 
 .clear {  
 clear: both;  
 }  
 
 .para-clear img {  
 margin: 0 10px 20px 0;  
 }
 
 .quote-box {  
 padding: 2px;  
 margin: 0 5px 0 0;  
 background-color: #f4f5e3;  
 border-bottom: 1px solid #cccccc;  
 border-right: 1px solid #cccccc;  
 }  
 
 .quote-box a {  
 display: block;  
 }  
 
 /* Calendar */
 
 #calendarcontent {  
 padding: 20px 10px 5px;  
 }  
 
 .mini-calendar-content {  
 width: 210px;  
 height: 210px;  
 float: right;  
 }  
 
 .details span {  
 font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;   
 font-weight: 900;  
 }
 
 /* Comments &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
 
 ol.commentlist li {  
 list-style-type: none;  
 }
 
 ol.commentlist li {  
 padding: 5px;   
 background-color: #ececec;  
 }  
 
 ol.commentlist li.alt {  
 padding: 5px;  
 background-color: #d7d7d7;  
 }  
 
 ol.commentlist li .authorlink {  
 font-size: 1em;  
 font-weight: 600;  
 font-family: Verdana, sans-serif;  
 }  
 
 ol.commentlist li .commentdate {  
 font-size: .9em;  
 font-weight: 600;  
 font-family: Verdana, sans-serif;  
 }  
 
 #commentform textarea {  
 background-color: #fffded;  
 width: 575px;  
 margin: 0 auto 0;  
 }  
 
 .comment-count {  
 margin: 0 0 0 40px;  
 font-weight: 400;  
 }  
 
 /* Weather Widget */
 
 .weather-box a {  
 display: block;  
 }  
 
 .weather-box {  
 margin: 20px 0 0 12px;  
 }
 
 .accu {  
 margin: 5px;  
 padding: 0;  
 border: 1px solid #cccccc;
 }
 
 .accu-box {  
 background-color: #fffded;  
 border: 2px solid #dbbf98;  
 padding: 5px;  
 height: 73px;  
 width: 133px;  
 margin: 20px auto 15px;
 }
 
 /* Very Top Menu, lol */

 div.top-menu-box {   
 position: absolute;   
 top: 15px;   
 right: 20px;   
 }   
 
 div.top-menu-box-background {   
 background-color: #014d91; /* for IE */   
 filter:alpha(opacity=60); /* CSS3 standard */   
 opacity:0.6;   
 }
 
 div.top-menu-box ul {  
 margin: 0;  
 padding: 0;  
 list-style-type: none;  
 }  
 
 div.top-menu-box ul li {  
 text-align: center;  
 display: inline;  
 margin: 0;  
 padding: 0 5px 0 5px;  
 border-left: 2px solid #d5ecff; 
 }

 div.top-menu-box ul li.no-border {
 border-left: none;
 } 
 
@media screen and (max-width: 770px) {
    div.top-menu-box ul li.no-show {display: none;}
} 
 
 div.top-menu-box ul a:link, a.search-link:link {  
 font-size: .9em;  color: #ffffff;   
 }  
 
 div.top-menu-box ul a:visited, a.search-link:visited {  
 font-size: .9em;  color: #ffffff;   }
 
 div.top-menu-box ul a:hover, a.search-link:hover {  color: #000000;  
 background-color: #cccccc;  
 }  
 
 div.top-menu-box ul a:active, a.search-link:active {  
 font-size: .9em;  
 color: #ffffff;  
 }  
 
 div.top-menu-box ul a:focus, a.search-link:focus {  
 color: #000000;  
 background-color: #cccccc;   
 }  
 
 div.top-menu-box ul li.current_page_item a, div.top-menu-box ul li.current_page_item a:hover {  
 color: #000000;  
 background-color: #cccccc;  
 text-decoration: none;
 }    
 
 .more-stuff {  
 padding: 0 0 0;  
 }
 
 .articles {  
 margin: 0 0 20px 0;  
 padding: 0 0 0 5px;  
 border-left: 1px solid #ececec;
 }
 
 /* Misc. Stuff */
 
 p.external-note {  
 border: 1px solid #cccccc;  
 padding: 5px;  
 text-align: center;  
 }  
 
 .outline {  
 border: 1px solid #cccccc;  
 padding: 5px;  
 margin: 0 0 20px 0;  
 }   
 
 .transparent {          
 zoom: 1;          
 filter: alpha(opacity=50);          
 opacity: 0.5;  
 } /* for very-top-menu transparency, other stuff if needed. mf */
 
 .member {  
 max-width: 560px;
 min-width: 320px; 
 background-color: #ececec;  
 margin: 0 0 10px 0;  
 padding: 10px;  
 overflow: auto;  
 }    
 
 .member-container {  
 position: relative;  
 }
 
 /* fonts */
 
 @font-face {    
 font-family: 'BlackletterExtraBold';    
 src: url('fonts/blackletter-webfont.eot');    
 src: url('fonts/blackletter-webfont.eot?#iefix') format('eot'), url('fonts/blackletter-webfont.woff') format('woff'), url('fonts/blackletter-webfont.ttf') format('truetype'), url('fonts/blackletter-webfont.svg#webfont9Q1ULrcy') format('svg');    
 font-weight: normal;    
 font-style: normal;
 }
 
 @font-face {    
 font-family: 'BlackletterShadowRegular';    
 src: url('fonts/blacklettersh-webfont.eot');    
 src: url('fonts/blacklettersh-webfont.eot?#iefix') format('eot'), url('fonts/blacklettersh-webfont.woff') format('woff'), url('fonts/blacklettersh-webfont.ttf') format('truetype'), url('fonts/blacklettersh-webfont.svg#webfontQEZcdiCM') format('svg');    
 font-weight: normal;    
 font-style: normal;
 }
 
 @font-face {    
 font-family: 'Blackletter686BTRegular';    
 src: url('fonts/blackletter_686_bt-webfont.eot');    
 src: url('fonts/blackletter_686_bt-webfont.eot?#iefix') format('eot'), url('fonts/blackletter_686_bt-webfont.woff') format('woff'), url('fonts/blackletter_686_bt-webfont.ttf') format('truetype'), url('fonts/blackletter_686_bt-webfont.svg#webfontZL5ehN19') format('svg');    
 font-weight: normal;    
 font-style: normal;
 }
 
 @font-face {    
 font-family: 'ClairvauxRegular';    
 src: url('fonts/clairvaux-webfont.eot');    
 src: url('fonts/clairvaux-webfont.eot?#iefix') format('eot'), url('fonts/clairvaux-webfont.woff') format('woff'), url('fonts/clairvaux-webfont.ttf') format('truetype'),  url('fonts/clairvaux-webfont.svg#webfontxJ9LlQ5D') format('svg');    
 font-weight: normal;    
 font-style: normal;
 }
 
 @font-face {    
 font-family: 'MediciScriptMediumItalic';    
 src: url('fonts/medici_script-webfont.eot');    
 src: url('fonts/medici_script-webfont.eot?#iefix') format('eot'), url('fonts/medici_script-webfont.woff') format('woff'), url('fonts/medici_script-webfont.ttf') format('truetype'), url('fonts/medici_script-webfont.svg#webfontB0BJSU1v') format('svg');    
 font-weight: normal;    
 font-style: normal;
 }