@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Exo:300,300i,400,500,700');
/*font-family: 'Exo', sans-serif;*/

body {
	font-family: 'exo', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.8em;
}

.txt-gray {color: #888;}
.txt-small {font-size: 18px;}

.txt-note {font-size: 14px;}

/*active nav*/
/*level1*/
#home #homeNav,
#about #aboutNav,
#faq #aboutNav,
#board #aboutNav,
#staff #aboutNav,
#meetings #meetingsNav,
#press #pressNav,
#docs #docNav,
#sntic #snticNav,
#vendor #vendorNav,
#sbFaq #vendorNav,
#community #communityNav,
#communityMtg #communityNav {background-color: #0c83c9;}

/*level2*/
#about #aboutNavBkgd a,
#about #boardNav a,
#faq #faqNav a,
#board #aboutNavBoard a,
#staff #aboutNavStaff a,
#vendor #venderFormNav a,
#sbFaq #sbFaqNav a {background-color: #a9a9a9; color: #fff;}


.navbar {border-radius: 0px;}

.navbar-inverse.navbar-default  {
	background-color: #121D33;
	color: #fff;
	height: 112px;
}

.navbar-default > .container-fluid {/*height: 125px;*/}

	.navbar-default .navbar-nav > li > a {color: #fff;}
	.navbar-default .navbar-nav > li > a:hover {background: #0C83C9; color: #fff;}


.navbar-brand {padding-top: 6px;}

	.navbar-default .navbar-brand {
		color: #fff;
		font-size: 14px;
		text-transform: uppercase;
	}
	
		.navbar-default .navbar-brand > span {
			display: block;
			font-size: 18px;
			line-height: 14px;
		}

.navbar-collapse {margin-top: 62px;}

.navbar-default .navbar-brand:hover {color: #acacac;}

.img-logo {height: 100px; width: auto;}



/*#about h1, #faq h1, #board h1, #staff h1, #meetings h1, #press h1, #docs h1, #sntic*/ h1 {color: #fff; margin-top: 100px; margin-bottom: 50px; padding-left: 25px;}



/*footer*/
/*start sticky footer*/
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 570px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 570px;
}
/*end sticky footer*/

#footer {
	background-color: #08324A;
	display: block;
	overflow: hidden;
}

#footer, #footer p, #footer a {color: #fff; font-size: 14px;}

#footer #siteLinks h6, #footer h5 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0px;
	margin-top: 20px;
	padding-bottom: 0px;
}

#footer h5 {margin-top: 8px; margin-bottom: 13px;}	

#footer #siteLinks ul,
#footer #siteLinks ul li {line-height: 1.3em; margin: 0px;}
#footer #siteLinks > ul {margin-top: 10px;}
#footer #siteLinks > ul > li > ul {margin-left: 10px;}

#footer #siteLinks ul li a {display: block; width: 100%;}
#footer #siteLinks ul li a:hover {background-color: #0C83C9;}

#footerCopyrightArea {line-height: 1.2em;}
#footerCopyrightArea p {margin-bottom: 0px;}

#contact {border-left: solid 1px #fff; margin-top: 10px; margin-bottom: 10px;}
#contact p {font-style: italic; line-height: 1.3em; margin-top: 0px;}

#contact > div > div {line-height: 20px;}

/*h1 {color: #888; margin-top: 0px;}*/

h2, h3, h4, h5, h6 {color: #556585;}

p.lead {font-size: 22px;}
p, ul {margin: 25px auto;}

.txt-bold {font-weight: 700;}
.txt-italic {font-style: italic;}
.txt-md {font-weight:500;}
.txt-blueLg {color: #08324a; font-weight: 300; font-size: 20px; line-height: 1.5em;}

.btn-blue {background-color: #08324a; color: #fff;}

.btn-blue:hover {background-color: #0c83c9; color: #efefef;}

.marginTop {margin-top: 10px;}

input.error {
	background: rgba(125,1,6,.25); 
	margin-bottom: 0px;}

label.error {
	color: #7d0106; 
	clear: right; 
	float: none; 
	padding-top:0px; 
	margin-top: 0px; 
	box-sizing: border-box; 
	font-size: 14px; 
	font-weight: 500;
	width: 100%;}

#vendor label.error {margin-top: 0px;}

#hero {
	background-image: url('../img/field-bkgd.jpg');
	background-size: cover;
	background-position: center;	
	height: 200px;
}

	#home #hero {height: 350px;}

	#home h1 {
		color: #fff;
		font-weight: 300;
		text-shadow: 0px 0px 10px #000;
		text-transform: uppercase;
		margin-top: 100px;
		font-size: 4em;
	}

	#home h1 span {display: block; font-weight: 700;}

hr.hr-blue {
	margin-top: 5px!important; 
	border-top: 6px solid #08324A;
}

#mainContent.container {margin-top: 50px; padding-bottom: 50px;}

#faqAlert.alert h4 {margin-bottom: 0px;}

.cvr {
	border: 1px solid #A9A9A9; 
	margin-left: auto; 
	margin-right: auto;}

/****/
/*temp home page*/
#home p.txt-italic > span {
	line-height: 1.5em;
	padding: 5px 0px;
}

#home p.txt-italic > span.label {
	color: #08324A;
	clear: left;
	display: block;
	float: left;
	text-align: left;
	width: 150px;
}

#home p.txt-italic > span.info {
	display: block;
	clear: right;
	float: left;
}

/****/
/*home page*/
#nxtMtg {
	line-height: 1.3em;
	font-size: 1em;
	margin-top: 30px;
}

#nxtMtg span {font-size: 1.5em;}

#nxtMtg span,
#nxtMtg a {
	display: block;
}

#nxtMtg #locationName,
#nxtMtg a {margin-top: 10px;}

#nxtMtg #locationName {font-size: 1.3em; line-height: 1.2em; padding-bottom: 10px;}


/****/
/*meeting page*/
#mtgList li, #memberList li {width: 100%;}

#mtgList li a, #memberList li a {display: block; padding: 2px 5px; width: 100%; box-sizing: border-box;}

#mtgList .active a, #memberList .active a {background-color: #0c83c9; color: #fff;}


#meetings #activeMtg span,
#communityMtg #activeMtg span {
	font-weight: 500;
	display: block;
	clear: right;
}

/*mtg accordion*/
#meetings .panel-group {margin-bottom: 0px;}
#meetings .panel-body {padding: 0px;}
#meetings #mtgAccordion ul {margin: 0;}



#materialsHeader {margin-bottom: 0px;}
#meetings #docList {margin-top: 0px;margin-left: 20px;}

#meetings #activeMtg h2 span {font-weight: 300;}

.activeMtg {background-color: #85b55a;}

#activeMtg ul {margin-top: 0px;}

#meetings p.alert-danger {padding: 10px;}

/****/
/*member page*/
#activeMem h2 {padding-bottom: 0px; margin-bottom: 0px;}

#activeMem blockquote {margin-top: 20px;}

#about #memberList span {display: block; margin-top: 0px; line-height: 16px;}

/****/
/*press page*/
#press #docList a {
	display: block;
	line-height: 1.3em;
}


#press .txt-small {
	font-size: 14px; 
	font-style: italic; 
}

#press #docList li {margin: 20px 0px;}


/****/
/*docs page*/
#docs h3 {margin-top: 50px;}


/****/
/*sntic page*/
#sntic .cvr {max-width: 350px; width: 100%; height: auto; margin-top: 20px;}
#sntic .well {margin-top: 20px;}


/****/
/*faq page*/
#faq #mainContent a {margin: 20px auto;}
#faq .txt-blueLg,
#sbFaqArea dt {font-weight: 500; margin: 20px auto 0 auto;}
#faq #mainContent p,
#sbFaqArea dd {margin: 10px auto;}

#faq #mainContent li,
#sbFaqArea dd {margin-bottom: 50px;}

table {border: 1px solid #ccc;}
th {background-color: #121d33; color: #fff;}

td, th {padding: 5px 10px;}

tr td:nth-child(2), tr th:nth-child(2) {text-align: right;}


/****/
/*vendor page*/
#vendor label {margin-top: 20px;}
#address2 {margin-top: 10px;}

#vendor div.checkbox2 {margin-top: 0px; padding-top: 0px;}
#vendor input[type="checkbox"] {margin-top: 8px;}
/*#vendor .checkbox label {margin-right: 20px; margin-top: 0px;}*/
#vendor sup {color: red;}



/****/
/*community benefits pages*/
#community #commOverview {margin-bottom: 50px;}

@media (max-width: 767px) {
	/*col-xs*/
	#hero h1 {
		margin-top: 70px;
		/*font-size: 3em;*/}
	
	#footer a {display: block;}
	.navbar .navbar-default {height: 110px;}
}

@media (min-width: 768px) {
	/*col-sm*/
	.footer {height: 280px;}
	body {margin-bottom: 280px;}
	#footer #contact {border-left: none;}
	
}

@media (min-width: 992px) {
	/*col-md*/
}

@media (min-width: 1200px) {
	/*col-lg*/
}