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


html {
	height: 100%;/*required to make background gradient cover entire page background*/
	font-size: 16px;
	lang:en;
}

body {
	display:flex;flex-direction:column;z-index:0;
	height: 100%;
	background: rgba(235,235,245,1.00); 
	margin: 0 10px; /*to keep top of page at top of screen*/
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-attachment:fixed;
}

p { /*to set minimum line spacing between paragraphs*/
	padding: 0;
	margin: 0;
}

/*FONT CONTROL*/

.h1 {
	font-size:2em;
}

.h2 {
	font-size: 1.5em;
	padding: 0;
}

.h2w {
	font-size: 1.5em;
	padding: 0;
	color: white;
}

.h3 {
	font-size: 1.2em;
}

.bodycopy {
	font-size: 1em;
}

.bodycopyp {
	font-size: .9em;
}

ol {/*to remove spacing before ordered lists*/
	margin: 0 0 10px 0;
}

li {
	margin: 10px 0 0 0;
}

.bodycopywh {
	font-size: 1em;
	color: white;
}

.bodycopys {
	font-size: .85em;
	color: white;
}

.bodycopysm {
	font-size: .7em;
}

.disclaimer {
	font-size: .6em;
}

.fontcolorwhite {
	color: white;
}

.fontcolorwhitehyphen {
	color:white;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.tenminutetext {
	font-weight: bold;
	font-style: italic;
}

.drop_shadow_text {
	text-shadow: 1px 1px 1px rgba(0,0,0,1.00);
}

#footertext {
	padding: 5px 10px;
	text-align: center;
}

/*IMAGE CONTROL*/

.image_vertical_center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*page layout*/

#pagecontainer {
	max-width:980px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

#headercontainer {
	width: 100%;
	height: 30px;
	background: rgba(0,3,166,1.00);
}

#topbanner {
	width: 100%;
	height: 30px;
	margin: 0 auto;
	background-color: rgba(239,109,41,1.00);
}


#headerbanner {
	width: 100%;
	height: 30px;
	margin: 0 auto;
	background: rgba(239,109,41,1.00);
}                  

#pagecontent {
	clear:both;
	width: 980px;
	margin: -10px auto 0 auto;/*somewhere there are 10 pixels added between page content and top menu bar*/
}

#footercontainer {/*blue bar behind orange footer bar*/
	width: 100%;
	background: rgba(0,3,166,1.00);
	z-index: -1;
}

#footerbanner {
	width: 100%;
	/*background: rgba(239,109,41,1.00);*/
}

.box_basic {
	width: 100%;
	height: 100%;
	/**/margin-bottom: 15px;
	/*for gradient background*/
	background: rgba(160,160,190,1.00); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, rgba(190,190,220,1.00), rgba(130,130,160,1.00), rgba(160,160,190,1.00)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(160,160,190,1.00), rgba(130,130,160,1.00), rgba(90,90,120,1.00)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(160,160,190,1.00), rgba(130,130,160,1.00), rgba(90,90,120,1.00)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(90,90,120,1.00), rgba(130,130,160,1.00), rgba(160,160,190,1.00)); /* Standard syntax */
	/* end for gradient background*/
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.50);
	box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.50);
	border: 2px solid rgba(255,255,255,1.00);
}

.box_basic_white {
	width: 100%;
	height: 100%;
	margin-bottom: 15px;
	/*for gradient background*/
	background: rgba(245,245,255,1.00); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, rgba(230,230,250,1.00), rgba(220,220,240,1.00), rgba(210,210,230,1.00)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(230,230,250,1.00), rgba(220,220,240,1.00), rgba(210,210,230,1.00)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(230,230,250,1.00), rgba(240,240,240,1.00), rgba(210,210,230,1.00)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(215,215,235,1.00), rgba(225,225,245,1.00), rgba(235,235,255,1.00)); /* Standard syntax */
	/* end for gradient background*/
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.50);
	box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.50);
	border: 2px solid rgba(255,255,255,1.00);
}

.sub_flex_container {/*to allow for flex-box properties*/
	display: -webkit-flex;/*safari*/
	display: flex;
	/*background-color: purple;*/
}

/*Top Menu*/

#top_menu_bar {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
	margin: 0 auto;
	padding: 10px 0;
	font-size: .9em;
}


.top_menu_item {
	position: relative;
	font-weight: bold;
	background-color: rgba(50,50,255,1.00);
	-webkit-flex: 5 0 0; 
   	flex: 5 0 0;
	text-align: center;
	padding: 5px;
}

.top_menu_end {
	position: relative;/*may not be necessary*/
	-webkit-flex: 1 0 0; 
    flex: 1 0 0;
	padding: 2px;
	text-align: center;
}

/*LINK BOX CONTROL*/

.link_box {
	position: absolute;
    width: 100%;
	height: 100%;
    top: 0;
    left: 0;
	text-decoration: none;
		-webkit-hyphens:auto;
		-moz-hyphyns:auto;
		hyphens:auto;

}

.link_box:hover {
	background: rgba(239,109,41,1.00);
}

.link_text {
	position:relative;
	z-index: 2;/**/
	pointer-events:none;
}

@media (max-width: 980px){
	.box_basic {
		}
		
	#pagecontent {
		width: 100%;
	}
	
	
}

@media (max-width: 535px){
	
	.link_box {
		font-size: 100%;
	}
}