/* =[Reset CSS]==============================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
fieldset, img { border:0; vertical-align:top; }
nav ul, nav ol, ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }
input[type="checkbox"], input[type="radio"] { margin:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
html, body { height:100%; padding:0; margin:0; color:#fff;  font-family: 'centurygothicregularregular'; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
a { color:#fff; text-decoration:none; }
a:hover { text-decoration:none; }
a:focus { border:none; outline:none; }
input, label, textarea, select, button { font:11px Arial, sans-serif; color:#767676; }
input { border:none; outline:none; border:0; }
input:focus { border:none; outline:none; }
input, textarea { -webkit-appearance:none; }
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.alignLeft { float:left!important; }
.alignRight { float:right!important; }
/* =[End Reset CSS]==============================================================*/

@font-face {
    font-family: 'centurygothicregularregular';
    src: url('../fonts/4365-webfont.eot');
    src: url('../fonts/4365-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/4365-webfont.woff') format('woff'),
         url('../fonts/4365-webfont.ttf') format('truetype'),
         url('../fonts/4365-webfont.svg#centurygothicregularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'centurygothicboldbold';
    src: url('../fonts/4637-webfont.eot');
    src: url('../fonts/4637-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/4637-webfont.woff') format('woff'),
         url('../fonts/4637-webfont.ttf') format('truetype'),
         url('../fonts/4637-webfont.svg#centurygothicboldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arno_proitalic';
    src: url('../fonts/arnopro-italic-webfont.eot');
    src: url('../fonts/arnopro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arnopro-italic-webfont.woff') format('woff'),
         url('../fonts/arnopro-italic-webfont.ttf') format('truetype'),
         url('../fonts/arnopro-italic-webfont.svg#arno_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{ background:url(../images/body-bg.jpg) center top repeat-x;}
.pageShadow{ background:url(../images/shadow.png) center top repeat-y; }

.mainWrapper{ width:1116px; margin:0 auto;}
.logo{ float:left; padding:28px 0 0 16px;}
.header{ background:url(../images/header-bg.png) left top repeat-x; float:left; width:100%;}

.ropRblock{ width:400px; padding-right:21px;}
<!--.acc-logo{ padding:40px 0 20px 0; height:132px;}-->
.acc-logo{ padding:1px 0 20px 0; height:158px;}
.topNavigation{ float:right; background:#FF8932; border:1px solid #abdef2; padding:10px; -webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px; behavior: url(css/PIE.htc); position:relative; z-index:10;  }
.ie7 .topNavigation { width:378px;}
.ie7 .topNavigation li.last a{ padding-right:0;}
.topNavigation li{ background:url(../images/top-nav-sep.gif) right 2px no-repeat; float:left; font-size:14px; }
.topNavigation li a{ float:left;  padding:0 10px 0 11px }
.topNavigation li a:hover{ text-decoration:underline;}
.topNavigation li.last{ background:none;}
.middleWrapper{ background:url(../images/page-middle-bg.png) left top no-repeat; width:100%; float:left;}
.bannerwrap{ float:left; width:1069px; background:url(../images/main-banner.png) no-repeat; height:369px; margin:0 24px;}
.bannerwrap.inner{ float:left; width:1069px; background:url(../images/inner-main-banner.png) no-repeat; height:369px; margin:0 24px;}
.bannerwrap.inner1{ float:left; width:1069px; background:url(../images/inner-main-banner1.png) no-repeat; height:369px; margin:0 24px;}
.bannerwrap.inner2{ float:left; width:1069px; background:url(../images/inner-main-banner2.png) no-repeat; height:369px; margin:0 24px;}
.bannerwrap.inner3{ float:left; width:1069px; background:url(../images/inner-main-banner3.png) no-repeat; height:369px; margin:0 24px;}
.bannerwrap.inner4{ float:left; width:1069px; background:url(../images/inner-main-banner4.png) no-repeat; height:369px; margin:0 24px;}
.bannerwrap.inner5{ float:left; width:1069px; background:url(../images/inner-main-banner5.png) no-repeat; height:369px; margin:0 24px;}
.bannerwrap.inner6{ float:left; width:1069px; background:url(../images/inner-main-banner6.png) no-repeat; height:369px; margin:0 24px;}
.bannerwrap .content{ width:380px; float:right; padding:20px 15px 0 0px;}
.bannerwrap .title{ color:#ff9966; font-size:34px; font-family: 'arno_proitalic'; font-weight:bold;} 
.bannerwrap p{ color:#fff; font-size:17px; }

.leftsideWrapper{ float:left; background:url(../images/left-navigation-bg.jpg) left bottom no-repeat; width:290px; }
.leftNav{ float:left; width:290px;}
.leftNav li{ background:url(../images/left-nav-li-bg.png) left bottom repeat-x;}
.leftNav li:hover{ background:url(../images/left-nav-li-bg-selected.png) left bottom repeat-x;} 
.leftNav li a{ padding:7px 15px; display:block;  font-family: 'centurygothicboldbold'; font-size:18px; text-transform:uppercase; }
 .accordion, .accordion li {margin: 0; padding: 0; border: none;}
 .accordion a {padding: 10px 10px 10px 15px; text-decoration:none; display: block; color: #fff; font-size:14px;}
 .accordion ul a { padding:5px 15px; font-size:14px; color:#244d70;}
 .accordion a.dcjq-parent, .accordion a.dcjq-parent:hover {}
 .accordion a.dcjq-parent.active {background:url(../images/left-nav-li-bg-selected.png) left bottom repeat-x;}
 .accordion a:hover { background:none; color:#fff;}
 .accordion a:active{}
 .dcjq-count{ font-family: 'centurygothicregularregular'; font-size:14px;} 
 .dcjq-parent-li ul{ overflow-x:hidden; overflow-y:scroll; height:105px;}
 .accordion.inner .dcjq-parent-li ul{ overflow:inherit;  height:auto;}
 .dcjq-parent-li li{ background:#f6ba8a; background-image:none;}
 .lessData.dcjq-parent-li ul{ overflow-x:hidden; overflow-y:scroll; height:auto;}


.block{ padding:0 24px 0 24px;}
.middleContent{ width:725px; float:right; background:#abcad5 url(../images/middle-wrapper-bg.png)  no-repeat; padding:100px 23px 30px 23px; min-height:430px;}
.middleContent h2 { color:#003333; padding-bottom:15px;  font-family: 'CenturyGothicBold'; font-size:24px;}
.middleContent p{ color:#000; font-size:16px; padding-bottom:15px; line-height:24px;}
.middleContent p a{ color:#cc0000;}

.footerWrapper{ background:#fff; float:left; width:100%; }
.footerBlock{ float:left; padding:30px 0 30px 25px}
.footerBlock li{ float:left; width:236px; text-align:center; font-size:12px; color:#000; padding-right:37px; color:#003333; line-height:16px;}
.footerBlock li.last{ padding-right:0px;}
.footerBlock li a{ color:#015985; display:block; }
.footerBlock li a:hover{ text-decoration:underline;} 
.footerBlock li span{ font-size:9px;}
.conheight{ width:1069px; float:left;}


.plctext { font-size:11px;}

.doctext {font-size: 11px; }
.doc:link  {font-size: 11px ; font-color: #642b3b; text-decoration: none;  }
.doc:active  {font-size: 11px; font-color: #642b3b; text-decoration: none;   }
.doc:visited {font-size: 11px; font-color: #642b3b; text-decoration: none;   }
.doc:hover {font-size: 11px; font-color: #115dbd; text-decoration: underline; }


.PDF:link  {font-size: 16px; font-color: #642b3b; text-decoration: none;  }
.PDF:active  {font-size: 16px; font-color: #642b3b; text-decoration: none;   }
.PDF:visited {font-size: 16px; font-color: #642b3b; text-decoration: none;   }
.PDF:hover {font-size: 16px; font-color: #115dbd; text-decoration: underline; }

.aaalogo{float:left; padding: 20px;}


@media screen and (max-width:1024px) {
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mainWrapper{max-width:1116px; width:100%; margin:0 auto;}
#center, #topBar, #headerArea, #container, .footerArea{width:100%;}
.block { padding: 0px 10px; }
.bannerwrap, .bannerwrap.inner1, .bannerwrap.inner2, .bannerwrap.inner3, .bannerwrap.inner4, .bannerwrap.inner5, .bannerwrap.inner6, .conheight { width: 100%;}
.logo img{width:100%;}
.logo{width:58%;}

.bannerwrap { background:url(../images/main-banner-mobile.png) no-repeat; height:233px; background-size: 100%; margin:0;}
.bannerwrap.inner1{ background:url(../images/inner-main-banner1-mobile.png) no-repeat; height:233px; background-size: 100%; margin:0;}
.bannerwrap.inner2{ background:url(../images/inner-main-banner2-mobile.png) no-repeat; height:233px; background-size: 100%; margin:0;}
.bannerwrap.inner3{ background:url(../images/inner-main-banner3-mobile.png) no-repeat; height:233px; background-size: 100%; margin:0;}
.bannerwrap.inner4{ background:url(../images/inner-main-banner4-mobile.png) no-repeat; height:233px; background-size: 100%; margin:0;}
.bannerwrap.inner5{ background:url(../images/inner-main-banner5-mobile.png) no-repeat; height:233px; background-size: 100%; margin:0;}
.bannerwrap.inner6{ background:url(../images/inner-main-banner6-mobile.png) no-repeat; height:233px; background-size: 100%; margin:0;}
.bannerwrap .content {padding: 20px 15px 0px 15px;}
.middleContent { width: 100%;  background:#abcad5 url(../images/middle-wrapper-bg-mobile.png) no-repeat; padding: 20px 23px 30px;} 
.topNavigation li { font-size: 13px; }
.leftsideWrapper { background: none; width: 100%; height: auto;}
.leftNav { width: 100%; }
.leftNav li { background: #057a9d; }

#navbar-wrap { margin:0;  float:left; width:100%; padding: 15px 0 0 0px; }
a.meanmenu-reveal { display: none; }
.mean-bar {  width: 100%; position: relative;  padding:0; margin-bottom:6px;  z-index: 999; min-height:35px; background:#082338; }
a.meanmenu-reveal { width:30px; padding:0; position: absolute; top:3px; right:7px !important; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-weight: 700; }
a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 5px; }
.mean-nav { width:100%; right:0; top:35px; position:absolute;}
.mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none;}
.mean-nav ul li { position: relative; float: left; width: 100%; }
.mean-nav ul li:last-child a{border-bottom:0;}
.mean-nav ul li:first-child a{border-top:0;}
.mean-nav ul li a.mean-expand { width:40px; height:40px; border: none !important; padding:6px !important; text-align: center; position: absolute; right: 0; top:0; z-index: 2; font-weight: normal; font-size:18px !important; font-family:Arial, Helvetica, sans-serif; background:#08729c; }
.menuName{padding:7px 0 0 10px; display:inline-block;color:#fff; font-size:16px; text-transform:uppercase;}
}

@media screen and (max-width:900px) {
.middleContent { width: 100%; }
}

@media screen and (max-width:800px) {
.logo { width: 46%;}
.middleContent { width: 100%; }
.bannerwrap{ height:165px; background-size: 100%; margin: 0;}
.bannerwrap.inner1{ height:165px; background-size: 100%; margin: 0;}
.bannerwrap.inner2{ height:165px; background-size: 100%; margin: 0;}
.bannerwrap.inner3{ height:165px; background-size: 100%; margin: 0;}
.bannerwrap.inner4{ height:165px; background-size: 100%; margin: 0;}
.bannerwrap.inner5{ height:165px; background-size: 100%; margin: 0;}
.bannerwrap.inner6{ height:165px; background-size: 100%; margin: 0;}
.bannerwrap p { font-size:14px; width:89%; }
.footerBlock li { width: 23%; margin-bottom: 20px; }
}

@media screen and (max-width:640px) {
.logo { width: 95%;}
.middleContent { width: 100%; }
.middleContent img { text-align: center;}

.acc-logo { padding: 0px; height: 10px; }
.acc-logo img { display: none; }
.bannerwrap.inner1 { height: 140px; }
.bannerwrap.inner2 { height: 140px; }
.bannerwrap.inner3 { height: 140px; }
.bannerwrap.inner4 { height: 140px; }
.bannerwrap.inner5 { height: 140px; }
.bannerwrap.inner6 { height: 140px; }

.bannerwrap .content { width: 320px;}
.bannerwrap p { font-size: 12px; }
.ropRblock { padding-right: 0px; padding: 0px 10%; width: 100%; }
.footerBlock li { width: 33%; }
.topNavigation { float: left; }
.aaalogo{float:none; } 
}

@media screen and (max-width:480px) {
.footerBlock li { width: 100%;  height: 100px; text-align:left;}
.bannerwrap .content { /*background: url("../images/left-navigation-bg.jpg") no-repeat scroll left bottom transparent;*/ float: left; margin-top: 34%;  width: 100%; background-size: 100%; padding-bottom: 20px;}
.bannerwrap { background:url(../images/main-banner-mobile480.png) no-repeat; height:265px; background-size: 100%; margin:0;}
.bannerwrap.inner1 { background:url(../images/inner-main-banner1-mobile480.png) no-repeat; height:265px; background-size: 100%; margin:0;}
.bannerwrap.inner2 { background:url(../images/inner-main-banner2-mobile480.png) no-repeat; height:265px; background-size: 100%; margin:0;}
.bannerwrap.inner3 { background:url(../images/inner-main-banner3-mobile480.png) no-repeat; height:265px; background-size: 100%; margin:0;}
.bannerwrap.inner4 { background:url(../images/inner-main-banner4-mobile480.png) no-repeat; height:265px; background-size: 100%; margin:0;}
.bannerwrap.inner5 { background:url(../images/inner-main-banner5-mobile480.png) no-repeat; height:265px; background-size: 100%; margin:0;}
.bannerwrap.inner6 { background:url(../images/inner-main-banner6-mobile480.png) no-repeat; height:265px; background-size: 100%; margin:0;}
.bannerwrap p {color: #000; }
.aaalogo{float:left; } 
}
@media screen and (max-width:360px) {
.footerBlock li { /*  height: 240px; */}
.bannerwrap.inner1 { height: 245px; }
.bannerwrap.inner2 { height: 245px; }
.bannerwrap.inner3 { height: 245px; }
.bannerwrap.inner4 { height: 245px; }
.bannerwrap.inner5 { height: 245px; }
.bannerwrap.inner6 { height: 245px; }
.aaalogo{float:left; } 
}