/* use fonts/fonts.css to load @fontface and files*/
/* ==========================================================================
   Modernizer Selectors - adds classes to the html element for supported features
   choose from : .js .flexbox .canvas .canvastext .webgl .touch .geolocation .postmessage .websqldatabase .indexeddb .hashchange .history .draganddrop .websockets .rgba .hsla 
   .multiplebgs .backgroundsize .borderimage .borderradius .boxshadow .textshadow .opacity .cssanimations .csscolumns .cssgradients .cssreflections .csstransforms .csstransforms3d 
   .csstransitions .fontface .generatedcontent .video .audio .localstorage .sessionstorage .webworkers .applicationcache .svg .inlinesvg .smil .svgclippaths
   
   adds "no-" to each unsupported feature (ex 'no-js' or 'no-fontface') 
   
   use classes instead of alternate stylesheets for ie versions
   
   if javascript is disabled, the no-js class and ie version classes are still applied.
   ========================================================================== */
 
.no-js {} 
.ie9 {}
.lt-ie9 {}
.ie8 {}
.lt-ie8 {}

/* example fallback: */
.dropdown-menu { background: rgba(255,255,255,0.9);}
.no-rgba .dropdown-menu,.no-js .dropdown-menu { background: url(../images/trans-white-90.png);}
/*this ensures proper display if javascript is disabled or if the browser does not support rgba values*/


/* ==========================================================================
   Standard Selectors
   ========================================================================== */
body {

	}



/* ==========================================================================
   Special Selectors
   ========================================================================== */   
   
body.home {} /* home page specific style*/
body.internal {}  /*internal page specific style*/
#main-content { 
	background:#3498db;
	color: #fff;
	padding: 0 0 25px;
	}
	
#main-content a { 
	color: #fff;
}

#main-content a:hover { 
	color: #DC6B31;
}
	
#logo-content {background:#FFF;
				padding: 20px 0;
}

#site-footer { background:#424955;color:#fff;}
   
/* ==========================================================================
   Nav
   ========================================================================== */   

.navbar {
  border: none;
  margin-bottom: 0;
  min-height: 0;
}/*reset bootstrap styles*/


.nav .open > a, 
 .nav li.active > a,
  .nav > li > a:hover, 
   .nav > li > a:focus,
.nav .open > a:hover, 
 .nav .open > a:focus,
  .nav li.active.open > a {
  color: #E57545;
  text-decoration: none;
}/*hover state, active state,& open dropdown*/

.navbar-toggle {
  border: 1px solid #333;
}/* menu button on mobile*/
.navbar-toggle .icon-bar {
  background-color: #333;
}


.navbar .nav > li {float: left !important;}
.navbar-header {
  display: inline-block !important;
}

/* ==========================================================================
   Home Page Carousel
   ========================================================================== */
/* responsive image sizes - three sizes for each image - see responsive section for -md and -sm*/   
.carousel .item {  
background:url(../images/slide1.jpg) no-repeat center center;
height: 500px;
} 
.carousel .item#item1 {background-image:url(../images/slide1.jpg); }   
 .carousel .item#item2 {background-image:url(../images/slide2.jpg); }  
  .carousel .item#item3 {background-image:url(../images/slide3.jpg); } 


/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity 1s; /*adjust timing here */
         -moz-transition: opacity 1s;
           -o-transition: opacity 1s;
              transition: opacity 1s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}
   
/* ==========================================================================
   /* Form
   ========================================================================== */   
   

#contact-form label {
	text-align: left;
}

#contact-form input, #contact-form textarea {
}

.reload {
	font-variant: small-caps;
	padding: 3px;
	text-size: 90%;
}

.bot-input { 
	float: left; 
	margin-left: -999em;
}

/* ==========================================================================
   /* specific
   ========================================================================== */
.debug {position:fixed;top:0;left:50%;display:block;z-index: 9999999; color:#FFF;}
/*
un-comment:
<div class="debug"></div>
in page-close to view responsive sizes in development
*/

ul.navbar-nav {
	margin: 35px 0 0;
    float: right;
    font-family: 'texgyreadventorregular';
}

.navbar-nav > li > a {
    border-right: 2px solid #E2E2E2;
    font-family: 'texgyreadventorregular';
    font-size: 20px;
    text-transform: uppercase;
}

.navbar-nav > li > a.last {
    border-right: none;
}

.container {
	margin: 0 auto;
	padding: 0;
	width: 990px !important;
}

.carousel {
    margin: 0 auto -50px;
    position: relative;
    width: 990px;
}

.navbar-brand {
    float: left;
    font-size: 18px;
	height: 90px;
    line-height: 0px;
    padding: 0px;
}

ul.footer {
    background: none repeat scroll 0 0 #DC6B31;
    border-radius: 0 0 20px 20px;
    margin: 0 auto 20px;
    padding: 12px 0;
    text-align: center;
    width: 510px;
}

.footer li {
	display: inline;
	list-style: none;
	padding: 10px;
}

.footer li a {
	color: #fff;
	text-decoration: none;
}

.footer li a:hove {
	color: #424955;
}

.carousel-caption {
    background: url(../images/trans-white-70.png) repeat;
	bottom: 65px !Important;
    left: 0;
    padding: 5px 0 5px 20px;
    right: 0;
	text-align: left;
}

.carousel-caption a {
    float: right !important;
}

.carousel-caption h1 {
	font-family: 'texgyreadventorregular';
    color: #3498db;
	text-shadow: none;
	text-transform: uppercase;
}

.carousel-caption p {
    color: #999999;
	font-family: 'texgyreadventorregular';
	font-size: 20px;
	text-shadow: none;
	text-transform: uppercase;
}

.btn-primary {
    border-left: 40px solid #006699;
    background: #357EBD;
	border-radius: 0;
    color: #FFFFFF;
}

.img-circle {
	border: 4px solid #5bc6f3;
}

.img-circle:hover {
    opacity: 0.6;
	transition: 0.5s ease;
}

img.home1 {
	float: left;
	height: auto;
	margin: 30px 0 0 0;
	width: 170px;
}

img.home2 {
	float: right;
	height: auto;
	margin: 50px 0 0 0;
	width: 170px;
}

img.home3 {
	height: auto;
    margin: -6px 94px 0 103px;
    text-align: center;
    width: 170px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}

.navbar {
    min-height: 110px !important;
}

.by-laws h1,
.by-laws h3 {
	text-align: center;
}

.by-laws h3 {
    border-top: 1px solid #FFFFFF;
    padding: 20px 0 0;
}

.reps {
	text-align: center;
}

.reps a {
	color: #fff;
	text-align: center;
}

.modal-content,
.modal-content a {
	color: #333;
	text-align: left !important;
}

.modal-content a {
	color: #3498DB !important;
}

.img-thumbnail {
    float: left;
    margin: 0 20px 0 0;
}

.modal-header {
    padding: 15px 15px 0;
}

.modal-header h4 {
    color: #3498DB;
	font-family: 'texgyreadventorregular', Arial;
	font-weight: bold;
}

.modal-header h5 {
	margin-top: 0px;
}

.resolution h1 {
	font-family: 'texgyreadventorregular', Arial;
}

.resolution-header {
	color: #fff;
	font-family: 'texgyreadventorregular', Arial;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.resolution a {
	color: #fff;
	font-weight: bold;
}

ul.current-minutes {
	padding: 0;
}

.current-minutes li {
	list-style: none;
	line-height: 175%;
	font-size: 20px;
}

#minute-content {
	border-bottom: 8px solid #006699;
}

#minute-content h2 {
	color: #006699;
}

.current-minutes .glyphicon {
    color: #006699;
    font-size: 20px;
    line-height: 1;
    padding: 7px 5px 0;
}

.min-list li {
	color: #006699;
	list-style: none;
	line-height: 175%;
	font-size: 18px;
}

input, button, select, textarea {
    border: none;
    border-radius: 8px;
	color: #000000;
    padding: 8px;
}

#secondary-content {
	background: #006699;
	color: #fff;
	padding: 20px 0;
}

.map img {
	float: right;
}

.cities h3 {
	margin-bottom: 0px;
}