/*
Theme Name: custom theme by Red Barn Computers
Author: Alex Meyerson
Author URI: http://rbc.redbarncomputers.com/web/web-development.html
*/
html,body {margin:0; 	padding:0; height:100%; font-size: 14px;
			font-family: 'Noticia Text', serif;
			background: #f7f7f7;
			color: #555;
}
body {overflow-y: scroll}

/**LAYOUT**/

#container {	min-height:100%; position:relative; min-width: 800px;}
header {background:#1e4068; color: #fff; padding-top: 10px; height: 49px; position: relative; z-index: 5; border-bottom: 1px solid #d2d9e1;}
nav {}
#content {padding:0px; padding-bottom:109px;}
section {width: 64%;float: left;}
section.full-width {width: 100%;}
aside {float: right;width: 32%; background: #f0f0f0; padding: 20px; margin-top: 50px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);}
footer {position:absolute; bottom:0; width:100%; padding: 0; height:86px; border-top: 4px solid #822838;}

.inner {width: 1350px; margin: 0 auto;}

/****** Header  ****/
header h1{float: left; font-size: 32px; margin: 0 25px; line-height: 49px; padding-left: 100px;}
header h2{float: left; font-size: 18px; margin: 16px 0 0;}
header .inner {position: relative;}
#seal{float: left; padding: 0; position: absolute; left: 0;}

/***** nav *****/
nav {display: block;margin: 0 auto 1em; width: 100%; height: 63px;
		border-bottom: 2px solid #bb9098; position: relative; z-index: 3;}
nav ul {list-style: none;	margin: 0; padding: 0; padding-left: 100px;}
nav li {float: left; position: relative; margin: 0 20px;}
nav li.current_page_item, nav li.current_page_ancestor {background: #fff;}
nav a {display: block; font-weight: 400; line-height: 1.5em; padding: .75em .75em;	text-decoration: none; text-align: center; }
nav a, nav a:visited {color: #041d3a;}
nav li.single > a {line-height: 3em;}
nav ul ul {-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);
	display: none; float: left;	position: absolute;	top: 40px; left: 0; z-index: 99999; margin: 0; padding: 0;}
nav ul ul li {margin: 0;}
nav ul ul ul {left: 100%; top: 0; margin: 0; padding: 0;}
nav ul ul a {background: #dedede; line-height: 1em;	padding: .5em .5em .5em 1em; width: 16em; height: auto;  text-align: left;}
nav li:hover > a,
nav ul ul :hover > a {background: #dedede;}
nav ul ul a:hover {	background: #cecece;}
nav ul li:hover > ul {display: block;}

#upper-search .searchbar{float: right;}
#upper-search .searchbar form {margin-left: 0;}
.searchbar input{display: inline;}
.searchbar input[type="text"]{ width: 300px; padding: 5px; margin: 10px 0;}
.searchbar input[type="submit"]{padding: 5px; margin: 16px 0; font-size: 14px; font-weight: 400;}
#lower-search { display: none;}
#lower-search .searchbar input[type="text"] {width: 80%;}

/** footer **/
footer ul {margin: 15px auto 0; list-style-type: none; padding: 0; text-align: center;}
footer li {padding: 0 2em;}
footer p {text-align: center;}

/**** Content ***/
h1 {font-size: 1.8em; font-weight: 400;}
h2 {font-weight: bold; font-size: 1.3em;}
h3 {font-weight: bold;}
h4 {text-transform: uppercase; font-weight: bold; }
em {font-weight: bold; font-style: normal; text-decoration: underline;}
p {margin: .5em 0;}
section p {font-size: 14px; line-height: 1.4em;}

.split div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
			width: 50%; min-width: 332px; padding: 0 2%; float: left;}

section.full-width p{max-width: 1000px;}

#crumbs, #crumbs a {color: #041d3a;}

/** homepage **/
#hero {width: 100%; height: 250px; background: url(img/hero.jpg) center center; background-size: cover;}
#hero aside {background: url(img/bkg-white.png); color: #041d3a; width: 660px; padding-top: 0; margin-top: 70px;}
#hero p {}

#slideshow-container {position: relative;}
#slideshow {width: 100%; height: 250px;}
.homeslide {width: 100%; height: 250px;}
.homeslide span {height: 100%; width: 100%; display: block; background-size: cover; background-repeat: no-repeat;}				

#mobile-banner {width: 100%; height: auto;}
.tinynav {display: none;}

#home-pager {position: absolute; bottom: 1em; width: 96%; max-width: 1500px; margin: 0 auto; z-index: 7777;}
#home-pager ul {float: right; list-style-type: none; margin: 0; padding: 0;}
#home-pager li {width: 50px; height: 50px; float: left; margin: 8px; list-style-type: none; display: inline; padding: 0;}
#home-pager a {display: block; height: 100%; width: 100%; background-size: cover; background-position: center center; border: 3px solid #fff;}
#home-pager a:hover {border: 3px solid #fece00;}
#home-pager a:focus {outline: none; }
#home-pager li.activeSlide a {border: 3px solid #822838;}



.home-table{border-collapse:separate; border-spacing:40px 20px; width: 100%;}
.home-table td {width: 50%; background: #fff; padding-bottom: 1em;
		-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3)}
.home-table h2 {margin: 0; background: #f0f0f0; font-weight: 400; font-size: 24px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15); text-transform: uppercase;
					padding: .4em .8em;}
.home-table td > ul {margin-top: 8px}
#community-table {font-size: 16px; line-height: 1.8em;}
#community-table > ul {float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#community-table h3 {font-size: 1em; color: #041d3a; font-weight: bold; margin: 0;}
#community-stripe {width: 100%; height: 0; margin: 0; padding-bottom: 16.923%; background: url(img/community-stripe.jpg) center center no-repeat; background-size: cover;}
#home-announcements {font-size: 16px;}
#home-announcements li{padding: 4px;}
.emergency {color: red !important;}
#home-forms h2 {margin-bottom: 8px; }
#home-forms a {min-width: 50%; float: left;}

/** index pages **/
.index h4 {font-size: 1.2em; color: #041d3a; text-decoration: underline; text-transform: none;}
					
/** help page **/
#help-nav {}
#help-nav h3 {margin-top: 0;}
#help-nav h4 {margin: .25em 0; color: #041d3a; font-size: 1.3em; margin-top: .5em;}
#faq {}

#docs {width: 35%}
#docs h3 {margin-top: 0;}
#docs h4 {margin: .75em 0;}

#help-nav a {font-weight: 400; text-decoration: none;}
#help-nav a:hover {text-decoration: underline;}			
				
#help-answers {width: 90%;}
				
/**schedule**/
#meetings {text-align: center; border-collapse: collapse; width: 80%;}
#meetings, #meetings th, #meetings td { border: 1px solid #ddd;  vertical-align:middle; padding: .5em 0;}
#meetings h2 {margin: 0;}				

/**GENERAL CLASSES **/
a{color: #041d3a; font-weight: bold;}
a:visited{color: #555 ;}
a:hover{color: #822838;}
a.graphic {text-indent: -9999px; display: block;}

h1,h2,h3,h4,h5,h6{margin: 15px 0;}

.hide { display: none; }

p{line-height: 1.25em; font-size: 1em; margin: 10px 0 0 0; padding: 0px 10px 10px 10px;}

strong{ font-weight: bold; }

ul {list-style:square url("img/bullet.png"); padding-left: 1.5em; margin: 0;}

a img {border: none;}
p img {margin-bottom: 0.5em;}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img, .wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

td {vertical-align:top;}

.left{float: left;}
.right{float: right;}

.left-col{width: 62%;float: left;}
.right-col{float: right;width: 32%;margin-left: 2%;}

ul.horizontal li{display: inline-block; list-style-type: none;}
.horizontal ul li {display: inline-block; list-style-type: none;}

/* self-clear floats */
.group:after, #primary nav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*WordPress Image Classes*/
img {max-width: 100%;}
img.centered {display: block; margin-left: auto;	margin-right: auto;}
.alignright {float: right; margin-left: 10px; margin-bottom: 10px;}
.alignleft {float: left; margin-right: 10px; margin-bottom: 10px;}
.aligncenter,
div.aligncenter {display: block;	margin-left: auto; margin-right: auto;}

.wp-caption {border: 1px solid #ddd;	text-align: center;	background-color: #d4d4d4; padding-top: 4px; margin: 10px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 0.85em; line-height: 1.214em; padding: 0 4px 5px; margin: 0;}

/* icons */
[class^="icon-"], [class*=" icon-"]  {}
[class^="icon-"].right, [class*=" icon-"].right  { width: auto; margin-right: 15px; }
#crumbs [class^="icon-"],#crumbs [class*=" icon-"]  {color: inherit; margin: 0 4px;}
ul.icon {margin: 0; padding: 0 5px; list-style-type: none;}
ul.icon li {margin: 8px; margin-left: 0;}

li .icon-file-alt {padding-left: 0;}
.icon-file-alt {padding-left: 1em; padding-right: .5em; text-align: center;}

.button{
border:1px solid #244d7d; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;
	padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #3168A8; background-image: -webkit-gradient(linear, left top, left bottom, from(#3168A8), to(#1e4068));
 background-image: -webkit-linear-gradient(top, #3168A8, #1e4068);
 background-image: -moz-linear-gradient(top, #3168A8, #1e4068);
 background-image: -ms-linear-gradient(top, #3168A8, #1e4068);
 background-image: -o-linear-gradient(top, #3168A8, #1e4068);
 background-image: linear-gradient(to bottom, #3168A8, #1e4068);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3168A8, endColorstr=#1e4068);
}

.button:hover{
 border:1px solid #1a3759;
 background-color: #255081; background-image: -webkit-gradient(linear, left top, left bottom, from(#255081), to(#132840));
 background-image: -webkit-linear-gradient(top, #255081, #132840);
 background-image: -moz-linear-gradient(top, #255081, #132840);
 background-image: -ms-linear-gradient(top, #255081, #132840);
 background-image: -o-linear-gradient(top, #255081, #132840);
 background-image: linear-gradient(to bottom, #255081, #132840);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#255081, endColorstr=#132840);
}

.mobile {display: none;}

/* Media queries */
@media screen and (max-width: 1400px) {
.inner {width: 1200px;}

nav li {margin: 0 10px;}
.searchbar input[type="text"]{ width: 250px;}

footer ul {width: 800px;}
}

@media screen and (max-width: 1260px) {
.inner {width: 960px;}
header h2 {font-size: 16px;}
nav li {margin: 0 20px;}
nav a {padding: .75em .8em;}
#lower-search { display: block;}
#upper-search { display: none;}
section{width: 62%;}
aside{width: 36%; padding: 12px;}

#community-table > ul {width: 100%;}
#home-forms a {width: 100%;}
}

@media screen and (max-width: 980px) {
.inner {width: 95%;}

header {height: auto;}
header h1 {padding-left: 0;}
header h2 {margin-left: 25px;}
#seal {position: static;}
nav ul {padding-left: 0;}
nav .inner > ul > li {width: 20%; margin: 0;}

#home-pager {display: none;}

section {width: 100%;float: left; margin-bottom: 1em;}
aside {float: none; clear: both; margin: 1em auto; width: 95%;}

}

@media screen and (max-width: 780px) {
nav .inner {width: 100%;}


}