@charset "utf-8";
/* CSS Document */
body { margin:0px; padding:0px; background:url(../images/page-bk.jpg) no-repeat #e5f2fc; width:100%; background-size:100%; font-family:Arial, Helvetica, sans-serif; }
* { margin:0px; padding:0px;}
* { box-sizing:border-box;}

#main_page { margin:20px 0 0 0; padding:0px; width:100%;}
#headerTop {background:#fff;border-radius: 10px 10px 0 0; border-top: 5px solid #fff; height: 15px; margin: 0 auto; position: relative; width: 990px;   border: 1px solid #1f9bd8;
    border-top:0px; border-bottom:0px;  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;}
#wrapper { background:#fff;box-shadow: 0 0 6px rgba(0, 0, 0, 0.6); height: auto; margin: 0 auto; padding:0px; overflow:hidden; width: 990px; border-right:1px solid #1f9bd8; border-left:1px solid #1f9bd8;}


#header { float: left; margin:0px; padding:0;width:100%; text-align:center;}
.logo {float: left;padding:0 0 0 10px;}
.headerRight { float: right; padding: 0; margin-right:10px;}

.video {
    margin-left: 15px; text-align:left;
}

.video h1 {
    color: #1a2f78;
    font-size: 23px;
    padding-bottom: 10px;
}

.row.video {
    margin-bottom: 20px;
    margin-left: 0;
}

.row p {
    color: #56585b;
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.redtxt {
    color: #c61f2d !important;
}
.right_img { float:left;}

#topNav { float: left; margin: 15px 0 0 0; padding: 0; }
#topNav ul { margin: 0px; padding: 0px; }
#topNav li { float: left; list-style: none; padding: 0; margin-right:5px; text-align:center;}
#topNav li a { display: table-cell; vertical-align: middle; text-decoration: none; color: #fff; border:2px solid #209cd8; padding: 0; font-family:"Times New Roman", Times, serif; font-size: 18px; padding:10px 10px; border-radius:10px 10px 0 0; width: 140px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#728ab5+0,446c98+30,235784+51,1a327b+100 */
background: rgb(114,138,181); /* Old browsers */
background: -moz-linear-gradient(left, rgba(114,138,181,1) 0%, rgba(68,108,152,1) 30%, rgba(35,87,132,1) 51%, rgba(26,50,123,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(114,138,181,1)), color-stop(30%,rgba(68,108,152,1)), color-stop(51%,rgba(35,87,132,1)), color-stop(100%,rgba(26,50,123,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(114,138,181,1) 0%,rgba(68,108,152,1) 30%,rgba(35,87,132,1) 51%,rgba(26,50,123,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(114,138,181,1) 0%,rgba(68,108,152,1) 30%,rgba(35,87,132,1) 51%,rgba(26,50,123,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(114,138,181,1) 0%,rgba(68,108,152,1) 30%,rgba(35,87,132,1) 51%,rgba(26,50,123,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(114,138,181,1) 0%,rgba(68,108,152,1) 30%,rgba(35,87,132,1) 51%,rgba(26,50,123,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#728ab5', endColorstr='#1a327b',GradientType=1 ); /* IE6-9 */
}

#topNav li a span { line-height: 15px; padding: 0px; margin: 0px; float: left; width: 100%; }
#topNav li a.active, #topNav li a:hover { color: #fff; padding:10px 10px; border-radius:10px 10px 0 0; width: 140px;border:2px solid #209cd8 ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398acf+0,3a98d9+30,3ca5e2+51,5cb1e7+100 */
background: rgb(57,138,207); /* Old browsers */
background: -moz-linear-gradient(left, rgba(57,138,207,1) 0%, rgba(58,152,217,1) 30%, rgba(60,165,226,1) 51%, rgba(92,177,231,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(57,138,207,1)), color-stop(30%,rgba(58,152,217,1)), color-stop(51%,rgba(60,165,226,1)), color-stop(100%,rgba(92,177,231,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(57,138,207,1) 0%,rgba(58,152,217,1) 30%,rgba(60,165,226,1) 51%,rgba(92,177,231,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(57,138,207,1) 0%,rgba(58,152,217,1) 30%,rgba(60,165,226,1) 51%,rgba(92,177,231,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(57,138,207,1) 0%,rgba(58,152,217,1) 30%,rgba(60,165,226,1) 51%,rgba(92,177,231,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(57,138,207,1) 0%,rgba(58,152,217,1) 30%,rgba(60,165,226,1) 51%,rgba(92,177,231,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398acf', endColorstr='#5cb1e7',GradientType=1 ); /* IE6-9 */}
#topNav li.worcester a { padding:2px 5px; }

#topNav .menu_expand { display: none;}
  
#banner { float:left; padding:0; width:100%; margin:0px; }
.banner { margin:0 auto; width:100%;}   
.banner img { width:100%;}
.boxPan {float: left; margin:0px; padding:20px 0 0 0;width:100%; text-align: center; }
.box1 { float: left;margin: 0 12px 0 0; max-width: 100%; width: 24%;}
.box1:last-child {float: right; width:24%; margin:0px;}

.mainContent {float: left; margin:15px 2%; padding:0;width:96%;text-align:center;}
.contentLeft { float:left; width:16%;  margin:0px; padding:0px;text-align:center; }
.contentLeft ul { margin:0px; padding:12px 0 0 0; display:inline;}
.contentLeft li { text-align:center;list-style:none; padding:5px 0 5px 0;}
.contentLeft li p { color:#485b98; margin-bottom:15px;}
.contentLeft li a { text-decoration:none; color:#fff; padding:0px; }

.contentLeft li.social_icon img {width: 34px; max-width:100%; margin: 0; padding: 0;}

.contentRight { width:84%; float:right; margin:0px; padding:0px;}
.halfrow { width:100%; float:left; margin:0px; padding:0px; text-align:center;}
.mainContentLeft { float:left; width:60%; margin:0px; padding:0 20px; text-align:left;}
.mainContentLeft h1 { font-size:23px; padding-bottom:10px;  color:#1a2f78; }
.mainContentLeft h2 {font-size:17px;  padding-bottom:10px; color:#485b98; font-weight:normal;}
.mainContentLeft h3 {font-size:19px;  padding-bottom:10px;color:#223f89; font-weight:normal; }
.mainContentLeft p {font-size:15px; line-height:22px; padding-bottom:10px; padding-top:10px; color:#424345;}

.mainContentLeft h2.text_read {font-size: 17px;}
.mainContentLeft h2.text_read span { color:#485b98;}

.row { float:left; width:100%;}
.row p { color:#828385; font-size:16px; text-align:left;}
.row_half { float:left; width:46%; margin-right:15px;}

.services { float:left; width:100%;}
.services ul { margin:0px; padding:0px;}
.services li { background:url(../images/bullet.jpg) 0 7px no-repeat; font-size:16px; line-height:22px; list-style:none; padding:0 0 3px 15px; font-weight: normal; color:#464648;}

.mainContentLeft p a { color: #485b98; text-decoration: none;}

.mainContentRight {float:right; width:40%; margin:0px; padding:0px;}
.picblock {  padding-bottom:20px;}
.picblock h2 { color: #1a2f78; font-family:"Times New Roman", Times, serif; font-size:20px;font-weight: normal;padding-bottom: 10px;text-align: left;}
.picblock h2 a { color:#1a2f78; text-decoration:none; font-size:20px;}
.picblock h2 span { color:#1f9bd8; padding-right:5px;}
.picblock p {font-family:"Times New Roman", Times, serif;  text-align:left; line-height:25px; color:#1a2f78; font-size:18px;}
.picblock img {max-width:100%;}

#footer { float:left; width:100%; border-top: 7px solid #1a2f78; padding-bottom:50px; padding-top:10px; text-align:left;}
.copyright { float:left; width:36%; color:#828385;}
.copyright h1 {font-size:15px; padding-bottom:5px;  padding-top:5px; font-weight:normal; border-bottom:2px solid #999;}
.copyright p { padding-top:5px;font-size:13px;}
.footerLogo {float:left; width:20%;}


b {
    color: #000;
}
.f_contact {float: right; width:62%; color:#828385;}
.f_contact p { text-align:right; font-size:10px; }
.contact-form {float: left;width: 100%;}
.formrow { float: left;line-height: 30px;width: 100%;}
.formrow.pad1 {
    padding-top: 10px;
}
.label, .field { float: left; width: 100%;}
.field .input { border: 2px solid #d1d1d1; line-height: 25px; width: 100%;}
.label label { font-size: 14px;}
.formrow img { width:130px; height:25px;}
.formrow a { color: #c61f2d; text-decoration: none;}


@media only screen and (max-width:990px) {
img { max-width:100%; width:100%; vertical-align:middle;}
#wrapper { width:96%; padding:0 20px;}
#headerTop { width:96%;}
#header { display:inline-block; float:none; width:100%;}
.logo {float: left;padding: 0;width:45%;}
.headerRight { width:50%;}

.box1 { margin: 0 9px 0 0;}
#banner { width:100%; margin:0px; padding:0px;}
.banner { width:100%; float:left;}
#topNav li a.active, #topNav li a:hover,#topNav li a { width:130px;}

}


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


}

@media only screen and (max-width:767px) {
#topNav { background: #30519c; float: none; display: inline-block; width: 100%; }
ul.nav-main { display: none; }
#topNav li { padding: 0px !important; }
#topNav .menu_expand { text-decoration: none; display: none; padding: 15px 0 15px 20px; color: #333; font-size: 15px; display: inline-block; width: 100%; float: left; text-transform: uppercase; }
#topNav .menu_expand span { float: right; height: 17px; width: 30px; display: block; background: url(../images/icon_plus.png) no-repeat; padding: 0 }
#topNav .menu_expand.active span { background: url(../images/icon_minus.png) no-repeat }
#topNav ul.nav-main { margin: 0; padding: 0 }
#topNav ul li { float: left; width: 100%; }
#topNav .menu_expand { display: block; color: #fff; padding: 12px; background: #30519c; text-align: left; }
#topNav ul.nav-main li { list-style: none; padding: 0px; text-align: left; }
#topNav ul.nav-main li a { background: #30519c; text-decoration: none; color: #fff;  border:none; padding: 10px; float: left; width: 100%; border-bottom: 1px solid #fff; border-radius: 0px; }
#topNav ul.nav-main li a:hover, #topNav ul.nav-main li a.active { background: #10317c;  border-bottom: 1px solid #fff; color: #fff; width: 100%; border-radius: 0px; padding: 10px; }
#topNav li a span { float: none; }
.video  { margin:0px;}
.row.video iframe { width:100%;}
.logo {float: none; display:inline-block;}
.topImg { float: none; display:inline-block;width:auto;}
.headerRight {float: none; display:inline-block; width:100%;}
.right_img img { width:auto;}

.banner { width:100%;}
.box1 { float:none; display: inline-block; width:100%;}
.box1,.box1:last-child {float: none; display:inline-block;width:40%; border:1px solid #c9c9c9; padding:10px; margin:0 10px 20px 0; border-radius:5px;}
.mainContent { float:none; width:100%; display:inline-block;}
.contentLeft {float:none; width:100%; display:inline-block;}
.contentLeft li {display:inline-block; float:none;  border:1px solid #c9c9c9; padding:10px; margin:0 5px 20px 0; border-radius:5px;}

.picblock {width:70%; display:inline-block; float:none;  border:1px solid #c9c9c9; padding:10px; margin:0 10px 20px 0; border-radius:5px;}
.mainContentLeft,.mainContentRight {float:none; width:100%; display:inline-block;}

.contentRight {float:none; width:100%; display:inline-block;}
.f_contact p { text-align:left;}
.copyright,.f_contact{float:none; width:100%; display:inline-block; padding-bottom:15px;}
.right_img { float: none; display:inline-block; width:100%;} 

}

@media only screen and (max-width:580px) {
.field input{ width:100%!important}
.logo {float: none; display:inline-block; width:80%;}


}


@media only screen and (max-width:480px) {
.row_half {float:none; width:100%; display:inline-block;}
.contentLeft li {display:inline-block; max-width:100%; float:none;  border:1px solid #c9c9c9; padding:10px; margin:0 5px 20px 0; border-radius:5px;}
.picblock,.box1,.box1:last-child {width:100%; display:inline-block; float:none;}
}

@media only screen and (max-width:320px) {
.right_img img { width:100%;}
}