@charset "utf-8";
/* CSS Document */


.ulStyle {
	list-style-image: url(../images/logo-li-320.png);
	list-style-position: outside;
	padding-left: 14px;
	margin-top:-2px;
	font-size:19px;
}

.navbar-default{
	background-color: #00BCF8;
	border-color: #16A4D3;
	}

.navbar-default .navbar-brand {
	color: #FFFFFF;
	font-size: 20px;
	height:125px;
	}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #FFFFFF;
	background-color: #00BCF8;
}
/*.logo{
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	}*/
.glyphicon.glyphicon-home, .glyphicon.glyphicon-envelope{
	font-size: 24px;
	color: #FFFFFF;
	padding-top: 12px;
	padding-right:25px;
	}
.noTM-10{
	margin-top:-10px;
}
.navbar-default .navbar-nav > li > a{
	color:#FFFFFF;
	}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color:#FFFFFF;
	}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover{
	color: #FFFFFF;
	background-color: #38CFFF;
	}
	
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	color: #FFFFFF;
	background-color: #38CFFF;
	}
hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
h4 {
    margin-top: 5px;
	margin-bottom: 5px;
	font-size:24px;
}
h3 {
    margin-top: 1px;
	text-align:center;
}
.imgHL{
	width:100%;
	margin-top:-10px;
 } 
.logo-xs {
	width: 85%;
	padding-left:15%;
}
.mRL-15{
	margin-left:-15px;
	margin-right:-15px;
	}
.mRL15{
	margin-left:15px;
	margin-right:15px;
	}
.th{
	text-align:center;
	
	}	
.low {
}
.mid {
	background-color: #D9EDF7;
}
.high {
	background-color: #DFF0D8;
}
.peak {
	background-color: #F2DEDE;
}
.ol{
	list-style-type: decimal;
	list-style-image:none;
	}

@media screen and (min-width:768px) and (max-width:991px){
.logo-sm {
	
	width:100%;
	padding-left:0%;
}
.imgHL768-991{
	width:100%;
	padding-left:0%;
 } 
.carousel-inner{
	width:85%;
	margin:auto;
	margin-top:-20px;
	}
.page {
	width:100%;
}

}

 @media screen and (min-width:992px) and (max-width:1199px){
	 
	 
.imgHL992-1199L{
	width:86%;
	padding-left:14%;
	margin-top:-15px;
	 } 
.carousel-inner{
	width:80%;
	margin:auto;
	margin-top:-20px;
	}
.carousel-inner{
	width:75%;
	margin:auto;
	margin-top:-20px;
	}
.page {
	width:55%;
}


}



@media screen and (min-width:1200px) and (max-width:1279px){
.imh1200-1279 {
	
	width:90%;
	padding-left:10%;
	
	
}
.carousel-inner{
	width:75%;
	margin:auto;
	margin-top:-20px;
	}
.page {
	width:38%;
}
}

@media screen and (min-width:1280px) and (max-width:1440px){
.img1280-1440 {
	
	width:79%;
	padding-left:21%;
}
.carousel-inner{
	width:70%;
	margin:auto;
	margin-top:-20px;
	}
.page {
	width:41%;
}
}

@media screen and (min-width:1441px) and (max-width:1600px){
.img1441-1600 {
	width:80%;
	padding-left:20%;
}
.carousel-inner{
	width:60%;
	margin:auto;
	margin-top:-10px;
	
	
	}

}

@media screen and (min-width:1601px) and (max-width:1760px){
.img1601-1760 {
	width:75%;
	padding-left:25%;
}

.carousel-inner{
	width:50%;
	margin:auto;
	margin-top:-10px;
	}
.page {
	width:35%;
}

}

@media screen and (min-width:1761px){
.img1761 {
	
	width:78%;
	padding-left:22%;
	margin-top:-10px;
	
}
.carousel-inner{
	width:60%;
	margin:auto;
	margin-top:-10px;
	}
.page {
	width:40%;
}
}
