html {
box-sizing: border-box;
height: 100%;
}
*, *:before, *:after {
box-sizing: inherit;
}

body{
height:100%;
background:#194392;
margin: 11px auto;
font-family:'Open Sans', Arial, Helvetica, sans-serif;
font-style: normal;
color: #333; 
font-size: 16px;
}

a{color:#0C63F3;}
a:link{text-decoration:none;}
a:visited{text-decoration:none; color:#551A8B;}
a:hover{text-decoration:underline;}

h1,h2,h3 {
font-family: 'Open Sans Condensed', Arial, sans-serif;
color: #333;
font-weight: bold;
}

h1{
font-size: 1.9em;
font-weight: bold;
margin: 20px 0 25px 0;
padding-bottom:5px;
}
h2{
font-size: 1.6em;
font-weight:normal;
margin: 30px 0 20px 0;
}
h3{
font-size: 1.4em;
font-weight:normal;
margin: 30px 0 20px 0;
}

.box{
width:80%;
padding:12px;
margin:40px auto 40px auto;
background: #EEEEEE;
background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#EEEEEE));
background: -moz-linear-gradient(top,  #F7F7F7,  #EEEEEE);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:3px 3px 14px rgba(50, 50, 50, 0.30);
-moz-box-shadow:3px 3px 14px rgba(50, 50, 50, 0.30);
box-shadow:3px 3px 14px rgba(50, 50, 50, 0.30);
}

ul.bullet{list-style-type:square;}
ul.bullet li{padding:0 0 10px 0;}
.bold{font-weight: bold;color: #043457;}
.smalltext {font-size:.8em}


/* ------------------------  */
/* -------- main ----------  */
/* ------------------------  */

#outer_wrapper{
width:85%;
max-width:980px;
background-color:#FFF;
margin: 11px auto 5px auto;
padding:0;
border:1px solid #777;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#header{
background-color:#FFF;
margin:.2em;
padding:2% 1% 1% 2%;
position: relative;
}

#nav{
background-color:#eee;
font-size:.9em;
line-height:30px;
padding:0 15px;
text-align:right;
border-top:1px solid #AEAEAE;
border-bottom:1px solid #AEAEAE;
}

#nav a{margin-right:13px;}

#footer{
padding:.5em;
text-align:center;
font-size:.8em;
color:#fff;
}
#footer a{color:#fff; text-decoration:underline;}
#footer a:hover{text-decoration:none;}


/* ------------------------  */
/* ------- buttons --------  */
/* ------------------------  */

.button_blue {background-color: #4169e1; border: none; border-top: 1px solid #6f8ee5; border-bottom: 1px solid #5579e1; border-radius: 6px; cursor: pointer; box-shadow: 0 2px 3px #727272; -moz-border-radius: 6px; -moz-box-shadow: 0 2px 3px #727272; -webkit-box-shadow: 0 2px 3px #727272; color: white!important; font-size: 1em; margin:2px 10px 2px 0; padding: 5px 10px; text-decoration: none!important;}
.button_blue:hover,
.button_blue:focus {background-color: #6f8ee5; border-color:#4169e1; border-top:1px solid #6f8ee5; border-bottom:1px solid #224abb;}


/* ------------------------  */
/* ------- SECTIONS -------- */
/* ------------------------  */

.section {clear: both; padding: 0px; margin: 0px;}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	min-height:300px;
}
.col:first-child { margin-left: 0; }
.col_cont_1{padding:1% 8% 5% 8%;}
.col_cont_2{padding:5%; font-size:.9em;}

/*  GROUPING  */
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 */}
      
/*  GRID OF ONE */  
.span_1_of_1 {width: 100%;}
                                         
/*  GRID OF TWO */
.span_1_of_2 {width: 66.13%;}
.span_2_of_2 {width: 32.26%;}
 
.clear {clear:both;}


@media (max-width:57.5em){
#outer_wrapper{width: 96%}

#header #logo{
display:inline;
max-width:100%; 
height:auto;
}


}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 47.5em) {
.col {margin: 1% 0 1% 0%;}

#outer_wrapper{width: 98%}

#header #logo{
display:inline;
max-width:100%; 
height:auto;
}

.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 100%;}
.btn_rd {width: 90%;}


}