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

/* Media queries */

@media only screen and (max-width: 1200px) {

}
@media only screen and (min-width: 960px) {

	#main_navigation li:hover ul {
		position: absolute;
		display: block;
		z-index: 222;
	}
	ul#mobile_nav {
		display: none;
	}
	ul#mobile_nav {
		display: none;
	}
	#page_wrap {

	}
	p#todays-date {
		margin: 10px 5px -25px 10px;
	}
}
@media only screen and (max-width: 960px) {
	nav {
		width: 94%;
		margin: 10px 3% 0px 3%;
	}
	ul.social-navigation {
		width: calc(100% - 70px);
	}
	#page_wrap {
		width: 100%;
		padding: 0;
	}
	ul#main_navigation {
		color: #003366;
	}
	#main-content ul li{
		margin: 0px !important;
		display: list-item;
	}
	#main-content .main div{
		margin: 0px !important;
	}
	#menu-icon {
		display:inline-block;
	}

	nav ul#main_navigation, nav:active ul#main_navigation {
		display: none;
		/*padding: 20px;
		border: 1px solid #444;
		position: relative;
		left: 0px;
		top: -5px;
		width: 90%;
		z-index: 200;
		font-size: inherit;*/
	}
	#main_navigation li a {
		color: #003366;
	}
	#main_navigation li a:hover{
		color: #eeeeee;
		background-color: #3c5d7e;
		border:none;
		z-index: 222;
	}
	nav ul#main_navigation li {
		text-align: left;
		width: 100%;
		margin: 0;
		float: none;
		font-size: 1em;
		border-right:none;
	}
	nav ul#main_navigation li a{
		border: none;
		font-size: 1.25em;
		padding: 2px;
	}
	ul#main_navigation, #main_navigation li ul{
		display: none;
	}
	#main_navigation li ul li a {
		color: #000;
		font-size: 1em;
	}
	#main_navigation li ul li:hover {
		color: #eeeeee;
		background-color: #3c5d7e;
		border:none;
		padding: 0px 5px;
		width: inherit;
	}
	#main_navigation li ul li {
		float: none;
	}

	/**  social icons  **/
	ul#social-navigation, #social-navigation ul{
		margin-right: 30px;
		position: relative;
		left:20%;
	}
	section#main-section{
		width: 100%;
	}
	#main-content .main p img{
		max-width: 100%;
	}
	div#contact-form form>ul, div#contact-form form>ul>li>ul {
		padding: 5px 0 0 0px;
		left: 0rem;
	}
	/**  column elements  **/
	.one-columns, .two-columns, .three-columns, .four-columns, .five-columns, .six-columns, .seven-columns {
		margin: 0px 1.56% 0px 0px;
		padding: 0px 0px;
	}
	.two-columns{

	}
	.six-columns{
	}
	.eight-columns{
		/*width: 93.75%; 900px*/
		/*margin: 0px 3.125%;  3.125% = 30px */
	}
}
@media only screen and (min-width: 767px) and (max-width: 979px) {

}
@media only screen and (max-width: 767px) {
	#page_wrap {
	}

	.one-columns, .two-columns, .three-columns, .four-columns, .five-columns, .six-columns, .seven-columns {
		/*margin: 0px 1.56% 0px 0px;*/
		padding: 0px 0px;
	}
	.one-columns{
		width: 48.5%; /*213.75px*/
		margin: 0px 3% 0px 0px;
	}
	.two-columns{
		width: 48.5%; /*213.75px*/
		margin: 0px 3% 15px 0px;
	}
	.four-columns{
		width: 100%; /**/
		margin: 0px 0 15px 0px;
	}

	header .site_logo {
		height: inherit;
		/*max-width: 80%;*/
	}
	ul#social-navigation, #social-navigation ul {
		padding: .5% 0px 0px 15px;
	}
	form ul li ul li:first-child{
		padding: 10px 0 0px 0;
		text-align: left;
		font-size: 1.3em;
	}
	form>ul>li>ul li{
		float: none;
		display: block;
	}
	.shortcut-box{
		/*margin: 0px 15px 15px 0px;*/
	}
	.shortcut-box img{

	}
	.shortcut-box:nth-child(even) {
		margin-right: 0px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	form li.submit-button>button{
		width: 70%;
		margin: .75rem 15% .5rem 15%;
		font-size: 1.25em;
		height: 45px;
	}
}

@media only screen and (max-width: 640px) {
	header .site_logo {
		height: inherit;
		max-width: 100%;
	}
	header .site_logo a {
		padding: 2.5rem .75rem 1.5em .75rem;
		text-align: center;
	}
	header h1.title_heading {
		padding: 0 10px 0 10px;
		font-size: 2.5em;
		color: #fff;
		line-height: 1.25;
	}
	p#todays-date {
		margin: 5px 5px 10px 10px;
	}/**/
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
	/*#page_wrap {background: #ff5cef;}*/

	.two-columns{
		width: 100%; /*213.75px*/
		margin: 0px 0% 15px 0%;
	}

	.eight-columns {
		width: 84.5%;
		margin: 0px 7.75%;
	}
	.shortcut-box:last-child {
		margin: 0px 0% 15px 0%;
	}
	header h1.title_heading {
		padding: 0 10px 0 10px;
		font-size: 165%;
		line-height: 1.25em;
		text-align: center;
	}
	header .site_logo {
		width: 100%;/**/
	}
	header .site_logo a img {
		padding: 0 1em 1.5em 1em;
	}
	#main-content .main p img{
		max-width: 100%;
	}
	form li.submit-button>button{
		width: 100%;
		margin: 0.5rem 0 .75rem 0;
		height: 45px;
		font-size: 1.25em;
	}
	ul#social-navigation{
		left: 17%;
	}
	ul#mobile_nav li>a, ul#mobile_nav li>span.title {
		font-size: 1em;
	}
	ul#mobile_nav li ul li a {
		font-size: .8em;
	}
}
/* Side Nav */
@media only screen and (max-width: 400px) {

}
@media only screen and (max-width: 320px) {

}
/* --------------- device-specific CSS ----------------- */

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 360px)
and (max-device-width: 640px) {

}