@charset "utf-8";
/* CSS Document */
{
    margin: 0;
    padding: 0;
}
/*	html {
		background-color: #fff;
		height: 100%;
	}
	body {
	    color: #333333;
	    font: 0.75em/1.5em Arial,sans-serif;
	}*/
	.container {
		margin-left: auto;
	    margin-right: auto;
	   	margin-top: 1.5em;
	    width: 100%;
	
		[if IE 8] width:50%;
	} /*mainNav container */
	
	/* common and top level styles */
	#nav span {
	    display: none;
		margin: 0 auto;/*01302017*/
	}
	#nav, #nav ul {
	    list-style: none outside none;
	    margin: 0;
	    padding: 0;
		}/*controls width of sub list*/
		
	#nav {
	background-color:#5F9BBC;
	background:  -webkit-linear-gradient(top, #5F9BBC 0%, #69add3 4%, #4d88a8 100%);/*W3C Markup, IE10 Release Preview*/
    background:  -moz-linear-gradient(top, #5F9BBC 0%, #69add3 4%, #4d88a8 100%);/*Opera */ 
    background:  -o-linear-gradient(top, #5F9BBC 0%, #69add3 4%, #4d88a8 100%);/*Safari/Chrome 10) */
    background:  -ms-linear-gradient(top, #5F9BBC 0%, #69add3 4%, #4d88a8 100%);/*Mozilla Firefox */ 
    background:  linear-gradient(top, #5F9BBC 0%, #69add3 4%, #4d88a8 100%);
		position:relative;/*added 7/3/2014*/
		clear: both;
		float: left;
		width: 100%;
		display: block;
		z-index: 10; 

	} /*box that holds the Parents)*/
	
	#nav2 {
	background-color:#5F9BBC;
	background: -webkit-linear-gradient(top, #5F9BBC 0%, #69add3 4%, #4d88a8 100%);/*W3C Markup, IE10 Release Preview*/
    background: -moz-linear-gradient(top, #5F9BBC 0%, #69add3 4%, #4d88a8 100%);/*Opera */ 
    background: -o-linear-gradient(top, #5F9BBC 0%, #69add3 4%, #4d88a8 100%); /*Safari/Chrome 10) */
    background: -ms-linear-gradient(top, #5F9BBC 0%, #69add3 4%, #4d88a8 100%);/*Mozilla Firefox */ 
    background: linear-gradient(top, #5F9BBC 0%, #69add3 4%, #4d88a8 100%);
	position:relative;/*added 7/3/2014*/
	clear: both;
	float: left;
	width: 100%; 
	margin:0 auto;
	display: block;
	}
		
	#nav ul.subs {
	    background-color: #DAE1E6;
	    color: #1E3A62;
	    display: none;
	   	center: 0;
	    position: absolute;
	    top: 2.5em;
	}/* controls placement of subs ?top, does not seem to affect anything */
	
	#nav > li {
	    border-bottom: 5px solid transparent;
	    float: left;
	    margin-bottom: -5px;
	    text-align: left;
	    -moz-transition: all 300ms ease-in-out 0s;
	    -ms-transition: all 300ms ease-in-out 0s;
	    -o-transition: all 300ms ease-in-out 0s;
	    -webkit-transition: all 300ms ease-in-out 0s;
	    transition: all 300ms ease-in-out 0s;
	}/*all -- UL & LI -- parents & children*/
	
	#nav li a {
	    display: block;
	    text-decoration: none;
	    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	    white-space: normal;
	}/*all -- UL & LI -- parents & children*/
	
	#nav > li > a {
	    color: #fff;
	    display: block;
	    font-size: 1.3em;
	    line-height: 2em;
		padding: 0 1.5em;/* affects the main nav and number of items appearing on line*/
		text-align: center;
	}/*Affects look and feel of Parent headers*/
	
	#nav > li:hover > a, #nav > a:hover {
	    color: #000059;
	}/*Background color of Parent tab */
	
	#nav li.active > a {
	    background-color: #333333;
	    color: #FFFFFF;
	}
/* submenu */
	#nav li:hover ul.subs {
	    display: block;
	}/*background behind child list*/
	
	#nav ul.subs > li {
	    display: inline-block;
	    float: none;
	    padding: 0 .25em;
	    vertical-align: top;
/*	    width: 33%;*/
	}
	
	#nav ul.subs > li a {
		background-color: #DAE1E6;
	    color: #1E3A62;
	    line-height: 1em;
		padding:.5em 1em .5em 2em;/*.5em sets space around text, changed Right side from 10em to 1em to prevent unneeded text wrapping*/ 
		border-top:1px solid #f2f2f2;
		text-align:left;
		white-space:normal; /*allows text to wrap for transition between DT to Mobile if needed*/
	}/*MAIN NAVIGATION drop down items - Affects the child placement*/
	
	#nav ul li a:hover {
		background-color: #DAE1E6;
	    color: #4C7E99;
	}
	#nav ul.subs > li > a {
	    font-size: 1.3em;
	    margin-bottom: .5em;
	    /*text-transform: uppercase;*/
	}
	
	#nav ul.subs > li li {
	    float: none;
	    padding-left: .5em;
	    -moz-transition: padding 150ms ease-out 0s;
	    -ms-transition: padding 150ms ease-out 0s;
	    -o-transition: padding 150ms ease-out 0s;
	    -webkit-transition: padding 150ms ease-out 0s;
	    transition: padding 150ms ease-out 0s;
	}/*affects children */
	
	#nav ul.subs > li li:hover {
	    padding-left: 2em;
	}/* sets amount of padding moves when hovering*? */
	
		/* responsive rules */
	@media all and (max-width:960px) {
	    #nav > li {
	        float: none;
	        border-bottom: 0;
	        margin-bottom: 0;
	    }
	    #nav ul.subs {
	        position: relative;
	        top: 0;
	    }
	    #nav li:hover ul.subs {
	        display: none;
	    }
	    #nav li #s1:target + ul.subs,
	    #nav li #s2:target + ul.subs,
		#nav li #s3:target + ul.subs,
		#nav li #s4:target + ul.subs  
		{
	        display: block;
	    }
	 
	    #nav ul.subs > li {
	        display: block;
	        width: auto;
	    }
	}