@charset "utf-8";
/* CSS Document */
html, body{
	margin:0px !important;
	padding:0px !important;
	background-color:#999;
}
img{
	max-width:100% !important;	
}

.container{
	max-width:1400px;
	width:92%;
	margin:0 auto;
	background-color:#FFF;
	position:relative;
}

.header{
    width: 100%;
	max-width:1400px !important;
	position:relative;
	float:left;
	border-bottom: 3px solid #b6b6b6;
}

.logo{
	position:absolute;
	top:0;
	left:0;
	margin-left:10px;
	z-index:2;
}

.icons{
	position:relative;
	float:right;
	z-index:2;
	border-left: 3px solid #b6b6b6;
	width:10%;
	padding:80px 0px;
	text-align:center;
}

#toggleNav{
	display:none;
	width:100%;
	height:30px;
	padding-top:10px;
	font-size:18px;
	background-color:#000000;
	margin:15px 0px;
	color:#fff;
	cursor:pointer;
}

#toggleNav a{
	color:#ffffff;
}


/*Use the following for top drop-down nav
Change the background-color in #nav to change the color of the navigation bar
Change the background-color in #nav ul li ul to change the background color of the dropdown menus
These values do also need to be changed further down, in the 600px, 400px, and 300px wide sections 

#nav{ display:block; float:left; width:92%; background-color:#FFF; height:20px; padding:6px 0px 0px 0px; font-size:16px;}
#nav ul {margin:-20px 0 0 0px; text-align:center; background-color:#FFF;}
#nav ul li{	list-style-position:inside;	list-style-type:none; height:10px; min-width:40px; padding:4px 8px; margin-right:15px; margin-left:15px; display:inline-block;}
#nav a, #nav a:visited{display:block; padding-bottom:10px; text-decoration:none; color:#000;}
#nav a:hover{text-decoration:underline;}
#nav ul li ul {	margin-left:-999em; background-color:#CCCCCC; position:absolute; color:#ffffff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; font-size:14px; text-align:left; padding-bottom:0; }
html>body #nav ul li:hover ul{display:block; margin:-5px 0 2px 0; padding:.25em 0 .75em .25em;}
#nav ul li ul {	margin-top:5em; z-index:5;}
html>body #nav ul li ul {margin-top:-3em;}
#nav ul li ul li{float:none;  border:0;	padding-top:10px; display:block;}
 -------------------- End Navigation -------------------- */
 
 #nav{
	width: 89%;
	z-index:10;
	position:relative;
	float:left;
	background-color:#fff;
	font-size:16px;
}

#nav > a{
	display: none;
}

#nav li{
	position: relative;
	list-style-position:inside;
	list-style-type:none;
}
#nav li a{
	color: #2e49a0;
	font-size:18px;
	font-weight:bold;
	display: block;
	text-decoration:none;
	font-family: Calibri, Optima, Arial, sans-serif;
	text-transform:uppercase;
}

#nav li a.active {
	color: #000;
	border-bottom: 3px solid #4d9733;
}

/* first level */

#nav > ul{
	text-align:center;
	padding-left:0px !important;
	margin-left:0px !important;
}
#nav > ul > li{
	margin-top:0px 15px;
	padding:4px 18px;
	height: 100%;
	display:inline-block;
}
#nav > ul > li > a{
	height: 100%;
	text-align: center;
}
#nav > ul > li:not( :last-child ) > a{
	
}

#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a{
	
}


	/* second level */

#nav li ul{
	background-color:#ccc;
	display: none;
	position: absolute;
	top: 100%;
	margin-left:0 !important;
	padding-left:0 !important;
	width:170px;
	text-align:left;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#nav li:hover ul{
	display: block;
	left: 0;
	right: 0;
}
#nav li:not( :first-child ):hover ul{
	left: -1px;
}
#nav li ul a{
	color:#000;
	padding: 0.75em; /* 15 (20) */
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
}

#subnav{
	width:100%;
	height:100%;
	padding:185px 0% 10px 0%;
	display:none;
	text-align:center;
	background-color:#FFF;
}

#subnav a{
	color:#ffffff;
	padding:6px 10px;
	font-size:16px;
	margin:2px 15px 0px 15px;
	display:block;
}

.content{
	width:100%;
	display:inline-block;
	padding-bottom:20px;
	font-family: Calibri, Optima, Arial, sans-serif;
}

.content-wide{
	width:92%;
	padding:1% 4%;	
}

.content img{
	position: relative;
	margin-top:2%;
}

#slide{
	z-index:1;	
}

.content-left{
	position:relative;
	float:left;
	width:58%;
	padding:2%;
	margin-left:2%;
	background-color:#FFF;
	min-height:200px;	
}

.content-right{
	position:relative;
	float:left;
	width:28%;
	padding:2%;
	margin-left:2%;
	background-color:#963;
	min-height:200px;
}

th, td {
    border: 1px solid black;
}

.row{
	width:100%;
	display:inline-block;
	background-color:#FFF;
}

.row h2{
	color:#c41230;
}

.row h3 {
	background-color: #3953a4;
	color: #fff;
	text-align:center;
}

.row strong {
	color: #4d9733;
}

.content-mid{
	position:relative;
	background-color:#FFF;
}

.three-box-row{
	width:25.33%;
	padding:0% 2%;
	position:relative;
	float:left;
	margin:0% 2%;
	box-shadow: 5px 5px 5px #c0c0c0;
	margin-top:2%;
}

.three-box-row img{
	
}

.left{
	width:32.3%;
	padding:1% 2% 2% 1%;
	position:relative;
	float:left;
	margin:0% 1%;
}

.mid{
	width:32.3%;
	padding:1% 2% 2% 1%;
	position:relative;
	float:left;
	margin:0% 1%;
}

.two-columns{
	width:67.6%;
	padding:1% 2% 2% 2%;
	position:relative;
	float:left;
	margin:0% 1%;	
}

.right{
	width:17.39%;
	padding:1% 2% 2% 1%;
	position:relative;
	float:left;
	margin:0% 1%;
}

.right a{
	text-decoration:none;
}

.four-box-row{
	width:17%;
	padding:2%;
	position:relative;
	float:left;
	margin:0% 2%;
	background-color:#fff;
}

.footer{
	width:92%;
	background-color:#FFF;
	color:#000;
	min-height:40px;
	position:relative;
	clear:both;
	padding:5px 0 0 50px;
	font-family: Calibri, Optima, Arial, sans-serif;
}

.footer-left{
	float:left;
	color:#000;
	padding:10px 0px 0px 25px;
}



.footer-right{
	float:right;
	padding:10px 25px 0px 0px;
}

.footer-right a{
	text-decoration:none;
	color:#000;
}

.nomargin{
	margin:0px !important;
}

.nopadding{
	padding:0px !important;	
}

.nobold{
	font-weight:normal;	
}

.center{
	text-align:center;	
}

.block{
	display:block !important;	
}

.special{
	position:relative;
	float:right;
	margin-right:1%;
}

@media only screen and (max-width:1195px){
	.container{
		max-width:960px;
	}
	
	.header{
	}
	
	#nav ul {
		margin: 8px 0 0 0px;
	}
	
	.footer {
		padding: 5px 0 0 38px;
	}
}

@media only screen and (max-width:967px){
	.container{
		max-width:800px;
	}
	
	.logo{
		width: 10%;
	}
	
	.icons {
		width:12%;
	}
	
	
	.header{
	}
	
	.four-box-row{
		width:42%;
		margin:2%;
	}
	
	#nav{
		width:86%;	
	}
	
	#nav ul {
		margin: 5px 0 0 0px;
	}
	
	.footer {
		padding: 5px 0 0 30px;
	}
}

@media only screen and (max-width:807px){
	.container{
		max-width:600px;
		width:97%;	
	}
	
	.logo{
		width: 11%;
	}
	
	.icons {
		padding-bottom: 86px;
	}
	
	.header{
	}
	
	#toggleNav{
		display:block;
	}
	
	.footer {
		width: 91%;
	}
	
	/* -------------------- Start Navigation -------------------- 
#nav{ display:none; float:left; width:100%; background-color:#FFF; height:30px; padding:10px 0px 10px 0px; font-size:16px; font-weight:bold; height:100%;}
#nav ul {margin:2px 0 0 -18px; text-align:center;}
#nav ul li{float:none;list-style-position:inside; display:block;list-style-type:none; margin-left:0px; padding:3px 0px 3px 0px; position:relative; z-index:100;}
#nav ul li a{padding:2px 0px 2px 0px;}
#nav a, #nav a:visited{display:block; text-decoration:none;}
#nav ul li ul {	margin-left:-999em; background:none; position:relative; color:#ffffff;  font-size:14px; text-align:left; padding-bottom:0; }
html>body #nav ul li:hover ul{ margin-left:-999em; background:none; position:relative; color:#ffffff;  font-size:14px; text-align:left; padding:0px;}
#nav ul li ul {	margin-top:0em; z-index:0; visibility:hidden;}
html>body #nav ul li ul {margin-top:-3em;}
#nav ul li ul li{margin-left:-998em;}
	End Navigation*/
	#nav{
        position: relative;
    }
	#nav > a{
	}
	
	#nav:not( :target ) > a:first-of-type,
	#nav:target > a:last-of-type{
		display: block;
		width:100%;
		text-align:center;
		color:#000;
		font-size:20px;
		padding:5px 0px;
	}
	
	#nav a{
		font-size:18px;	
	}
 
    /* first level */
 
    #nav > ul{
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
		background-color:#fff;
		margin-top:8px !important;
		padding-bottom:10px;
    }
	#nav:target > ul{
		display: block;
	}
	
	#nav > ul > li{
		width: 100%;
		float: none;
		margin:0px !important;
		padding-left:0px;
	}
	
    /* second level */
 
    #nav li ul{
        position: static;
		width:98%;
		margin:0 !important;
		text-align:center;
		padding:0 !important;
    }
	#nav li ul a{
		padding:0.5em 0;
		margin:0.25em 0;	
	}
	
	
	
	#subnav{
		display:none;
	}
	
	#subnav a{
		margin-top:5px;
		
	}
	
	.content-left{
		width:92%;
	}
	
	.content-right{
		width:92%;
		margin-top:2%;
	}
	
	.three-box-row{
		width:76%;
		margin:2% 10%;
	}
	
	.left{
		width:92%;
		padding: 0% 4%;
	}
	
	.mid{
		width:92%;
		padding: 0% 4%;
	}
	
	.right{
		width:92%;
		padding: 0% 4%;
	}
	
	.four-box-row{
		width:76%;
		margin:2% 10%;
	}
	
	.footer{
		height:65px;
		text-align:center;
	}
	
	.footer-left{
		float:none;
		padding:10px 0px 0px 0px;
		display:block;
	}
	
	.footer-right{
		float:none;
		color:#000;
		padding:0px 0px 0px 0px;
		display:block;
	}
}

@media only screen and (max-width:407px){
	.container{
		max-width:400px;	
	}
	
	.logo{
		width: 10%;
	}
	
	.icons {
		padding: 5px 0px 5px 0px;
		border: none;
	}
	
	.header{
	}
	
	.content-left{
		width:92%;
	}
	
	.content-right{
		width:92%;
		margin-top:3%;
	}
	
	.three-box-row{
		width:86%;
		margin:2% 5%;
	}
	
	.four-box-row{
		width:86%;
		margin:2% 5%;
	}
}