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

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

#mainWrapper {
	padding: 25px 20px 30px;
}

@media screen and (max-width: 639px) {
	#mainWrapper {
		padding: 0;
	}
}

	#mainWrapper main {
		margin: 0 auto;
		width: 1110px;
	}

	@media screen and (max-width: 1279px) {
		#mainWrapper main {
			max-width: 1110px;
			width: 100%;
		}
	}

		#mainWrapper main #contentWrapper {
            width: 100%;
			/* css3 */
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
		}

		@media screen and (max-width: 639px) {
			#mainWrapper main #contentWrapper {
				display: block;
				padding: 20px;
			}
		}

			#mainWrapper main #contentWrapper #post {
				float: left;
				margin-right: 10px;
				width: 860px;
				/* css3 */
				-webkit-box-flex: 1;
				-webkit-flex: 1;
				-moz-box-flex: 1;
				-ms-flex: 1;
				flex: 1;
			}

			#mainWrapper main #contentWrapper #post:only-child {
				float: none;
				margin-right: 0;
				width: 100%;
			}

			@media screen and (max-width: 639px) {
				#mainWrapper main #contentWrapper #post {
					float: none;
					margin-right: 0;
					width: 100%;
					/* css3 */
					-webkit-box-flex: none;
					-webkit-flex: none;
					-moz-box-flex: none;
					-ms-flex: none;
					flex: none;
				}
			}

			.flexbox #mainWrapper main #contentWrapper #post,
			.flexboxlegacy #mainWrapper main #contentWrapper #post {
				float: none;
                width: auto;
			}

				#mainWrapper main #contentWrapper #post form.searchpage {
                    margin: 0 0 20px;
                    width: 100%;
                    /* css3 */
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                    #mainWrapper main #contentWrapper #post form.searchpage label {
                        margin: 10px 8px 10px 0;
                        /* css3 */
                        -webkit-box-flex: none;
                        -webkit-flex: none;
                        -moz-box-flex: none;
                        -ms-flex: none;
                        flex: none;
                    }

                    #mainWrapper main #contentWrapper #post form.searchpage div {
                        margin: 0 8px 0 0;
                        /* css3 */
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-flex: 1 1 auto;
                        -webkit-flex: 1 1 auto;
                        -moz-box-flex: 1 1 auto;
                        -ms-flex: 1 1 auto;
                        flex: 1 1 auto;
                    }

                        #mainWrapper main #contentWrapper #post form.searchpage div input[type=search],
                        #mainWrapper main #contentWrapper #post form.searchpage div input[type=text] {
                            margin: 0;
                        }

                        #mainWrapper main #contentWrapper #post form.searchpage div input[type=submit] {
                            margin: 0 0 0 8px;
                        }

				#mainWrapper main #contentWrapper #post article.searchresult {
                    border-bottom: 1px solid #ABCDEF;
                    margin: 0 0 20px;
                    margin-bottom: 1.25rem;
                    padding-bottom: 20px;
                }

                #mainWrapper main #contentWrapper #post article.searchresult:last-of-type {
                    border-bottom: 0;
                    margin-bottom: 0;
                    padding-bottom: 0;
                }

                    #mainWrapper main #contentWrapper #post article.searchresult header h1 {
                    }

                    #mainWrapper main #contentWrapper #post article.searchresult > *:last-child {
                        margin-bottom: 0;
                    }

				#mainWrapper main #contentWrapper #post > *:last-child {
					margin-bottom: 0 !important;
				}

			#mainWrapper main #contentWrapper #sidebar {
				float: right;
				margin-left: 10px;
				width: 230px;
				/* css3 */
				-webkit-box-flex: none;
				-webkit-flex: none;
				-moz-box-flex: none;
				-ms-flex: none;
				flex: none;
			}

			@media screen and (max-width: 639px) {
				#mainWrapper main #contentWrapper #sidebar {
					float: none;
					margin-left: 0;
					width: auto;
				}
			}

			.flexbox #mainWrapper main #contentWrapper #sidebar,
			.flexboxlegacy #mainWrapper main #contentWrapper #sidebar {
				float: none;
			}

				#mainWrapper main #contentWrapper #sidebar nav {
				}

					#mainWrapper main #contentWrapper #sidebar  nav  ul {
						font-family: "Open Sans", sans-serif;
						font-size: 16px;
						font-size: 1rem;
						font-weight: 700;
						list-style: none;
						margin: 0;
						padding: 0;
						text-align: center;
						text-transform: uppercase;
						border: 3px solid #03699d
					}

						#mainWrapper main #contentWrapper #sidebar nav ul li {							
						}

							#mainWrapper main #contentWrapper #sidebar  nav  ul  li a {
								/*background: url("../img/background-button.png") left top repeat-x #1A82B7;*/
								background-color: #147cb1;
								background-size: 1px 100%;
								/*border: 3px solid #03699D;*/
								border-bottom: 1px solid #2886b9;
								color: #FFF;
								display: block;
								/*margin: 0 0 16px;
								margin-bottom: 1em;*/
								padding: 7px 10px;
								/* css3 */
								/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03699D), color-stop(100%, #1A82B7));
								background: -webkit-linear-gradient(top, #03699D 0%, #1A82B7 100%);
								background: -moz-linear-gradient(top, #03699D 0%, #1A82B7 100%);
								background: -ms-linear-gradient(top, #03699D 0%, #1A82B7 100%);
								background: linear-gradient(to bottom, #03699D 0%, #1A82B7 100%);*/
							}

							#mainWrapper main #contentWrapper #sidebar nav ul li a:hover {
								/* css3 */
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1A82B7), color-stop(100%, #03699D));
								background: -webkit-linear-gradient(top, #1A82B7 0%, #03699D 100%);
								background: -moz-linear-gradient(top, #1A82B7 0%, #03699D 100%);
								background: -ms-linear-gradient(top, #1A82B7 0%, #03699D 100%);
								background: linear-gradient(to bottom, #1A82B7 0%, #03699D 100%);
							}
							
							#mainWrapper main #contentWrapper #sidebar  nav  ul li ul {
								border: none;
							}
							
							#mainWrapper main #contentWrapper #sidebar nav ul li ul li a {
								background-color: #03699d;
								border-bottom: #147cb1;
								border-bottom: 1px solid #2886b9;
							}
							
							#mainWrapper main #contentWrapper #sidebar nav ul li ul li:last-child a {
								border: none;
							}

		#mainWrapper main #callouts {
			clear: both;
			margin: 0 0 0 -16px;
			padding: 60px 0 0;
			position: relative;
			width: calc(100% + 32px);
		}

		@media screen and (max-width: 767px) {
			#mainWrapper main #callouts {
				margin-left: -10px;
				width: calc(100% + 20px);
			}
		}

		@media screen and (max-width: 639px) {
			#mainWrapper main #callouts {
				margin: 0;
				width: auto;
			}
		}

			#mainWrapper main #callouts:before {
				background: #ABCDEF;
				content: "\0020";
				display: block;
				height: 1px;
				left: 16px;
				position: absolute;
				right: 16px;
				top: 20px;
			}

			@media screen and (max-width: 639px) {
				#mainWrapper main #callouts:before {
					left: 0;
					right: 0;
				}
			}

			#mainWrapper main #callouts div {
				float: left;
				padding: 0 16px;
				width: 33.333333333333333333333333333333%;
			}

			@media screen and (max-width: 852px) {
				#mainWrapper main #callouts div {
					padding-left: 10px;
					padding-right: 10px;
				}
			}

			@media screen and (max-width: 639px) {
				#mainWrapper main #callouts div {
					float: none;
					margin-bottom: 26px;
					margin-bottom: 1.625rem;
					padding: 0;
					width: auto;
				}

				#mainWrapper main #callouts div:last-child {
					margin-bottom: 0;
				}
			}

				#mainWrapper main #callouts div figure {
					background: #E8F0F7;
					margin: 0;
					padding: 3px;
					width: 100%;
				}

					#mainWrapper main #callouts div figure img {
						display: block;
						width: 100%;
					}

					#mainWrapper main #callouts div figure h6 {
						color: #1E86BB;
						font-family: "Open Sans", sans-serif;
						font-size: 19px;
						font-size: 1.1875rem;
						font-weight: 700;
						line-height: normal;
						margin: 0;
						text-align: center;
					}

					@media screen and (max-width: 959px) and (min-width: 768px) {
						#mainWrapper main #callouts div figure h6 {
							font-size: 15px;
							font-size: 0.9375rem;
						}
					}

					@media screen and (max-width: 767px) and (min-width: 640px) {
						#mainWrapper main #callouts div figure h6 {
							font-size: 12px;
							font-size: 0.s75rem;
						}
					}

						#mainWrapper main #callouts div figure h6 a {
							color: #1E86BB;
							display: block;
							padding: 5px 0;
						}

			#mainWrapper main #callouts:after {
				clear: both;
				content: "\0020";
				display: block;
				visibility: hidden;
			}

		#mainWrapper main:after {
			clear: both;
			content: "\0020";
			display: block;
			visibility: hidden;
		}