/* COLORS */

/*RESETS*/
html,body{
    margin: 0;
    padding:  0;
}
body{
   font-size: 16px; /*Base font here*/ 
   background-image: url(/images/2016_06_background.jpg);
   background-repeat: no-repeat;
   background-size: 100%;
}
	#topLinks a{
		color: #E66F18;
	}
		#topLinks li{
			float: right;
			font-size: 2.5em;	
			padding: 0.1em 0.25em;
		}
img{
    border: none;
    display:  block;
}
h1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6092a0+0,000000+100&0.65+0,0+100 */
	background: -moz-linear-gradient(left, rgba(96,146,160,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(96,146,160,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(96,146,160,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a66092a0', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */	font-family:'Lora', serif;
	font-size: 33px;
	font-weight: bold;
	color:	#FEDB3F;
	padding-left: 10px;
	margin-left: 10px;
	text-transform: uppercase;
	text-shadow: 3px 4px 4px #333;
}
h2{ 
	font-family:'Lora', serif;
	font-size: 25px;
	color:	#508FD1;
	margin-left: 15px;
	font-weight: bold;
}
h3{
	color: #fff;
	text-decoration: none;
}
h4{}

.vh {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
}

/*LAYOUT CLASSES*/
.cf{
    clear: both;
}
.cf:after{
    content: "";
    display: table;
    clear: both;
}
.contain{
    width: 960px;/*Change container width here*/
    margin-left: auto;
    margin-right: auto;
}

.contain p{
    color: #000;
	background-color:#FFF;
	text-align:center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.contain:after{
    content: "";
    display: table;
    clear: both;
}
ul.navList{
     padding: 0;
     margin: 0;
     list-style: none;
}
     ul.navList li a{
             text-decoration:  none;
        }
.inside{
    padding: 1em;   
}
/*MAIN LAYOUT*/
header{
    min-height: 117px; /*Temp Height*/
	background-image:url(../images/2016_06_logo.png);
	background-repeat: no-repeat;
    margin-bottom: .5em;
}
	.home {
		float: left;
		width: 400px;
	}
    #topNav{
        float: right;   
    }
        #topNav ul li{
            float: left;  
            margin-right: 10px;
        }
            #topNav ul li a{
                color: #FFF;  
            }
/* Alternate Navigation
    nav{
        
    }
        nav ul{
            float: right;
        }
            nav ul li{
                float: left;
            }*/

#main{
    
}
    #aside{
        width: 25%;
        float: right;
		margin-top: 20px;  
    }
	 #yellowAside{
		background-color: #fedb3f;
		display: block;
		float: right;
		margin-top: 20px;
		min-height: 400px;
		width: 25%; 
		   
		}
        #olb{
            min-height: 50px;/*temp*/
            background-color: #013B63;  
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bolder;
			font-size: 32px;
			color: #FEDA3F;
			text-align: center;
             
        }
		#olb h1{
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bolder;
			font-size: 32px;
			color: #FEDA3F;
			text-align: center;
			margin:0px;
		}
		#ESO h2{
			background-color:#0581b7;
			color:#FFF;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bolder;
			font-size: 24px;
			text-align: center;
			margin:0px;
			
		}
		#olb p{margin: 0;}
		
        #infoBox{
            min-height: 280px;/*temp*/
            background-color: rgba(255, 255, 255, 0.5);
        }
		#infoBox p{
			margin: 0;
			font-size: 25px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #000;
			text-align: center;
		}
		#ESO{ 
		min-height: 150px;
		}
		#logon{ 
		padding: 20px 10px;
		text-align: center;
		}
		#logon input{
		margin: 5px;
			}
    .mainContent{
        width: 73%;
        float: left;
		margin-top:20px;
		margin-bottom: 3em;
    }
	#banner{
		position: relative;
		
		}
		
	.pageContent {
		margin: 20px;
	}
	.secondaryContent{
        width: 73%;
        float: left;
		margin-top:20px;
		min-height: 776px;/*TEMP*/
		display:block;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fedb3f+0,ffffff+23 */
		background: #fedb3f; /* Old browsers */
		background: -moz-linear-gradient(top, #fedb3f 0%, #ffffff 23%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #fedb3f 0%,#ffffff 23%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #fedb3f 0%,#ffffff 23%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedb3f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
			}
			.secondaryContent h1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6092a0+0,000000+100&0.65+0,0+100 */
	/*background: -moz-linear-gradient(left, #043e65 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(left, #043e65 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to right, #043e65 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a66092a0', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */	font-family:'Lora', serif;
	background-color:#043e65;
	font-size: 33px;
	font-weight: bold;
	color:	#ffffff;
	padding-left: 10px;
	margin-left: 10px;
	text-transform: uppercase;
	text-shadow: 3px 4px 4px #333;
				
			}
            nav{
                background-color: #555;
                float: right;
                width: 73%;
            }
                nav ul{
                    width: 100%;
                }
                    nav ul li{
                        width: 25%;
                        float: left;
                    }
                        nav ul li a{
                            display: block;
                            padding: 0.5em;  
                            color: #FFF;
                            text-align: center;
                        }
#yellowBar{
	display:block;
	background-color: #FEDB3F;
	min-height: 10px;
	box-shadow: 1px 1px 8px #000;
	position: relative;
	z-index: 1;
	}
#btmBackground{
	background-color: #6293A2;
	}							
#btmBoxes{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	
    
}
#btmBoxes a{
	text-decoration: none;
	color: #FEDB3F;
	text-shadow: 3px 4px 4px #000;
	
	
	}
    #btmBoxes .boxA{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#013b63+0,ffffff+96 */
		background: #013b63; /* Old browsers */
		background-color:#013b63;
		/*
		background: -moz-linear-gradient(-45deg, #013b63 0%, #013b63 96%); /* FF3.6-15 */
		/*background: -webkit-linear-gradient(-45deg, #013b63 0%,#013b63 96%);*/ /* Chrome10-25,Safari5.1-6 */
		/*background: linear-gradient(135deg, #013b63 0%,#013b63 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013b63', endColorstr='#013b63',GradientType=1 ); 
		/* IE6-9 fallback on horizontal gradient */
        width: 19.2%;
        float: left;
        /*margin-right: 1%;*/
		border-left: solid 2px #FFF;
		border-right: solid 2px #FFF;
		min-height: 225px;
    }
	 #btmBoxes .boxB{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#013b63+0,6293a2+100 */
		background: #134b6f; /* Old browsers */
		/* background: -moz-linear-gradient(-45deg, #013b63 0%, #6293a2 100%); /* FF3.6-15 */
		/* background: -webkit-linear-gradient(-45deg, #013b63 0%,#6293a2 100%); /* Chrome10-25,Safari5.1-6 */
		/* background: linear-gradient(135deg, #013b63 0%,#6293a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013b63', endColorstr='#6293a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        width: 19.2%;
        float: left;
        /*margin-right: 1%;*/
		min-height: 225px;
    }
	
    #btmBoxes .boxA:last-child{
        margin: 0;
    }
        #btmBoxes .box ul{
            margin: 0;
            padding: 0;
            list-style: none;
        }
        #btmBoxes .box h3{
             margin-top: 0;
			 text-decoration: none;
			 
        }
		
		
		
footer{
    margin-top: 1em;
    min-height: 75px;/*Temp*/
	background-color: #FFF;
}

	footer img{
		float: left;
		margin-left: 100px;
		padding-top: 20px;
	}


/********************************/
/*******3rd PARTY LEAVING********/
/********************************/
#extDis {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 1000;
	}
	#extDis h2{
		text-align: center;
	}
	
	#extDis .extDisMsg {
		background-color: #0982B7;
		border: 5px solid #FFF;
		border-radius: 10px;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
		color: #FFF;
		margin: 3em auto;
		padding: 2em;
		position: relative;
		text-align: left;
		width: 80%;
		font-size: 0.80em;
	}
	#extDis .extDisMsg p{
		padding: 0 0 20px 0;
	}
	#extDis .extDisBg {
		position: absolute;
		width: 100%;
		height: 100%;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	}

	#extDis a.continueBtn:hover {
		text-decoration: none;
	}
	#extDis .closeBtn, #extDis a.continueBtn {
		background-color: #FFF;
		color: #381404;
		display: inline;
		font-weight: bold;
		margin: 10px 20px 0px 0px;
		padding: 10px 20px;
		border-radius: 10px;
		cursor: pointer;
		text-decoration: none;
	}
	/*RATES*/
				#rates_container{
					
				}
				.rates_effective{
					clear: both;	
				}
				.rates_nav{
					clear: both;	
				}
				.rates_button{
					margin-right: 20px;
				}
				.rates_table{
					width: 100%;
					border-collapse: collapse;
				}
				.rates_header{
					font-size: 1.5em;
					font-weight: bold;
				}
				.rates_title{
					background-color:#053e65;
					color:#fff;
					font-weight:bold;
					font-size:14px;
				}
				.rates_bold{
				}
				.rates_notes{
					background-color: #fff;
					font-size: 13px;
					font-style: italic;
				}
				.rates_subheader{
					font-size: 1.5em;
					font-weight: bold;
					padding-top: 2em;
				}
				.rates_linespace{
				}
				.rates_aRow{
					background-color:#D5E7EF
				}
				.rates_standard{
					
				}