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

img { max-width: 100%; height: auto; }

#blue{
	width:100%;
	height:163px;
	position:relative;
	z-index:20;
	background-color:#2b4e7a;
}
h1{
	color:#2b4e7a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	font-style:italic;
	font-size:22px;
	padding:30px 18px 15px;
}
h2{
	color:#2b4e7a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	font-style:italic;
	font-size:18px;
	padding:30px 18px 5px;
}

strong{
	font-weight:700;
}

#content{
	padding: 30px 18px 0 18px;
}
#content .left{
	float:left;
	width:58%;
	color:#5e5e5e;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:18px;
    margin: 0;
    padding: 0;
}
#content .left a{
	color:#5e5e5e;
}
#content .left a:hover{
	text-decoration:none;
}
#content .left p{
	margin-bottom:20px;
}
#content .left ul{
	margin-bottom:20px;
	list-style:disc;
	margin-left:15px;
}
#content .right{
	float:right;
	width:38%;
}

@media screen and (max-width:700px) {
    #content .left{
        float: none; 
        width: auto;
        margin: 18px 0;        
    }
    #content .right{
        float: none; 
        width: auto;
        margin: 18px auto; 
        text-align: center;       
    }  
    #blue{
        width:100%;
        height:120px;
        position:relative;
        z-index:20;
        background-color:#2b4e7a;
    }
}