/* CSS Document */

.myclass1{ border-bottom:1px solid #1878B2;margin-top:2px;font-size:13px; color:#660000;padding-left:10px; height:25px; font-family:Arial, Helvetica, sans-serif;}
.myclass2{ float:left; width:430px;margin-left:20px;margin-top:10px; line-height:22px;}
.myclass3{ width:500px;margin-left:10px;font-size:14px; color:#137CB6; margin-bottom:20px; margin-top:20px;font-weight:bold; }
.myclass4{ float:left; width:240px;margin-left:18px;margin-top:10px; line-height:20px; }
.myclass5{ float:left; width:240px;margin-left:190px;height:30px;margin-top:10px; }

.borderclass {background-color:#E3EFFB; border:1px solid #5098C8;font-family:Arial, Helvetica, sans-serif; float:left;word-wrap: break-word;width:100%;}
.borderclass2 {border:1px solid #5098C8;font-family:Arial, Helvetica, sans-serif; word-wrap: break-word;}
.borderclass3 {border-top:2px solid #cdcdcd;font-family:Arial, Helvetica, sans-serif; word-wrap: break-word;}
#top a,.borderclass a,.borderclass2 a,.borderclass3 strong,.myclass2 strong,.myclass1 strong { font-weight:bold;}

.page-section .page-footer_bot {
margin:auto;
width:968px;
}
.page-section .page-footer-top1 { 
margin:auto;
width:968px;
}

@media (max-width:240px){
.page-section .myclass3 {
margin-left: 15px !important;
word-wrap: break-word !important;
width: 185px !important;
}

.page-section .borderclass {
margin-left: -15px !important;
float: left !important;
width: 245px !important;
}

.page-section .borderclass2 {
    margin-left: -15px;
    float: left !important;
    width: 245px !important;
}

.page-section .myclass4 {
width: 200px;
}
.page-section .myclass5 {
margin-left: 60px;
}

.page-section .myclass2 {
    float: left;
    width: 217px;
   margin-left: -10px;
    margin-top: 10px;
}

.page-section .myclass1 {
    width: 217px;
    height: 33px;
	margin-left: -13px;
}
}

@media (min-width:241px) and (max-width:320px) {
.page-section .myclass3 {
margin-left: 15px !important;
word-wrap: break-word !important;
width: 185px !important;
}

.page-section .borderclass {
margin-left: 12px !important;
float: left !important;
width: 245px !important;
}

.page-section .borderclass2 {
    margin-left: 12px !important;
    float: left !important;
    width: 245px !important;
}

.page-section .myclass4 {
width: 200px;
}
.page-section .myclass5 {
margin-left: 60px;
}

.page-section .myclass2 {
    float: left;
   margin-left: 10px;
    margin-top: 10px;
	width: 261px  !important;
}

.page-section .myclass1 {
    width: 217px;
    height: 33px;
	margin-left: 10px;
}

/*.page-section .myclass3 {
margin-left: 24px !important;
word-wrap: break-word !important;
width: 245px !important;
}

.page-section .borderclass {
margin-left: -15px !important;
float: left !important;
width: 317px !important;
}
.page-section .myclass5 { 
margin-left: 90px !important;
}

.page-section .borderclass2 {
margin-left: -15px;
float: left !important;
width: 317px !important;
}

.page-section .borderclass3 {
margin-left: -15px !important;
}

.page-section .myclass2 {
    float: left;
    width: 322px;
    margin-left: 24px;
    margin-top: 10px;
}
.page-section .myclass1 {
width: 309px;
height: 33px;
margin-left: 29px !important;
}*/

}

@media (min-width:321px) and (max-width:480px) {
.page-section .borderclass {
margin-left: -15px !important;
float: left !important;
width: 477px !important;
}

.page-section .borderclass2 {
    margin-left: -15px;
    float: left !important;
    width: 477px !important;
}

.page-section .myclass4 {
width: 386px;
}

}