/* this is my custom CSS */

	
header img{margin-left: auto;
    margin-right: auto;}
footer {text-align:center;}

.navbar-default{background:#F5E79E;
border-color: #F5E79E;
}

.navbar-default .navbar-nav > li > a {color:#245580;}
.navbar-default .navbar-nav > li > a:hover {background-color:#265A88; 
color:#F5E79E;}
.nav .active {font-weight:bold;
}
.sub-head {padding: 10px 0px 10px 20px;}


@media screen and (min-width: 768px) {
    .custom-modalwidth {
        width: 60%; /* either % (e.g. 60%) or px (400px) */
    }
}

.bottom5 { margin-bottom:5px; }
.bottom7 { margin-bottom:7px; }
.bottom10 { margin-bottom:10px; }
.bottom15 { margin-bottom:15px; }
.bottom17 { margin-bottom:17px; }
.bottom30 { margin-bottom:30px; }

.bg-yellow {background-color:#FCCB0C;}
.bg-nav-yellow{background:#F5E79E;}
.bg-faded-green {background-color:#D9FF8B;}
.bg-lightest-blue{background-color:#F8F8F8;}
.bigger-text-membership{
	font-size: 18px;
}

.big-line-height{line-height:2em;}
a:hover.hover-black {background-color:#000;}
/*this helps in word wrapping the button text*/
.white-space-normal{white-space: normal;}

.cyan-blue-white-text{background-color:#5BC0DE;color:#fff;border-radius:5px;}
.text-white{color:white;}
.text-white:hover{color:white;}

.panel-green {border-color: #2D643D;}
.panel-green>.panel-heading {
    color: #fff;
    background-color: #2D643D;
    border-color: #2D643D;
}

.panel-red {border-color: #B65246;}
.panel-red>.panel-heading {
    color: #fff;
    background-color: #B65246;
    border-color: #B65246;
}

.panel-darkblue {border-color: #004358;}
.panel-darkblue>.panel-heading {
    color: #fff;
    background-color: #004358;
    border-color: #004358;
}

.panel-orange {border-color: #FD7400;}
.panel-orange>.panel-heading{
	color: #fff;
    background-color: #FD7400;
    border-color: #FD7400;
}

.panel-greenishblue {border-color: #04756F;}
.panel-greenishblue>.panel-heading{
	color: #fff;
    background-color: #04756F;
    border-color: #04756F;
}

.panel-fadedblue {border-color: #3498DB;}
.panel-fadedblue>.panel-heading{
	color: #fff;
    background-color: #3498DB;
    border-color: #3498DB;
}

.modal-green>.modal-header{
	color: #fff;
    background-color: #2D643D;
    border-color: #2D643D;
}
.modal-red>.modal-header{
    color: #fff;
    background-color: #B65246;
    border-color: #B65246;
}

.modal-darkblue>.modal-header {
    color: #fff;
    background-color: #004358;
    border-color: #004358;
}

.modal-orange>.modal-header{
	color: #fff;
    background-color: #FD7400;
    border-color: #FD7400;
}


.modal-greenishblue>.modal-header{
	color: #fff;
    background-color: #04756F;
    border-color: #04756F;
}

.modal-fadedblue>.modal-header{
	color: #fff;
    background-color: #3498DB;
    border-color: #3498DB;
}