body{
	font-size:		16px; /*16px */
	color:			#1f2416;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    margin-top: 	3px;
    margin-bottom: 	6px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #dbdcdb;
}
.smallhr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.smallerhr {
    margin-top: 0px;
    margin-bottom: 0px;
}
.navhr {
    margin-top: 3px;
    margin-bottom: 6px;
	border-top: 1px solid #000000;
}
.hrlight{
	border-top: 1px solid #c9c9c9;
}
.hrlighter{
	border-top: 1px solid rgba(255,255,255,.2);
}
.hrorangebar{
	border-top: 4px solid #d46000;
	width:		150px;
	margin:		10px 0;
}

.caret {
	opacity: 	.2;    
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #dbdcdb;
}
.navbar-default .navbar-toggle {
    border-color: #08306d;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #08306d;
}


/* .form-group {
    font-family: 'myriad-pro', georgia;
}*/

.carousel-control.left, .carousel-control.right{
	background: RGBA(0,0,0,0);
}
/* centers the image on super wide */
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    margin: 0 auto;
}



.btn{
	border-radius: 		0px !important;
	text-transform:		uppercase;
	text-decoration:	none;
	padding:			12px 24px;
}

.btn-square{
	border-radius: 		0 !important;
}

.btn-240wide{
	width:		240px;
}
.btn-xl{
    padding: 16px 16px;
    font-size: 20px;
    line-height: 1.33;
}

.btn-primary {
	background-image: 	none;
    color: 				#ffffff;
    background-color: 	#d46000;
    border-color: 		#d46000;
	-webkit-transition: all 0.3s ease-in-out;
    transition: 		all 0.3s ease-in-out;
	font-size:			16px;
	font-weight:		bold;
	/* padding:			25px 50px; */
}

.btn-primary:hover {
    color: 				#fff;
    background-color: 	#08306d;
    border-color: 		#08306d;
	-webkit-transition: all 0.3s ease-in-out;
    transition: 		all 0.3s ease-in-out;
}

.btn-primary:active {
	background-image: 	none;
    color: 				#fff;
    background-color: 	#08306d;
    border-color: 		#08306d;
	-webkit-transition: all 0.3s ease-in-out;
    transition: 		all 0.3s ease-in-out;
}
.btn-primary:active:hover{
	background-color: 	#08306d;
}

.btn-primary2 {
    color: 				#fff;
    background-color: 	#08306d;
    border-color:		#08306d;
	-webkit-transition: all 0.3s ease-in-out;
    transition: 		all 0.3s ease-in-out;
	font-size:			16px;
	font-weight:		bold;
	padding:			25px 50px;
}

.btn-primary2:hover {
    color: 				#fff;
    background-color: 	#d46000;
    border-color: 		#d46000;
	-webkit-transition: all 0.3s ease-in-out;
    transition: 		all 0.3s ease-in-out;
}

.btn-primary3 {
    color: 				#555;
    background-color: 	#dbdcdb;
    border-color: 		#dbdcdb;
	-webkit-transition: all 0.3s ease-in-out;
    transition: 		all 0.3s ease-in-out;
	font-size:			16px;
	font-weight:		bold;
	padding:			25px 50px;
}

.btn-primary3:hover {
    color: 				#fff;
    background-color: 	#d46000;
    border-color: 		#d46000;
	-webkit-transition: all 0.3s ease-in-out;
    transition: 		all 0.3s ease-in-out;
}

.btn-primary4 {
    color: #08306d;
    background-color: #ffffff;
    border-color: #08306d;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-primary4:hover {
    color: #d46000;
    background-color: #fff;
    border-color: #d46000;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-primary5 {
    color: #d46000;
    background-color: #fff;
    border-color: #d46000;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-primary5:hover {
    color: #08306d !important;
    background-color: #fff !important;
    border-color: #08306d !important;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-primary6 {
    color: #dd6000;
    background-color: #fff;
    border-color: #dd6000;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin-right:0 !important;
}

.btn-primary6:hover {
    color: #fff;
    background-color: #dd6000;
    border-color: #dd6000;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-primary7 {
    color: #08306d;
    background-color: #ffffff;
    border-color: #08306d;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin-right:0 !important;
}
.btn-primary7:hover {
    color: #fff ;
    background-color: #08306d;
    border-color: #08306d;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.nav-pills>li>a{
	border-radius: 0;
}

.btn-smallerpadding {
	padding:			5px 24px;
}


.btn-footer {
	background-image: none;
    color: #003264;
    background-color: none;
    border-color: #1b4b85;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-footer:hover {
    color: #fcd700;
    background-color: none;
    border-color: #fcd700;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-footer:active {
	background-image: none;
    color: #fcd700;
    background-color: none;
    border-color: #fcd700;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-footer:active:hover{
	background-color: none;
}


.btn-group>.btn{
	margin-right:5px;
	margin-bottom:5px;
}

.communitylistbtn{
	/* padding: 5px 5px;
    font-size: 12px;*/
    line-height: 1; 
}

.btn-fixed{
	margin:			5px;
	width:			200px;
}

.breadcrumb{
	font-size: 				.8em;
	text-align:				left;
	background-color:		#fff !important;	
	color:					#c8c8c8;
	padding:				8px 0;
	margin-bottom: 			10px;
	display:				none;
}
.breadcrumb a{
	color:					#aaaaaa;
}
.breadcrumb a:hover{
	color:					#0055b9;
}

.well {
	border:				0px solid #dfdfdf;
	padding:			20px;
	margin:				10px 0;
	background-color:	#f3f3f3;
    border-radius: 		0;
    -webkit-box-shadow: none;
    box-shadow: 		none;
	background-image: 	none;
}

ol li{
	margin-bottom:10px;
}

.navbar-default { 
	box-shadow: none;
}

/* 5 columns https://stackoverflow.com/questions/10387740/five-equal-columns-in-twitter-bootstrap/22799354#22799354 */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	padding-top:	10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 50%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


.list-group {
   
    -webkit-box-shadow: none;
    box-shadow: none;
}

.thumbnail {
   border: none;
 }
 
 /* carousel *****************************************************/
 /*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 1;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}
.modal {
    z-index: 1042;
}

.yellowselectfield{
	background:		#fcd700;
	border:			1px solid #fcd700;
	width:			125px;
	margin-bottom:10px;
}
.greyselectfield{
	background:		#f3f3f3;
	border:			1px solid #fcd700;
	width:			125px;
	margin-bottom:10px;
}

.text-center ul{
	/* text-align:		center; */
	/* fix centered lists */
	text-align:		left;
	margin-left:	25%;
	margin-right:	25%;
}
@media only screen and (max-width: 767px){
	.text-center ul{
		/* text-align:		center; */
		/* fix centered lists */
		text-align:		left;
		margin-left:	5%;
		margin-right:	5%;
	}
}

/* ************************* start form formatting ******************************** */
.form-control{
	border-radius: 	4px;
	border: 		1px solid #ccc
}
.selectwide{
	display: 		block !important;
	width: 			100% !important;

}
/* *************************   end form formatting ******************************** */


.myverticalalign{
	 position: relative;
	 top: 50%;
	 -ms-transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 transform: translateY(-50%);
}
@media only screen and (max-width: 767px){
	.myverticalalign{
		 position: relative;
		 top: 0%;
		 -ms-transform: translateY(0%);
		 -webkit-transform: translateY(0%);
		 transform: translateY(0%);
		 padding-bottom:20px;
		 padding-top:	20px;
	}
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}
@media only screen and (max-width: 767px){
	.border-right {
 	   border-right: 0px solid #ffffff !important;
	}
}

.form-condensed input[type=text], .form-condensed input[type=email], .form-condensed input[type=tel]{
       padding-top:0px; padding-bottom:0px;
       margin-bottom:0px; /* Reduced from whatever it currently is */
       margin-top:0px; /* Reduced from whatever it currently is */
       height:24px;
}
.form-condensed .form-group {
    margin-bottom: 5px;
}
.form-condensed .control-label {
    padding-top: 3px;
}
@media only screen and (max-width: 767px){
	.text-center-sm{
		text-align:		center;
	}
}
@media (min-width: 768px){
	.dl-horizontal dt.textleft{
    	text-align: 	left !important;
		font-weight:	normal;
    }
}