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

/* Styles written by Jacob Bearce | jacob@weblinxinc.com | jacob@bearce.me */

#blueBarWrapper {
	background: url("../img/background-blueBarWrapper.png") left top repeat-x #1D85BA;
	border: 3px solid #03699D;
	border-left: 0;
	border-right: 0;
	padding: 1px 0;
	/* css3 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03699D), color-stop(100%, #1D85BA));
	background: -webkit-linear-gradient(top, #03699D 0%, #1D85BA 100%);
	background: -moz-linear-gradient(top, #03699D 0%, #1D85BA 100%);
	background: -ms-linear-gradient(top, #03699D 0%, #1D85BA 100%);
	background: linear-gradient(to bottom, #03699D 0%, #1D85BA 100%);
}

@media screen and (max-width: 639px) {
	#blueBarWrapper {
		background: none;
		border: 0;
		padding: 0;
	}
}

	#blueBarWrapper #blueBar {
		margin: 0 auto;
		width: 1130px;
	}

	@media screen and (max-width: 1279px) {
		#blueBarWrapper #blueBar {
			max-width: 1130px;
			width: auto;
		}
	}

		#blueBarWrapper #blueBar ul {
			border-left: 1px solid #03699D;
			font-family: "Open Sans", sans-serif;
			font-size: 22px;
			font-size: 1.375rem;
			font-weight: 700;
			line-height: normal;
			margin: 0;
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: center;
			text-transform: uppercase;
		}

		@media screen and (max-width: 959px) and (min-width: 853px) {
			#blueBarWrapper #blueBar ul {
				font-size: 20px;
				font-size: 1.25rem;
			}
		}

		@media screen and (max-width: 852px) and (min-width: 768px) {
			#blueBarWrapper #blueBar ul {
				font-size: 18px;
				font-size: 1.125rem;
			}
		}

		@media screen and (max-width: 767px) and (min-width: 640px) {
			#blueBarWrapper #blueBar ul {
				font-size: 15px;
				font-size: 0.9375rem;
			}
		}

			#blueBarWrapper #blueBar ul li {
				border-right: 1px solid #03699D;
				float: left;
			}

            #blueBarWrapper #blueBar ul.calloutCount1 li {
                width: 100%;
            }

            #blueBarWrapper #blueBar ul.calloutCount2 li {
                width: 50%;
            }

            #blueBarWrapper #blueBar ul.calloutCount3 li {
                width: 33.333333333333333333333333333333%;
            }

			@media screen and (max-width: 639px) {
				#blueBarWrapper #blueBar ul li,
				#blueBarWrapper #blueBar ul.calloutCount1 li,
				#blueBarWrapper #blueBar ul.calloutCount2 li,
				#blueBarWrapper #blueBar ul.calloutCount3 li {
					border: 0;
					float: none;
					width: auto;
				}
			}

				#blueBarWrapper #blueBar ul li a {
					color: #FFF;
					display: block;
					padding: 16px 16px 18px;
				}

				@media screen and (max-width: 639px) {
					#blueBarWrapper #blueBar ul li a {
						background: url("../img/background-blueBarWrapper.png") left top repeat-x #1D85BA;
						border: 2px solid #03699D;
						border-left: 0;
						border-right: 0;
						margin: 0 0 15px;
						margin-bottom: 0.68181818181818181818181818181818em;
						/* css3 */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03699D), color-stop(100%, #1D85BA));
						background: -webkit-linear-gradient(top, #03699D 0%, #1D85BA 100%);
						background: -moz-linear-gradient(top, #03699D 0%, #1D85BA 100%);
						background: -ms-linear-gradient(top, #03699D 0%, #1D85BA 100%);
						background: linear-gradient(to bottom, #03699D 0%, #1D85BA 100%);
					}
				}

				#blueBarWrapper #blueBar ul li a:hover {
					color: #FFF;
					/* css3 */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1D85BA), color-stop(100%, #03699D));
					background: -webkit-linear-gradient(top, #1D85BA 0%, #03699D 100%);
					background: -moz-linear-gradient(top, #1D85BA 0%, #03699D 100%);
					background: -ms-linear-gradient(top, #1D85BA 0%, #03699D 100%);
					background: linear-gradient(to bottom, #1D85BA 0%, #03699D 100%);
				}

			#blueBarWrapper #blueBar ul:after {
				clear: both;
				content: "\0020";
				display: block;
				visibility: hidden;
			}