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

.top_header{ background-color:#26354A;
		padding: 20px 0px 22px 0px;
	    /*line-height: 67px !important;*/}


.style13 {
    font-family: Arial, Helvetica, sans-serif;
    color: #D3DCE6;
}

.style22 {
    font-size: 22px;
}

.style10 {
    /*font-size: 13px;*/
    line-height: 16px;
    font: 14px Arial, Helvetica, sans-serif;
}

.logo {
    font: 24px Times New Roman, Times, serif;
    color: #FFBA00;
    /*letter-spacing: .2em;*/
	letter-spacing: .1em;
    line-height: 26px;
	padding-left: 15px;
}



.nav_bg{ background-color:#CC9900; border-top:4px solid #fff; border-bottom:4px solid #fff;}
#navigation a {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding: 0px 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	}
	
#navigation a:hover {
	color:#D3DCE6;
	background-color: #26354A;
	}
	
.contain_bg{ background-color:#D3DCE6; overflow:hidden;}	

.pageName {
    font: 27px Arial, Helvetica, sans-serif;
    color: #FF6600;
    letter-spacing: .2em;
    line-height: 32px;
}

.style20 {
    color: #64748B;
    font-weight: bold;
}

.style18 {
    font-size: 13px;
}


.bodyText {
    font: 14px Arial, Helvetica, sans-serif;
    line-height: 22px;
    color: #26354A;
    /*letter-spacing: .1em;*/
	letter-spacing: 0.09em;
}
	
	
.style19 {
    font-size: 15px;
    color: #64748B;
    font-weight: bold;
}	

.style21 {
    font-size: xx-small;
}


.left_img{ 
		    
    text-align: left; width: 23% !important;
}


.head_text {
    font-size: 22px;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

/*	.left_img{ 
	width: 100% !important;
    overflow: hidden;
    text-align: center;
}*/

.head_text {
    font-size: 24px !important;
}
}


@media only screen and (max-device-width : 640px) {

/*	.left_img{ 
	width: 100% !important;
    overflow: hidden;
    text-align: center;
}*/

.head_text {
    font-size: 26px !important;
}
}



































.image_area {
    width: 100%;
    text-align: left;
}




 @media only screen and (max-device-width: 480px) {
 
 	.image_area{ width:100%; text-align: center !important;}
 }
 
 @media only screen and (max-device-width: 640px){
.image_area {
    width: 100%;
    text-align: center !important;
	margin-left:7px;
}

}