@import url(https://fonts.googleapis.com/css?family=Roboto|Oswald);

body {font: normal 16px 'Roboto'; color: #000; margin: 0; padding: 0; line-height: 1.8; background: #fff;  background-image: url(../images/background.png); background-attachment: scroll; background-size: auto;  background-repeat: repeat-x;}


h1, h2, h3, h4, h5, h6 {}
h1, h2, h3 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #000;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #000; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #004E81; text-decoration: none;}

a, a:visited {color: #AD8C0B; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}
ul {list-style-type:square;}
ul, ol {padding-left: 25px;}
ul ul, ol ol {padding-left: 25px;}

#content_wrapper {background: #fff;}
#header_wrapper {padding-top: 20px; padding-bottom:10px; text-align: center;}

#header_text {zoom: 1; overflow: hidden; padding: 0 0 0 0;}
#header_text h1#site_heading {
  font-size: 50px;
  line-height: 1.2;
  font-family: 'Oswald';
  letter-spacing: 5px;
  margin:10px;
  margin-top: 20px;
}
#header_text h1#site_heading, #header_text h1#site_heading a {color: #000;}

#header_text h2#site_subheading {
 font-size: 20px;
 line-height: 1.2;
 font-family: Arial;
 font-weight: normal;
 color: #fff;
 letter-spacing: 0;
 margin:10px; 
 margin-bottom: 20px;
 text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 4px;
}

.component_heading, .blog_post .title {
margin-top: 0; 
margin-bottom: 0;
text-transform: uppercase; 
text-shadow: none;
font-size: 24px;
line-height: 2.2;
font-family: 'Roboto';
color: #111;
font-style: normal;
letter-spacing: 5px;
}
input, textarea {font-family: 'Arial';}
.blog_post{ margin-bottom: 20px; }  

.blog_post .date{
  font-style: italic;
  font-size: 12px;
} 

#left .component_content, #left .component_heading{padding-left:10px; padding-right: 10px;}
#main, #right {margin-top:10px;}
#header_photo {margin: 0px auto; text-align: center;}
#header_photo img {width: 100%;}

#primary_navigation {position: relative;}
#primary_navigation ul {font: normal 20px 'Roboto';list-style-type: none; zoom: 1; overflow: hidden; margin: 0; padding: 10px;}
#primary_navigation ul li {display: block; border: 1px solid #ccc; border-radius: 7px; margin-bottom: 5px;}
#primary_navigation ul li a {text-decoration: none; color: #fff; display: block; padding: 5px 10px; background: #111; margin:3px; border-radius: 5px;}
#primary_navigation ul li.active a, #primary_navigation ul li a:hover {background: #efc94c; color: #111;}

#primary_navigation .sf-menu ul {margin-top:-1px;}


#primary_navigation ul.sf-menu ul.sub_navigation {background: transparent; border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#primary_navigation ul.sf-menu ul.sub_navigation a {color: #fff; padding:5px 10px;}
#primary_navigation ul.sf-menu ul.sub_navigation li {border:2px solid #fff;margin-bottom: 0px; background:#111; border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#primary_navigation ul.sf-menu .active ul.sub_navigation li a {color: #fff;} 
#primary_navigation ul.sf-menu ul.sub_navigation li a:hover { color: #111;}
#primary_navigation ul.sf-menu ul.sub_navigation li:hover {background: #efc94c;}

#primary_navigation .sf-menu.sf-vertical ul {border-radius: 5px; }
#primary_navigation .sf-menu.sf-vertical ul li:last-child, #primary_navigation .sf-menu.sf-vertical ul li:last-child a {border-radius: 5px;}
#primary_navigation .sf-menu.sf-vertical ul li, #primary_navigation .sf-menu.sf-vertical ul li a {border-radius: 5px;}
#primary_navigation .sf-menu.sf-vertical ul li:first-child, #primary_navigation .sf-menu.sf-vertical ul li:first-child a {border-radius: 5px;}
#primary_navigation ul.sf-menu ul.sub_navigation li {border-radius: 5px;}

#left {background: #eee;}
#left .location {padding: 10px;}
#left .location a, #left .location a:visited, #left .location a:hover {}
#left .location a:hover {}
#main .location h2 span, #main .location h3.title, #right .location h2 span, #right .location h3.title {display: block;}

.navigation_component ul {list-style-type: none; font-size: 20px; padding: 0; margin: 0;}
.navigation_component ul a {text-decoration: none;}
.navigation_component ul li {padding: 5px 0; margin: 0;}
.navigation_component ul ul {padding-left: 35px; list-style-type:square;}

.blog_component ul li a, .blog_archive_component ul li a {text-decoration: none;}
.blog_component ul, .blog_archive_component ul {list-style-type: none; padding-left: 0;}
.blog_component .blog_post ul {list-style-type: disc; padding-left: 30px;}
.blog_component p.post_read_more a, .blog_component .post_pagebreak a {background: #004E81; padding: 10px 15px; color: #fff; border-radius: 8px;text-decoration: none;}
.blog_component p.post_read_more a:hover, .blog_component .post_pagebreak a:hover {background: #39B9DB0; color: #fff;}
.blog_component .post_pagebreak {margin-bottom: 15px;}
.blog_component p.archived {text-align: right;}
.blog_component p.archived a {padding: 10px 15px; color: #fff; border-radius: 8px; text-decoration: none;}

#left .blog_component p.post_read_more a, #left .blog_component .post_pagebreak a, #left .blog_component p.post_read_more a:hover, #left .blog_component .post_pagebreak a:hover, #left .blog_component p.archived a, #left .blog_component p.archived a:hover {color: #fff;}

.blog_component .content {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.metadata {font-size: 13px; border: none; padding: 10px 0; border-top: 2px solid rgba(255, 255, 255, 0.2); margin-top: 3px;}
.metadata .comments {border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: 7px;}
.metadata div {display: inline;}

.comment.owner {border: none;}
.comment {border: none;}

.component input {min-height: 25px;}
.component input, .component textarea {border: 2px solid #c2c2c2; background: #c5c5c5; border-radius: 5px; color: #000; font-family: arial;}

.component button, .blog_component p.post_read_more a, .blog_component p.archived a, input.form_field_submit_button, .submit_wrapper input {border-radius: 5px; padding: 10px 15px; border: 0; background: #efc94c; color: #111;  font-size: 16px;}
.component button:hover, .blog_component p.post_read_more a:hover, .blog_component p.archived a:hover, input.form_field_submit_button:hover, .submit_wrapper input:hover {background: #111; color:#fff;}


#footer_wrapper {text-align: center; font-size: 13px; margin-top: 20px;}
#footer_wrapper .wrapper {padding: 10px 0;  margin-top: 3px;}
#footer_wrapper a, #footer_wrapper a:visited, #footer_wrapper a:hover {}




@media screen and (max-width: 650px) {
        #header_photo {display:none;}
	.location .component_content {padding: 10px;}
	#footer_wrapper .wrapper {padding: 10px;}
}