#Container,header,nav,section,footer,#Content-Container,#Footer-Container,#Access-Container,#Banner-Container,#Banner-Container-S,#credibility{width:100%;margin:0;padding:0;position:relative; float: left;}
#Accessibility,#Header,#Banner,#Content-Main,#Footer,#Main-Menu,#Mobile-Menu,#Service,#credibility-sec{max-width:960px;min-width:300px;margin:0 auto;padding:0;position:relative}
.img-l{margin:0 15px 10px 0}
.img-r{margin:0 0 10px 15px}
.img-c{margin:10px}
#Container ::selection{background:#CCC;color:#000}
.adaOn span{background:#003263;color:#fff;border-radius:50%}
#Scroller a{background:#fff;border:2px solid #000;color:#000;border-radius:50%}
#Header-Container{padding: 10px 0; background: #CCD5D8;}
nav{background: url(../images/menu-bg.jpg) 0 0 repeat;}
.menu{text-align:center}
.menu li{font:normal 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; background: url("../images/menu-divider.jpg") no-repeat scroll 0 0 transparent;}
.menu li a:hover{background: url(../images/menu-bg.jpg) 0 -42px repeat;}
.menu > li:first-of-type{background: none;}
.menu li a{padding:11px 23px;color:#fff}
.menu li ul{width:230px}
.menu ul li{background:#012C56; text-transform: none; font:normal 14px/20px 'VegurRegular', Arial, Helvetica, sans-serif; }
.menu ul li a{padding:10px 10px 10px 25px; }
.toggleMenu{font:bold 16px/30px Verdana,Arial,Helvetica,sans-serif}
.toggleMenu a{border-radius:5px; color: #fff;}
.Wrapper{font:normal 14px/20px Verdana,Arial,Helvetica,sans-serif}


.logo{width: 43%;}
.header-member{padding: 30px 55px 0 10px;}
.header-member ul li{}
.header-member ul li a{font:normal 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; background: #003f68 url(../images/sprite.png) 11px -98px no-repeat; padding: 6px 10px 6px 45px; border-radius: 6px; color: #fff; display: block; margin: 0 0 15px 0;}
.header-member ul li a:hover{background: #0B5D8C url(../images/sprite.png) 11px -98px no-repeat;}
.login-header{padding: 20px 0 0 0;}
.login-header #user_loginx, .login-header #user_passx{ background: #d1f4ff; border: 1px solid #aacad4; padding: 6px 10px; margin-bottom: 5px;	border-radius: 6px;	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2); width: 250px;}
.login-header .forgetmenot{margin: 4px 0;}
.login-header #submitx{background: #003f69; padding: 3px 15px; border-radius: 6px; color: #fff; font:500 15px/20px Georgia; margin: 6px 10px 0 0; float: left; cursor: pointer;}
.header-register{padding: 10px 0 0 0;}

.scroll-txt{margin: 30px 0 0 0;}
.scroll-txt ul li{display: inline; margin: 0 30px; color: #2586B0; font: 600 16px/20px Georgia;} 

#Content-Container{padding: 15px 0 10px 0; background: #EFFBFF;}
article h1{color:#011e3b;margin:10px 0; font: 500 30px/30px Georgia;}
article h2{color:#011e3b;margin:10px 0; font: 500 25px/30px Georgia;}
article h3{color:#011e3b; margin:10px 0; font: 500 22px/30px Georgia;}  
article h4{color:#0f1736;margin:10px 0; font: 500 20px/30px Georgia;} 
article h5{color:#373738;margin:10px 0; font: 500 18px/27px Georgia;} 
article p{padding:6px 0;line-height:25px; color: #666666;}
article ul li{line-height:25px; color: #666666;}
article ol li{list-style:decimal;line-height:25x; color: #666666; }
article ol li ul li{list-style:disc}
article a{color: #003366;}
.common-more{clear: both; margin: 10px 0 0 0; }
.common-more a{padding:5px 10px; background: #003f69;color: #fff; border-radius: 6px; }

#Sidebar{width:278px;padding:5px 0 20px; background: url(../images/sidebar-bg.png) left 15px no-repeat; text-align: center;}
.member-directory{background: url(../images/map.png) center 45px no-repeat; min-height: 220px;}
.member-directory .member-dir-one{font: 500 26px/30px Georgia; margin: 0 0 25px 0;}
.member-directory .member-dir-two{padding: 0 10px 20px;}
.member-directory .member-dir-search a{color: #fff; background: #003f69; padding: 5px 10px; font-size: 13px; border-radius: 6px;}
.member-directory .member-dir-search a:hover, .common-more a:hover{background:#0B5D8C; }

#credibility{background:#EFFBFF url(../images/scrollerbg.png) top center no-repeat; padding: 13px 0;}
#credibility .nbs-flexisel-nav-left{background:#EFFBFF url(../images/leftarrow.png) top center no-repeat;}
#credibility .nbs-flexisel-nav-right{background:#EFFBFF url(../images/rightarrow.png) top center no-repeat;}
#credibility .nbs-flexisel-nav-left:before, #credibility .nbs-flexisel-nav-right:before{display: none;}

#Footer-Container{background:#273756; padding: 15px 0 20px;}
.foot-copy-menu{width: 62%;}
.copyrights{font: normal 13px/25px Arial; color: #fff;}
.foot-copy-menu p{font: normal 13px/25px Arial; color: #fff;}
.social-logo{text-align:center}
.social-logo ul{font-size:0}
.social-logo li{display:inline-block;vertical-align:top;width:36px;height:36px; background: url(../images/sprite.png) no-repeat; margin: 0 3px;}
.social-logo li:nth-child(1){background-position:-219px 0px;}
.social-logo li:nth-child(2){background-position:-260px 0;}
.social-logo li:nth-child(3){background-position:-300px 0;}
.social-logo li a{width:100%;height:100%;display:block}
.social-logo{width: 120px; padding:6px 58px 0;}
.ypo-logo{width: 12%; padding: 5px 0 0 0;}



.contactTable{border-spacing:5px;border:2px solid #033163}
.address-title{background: #033163; color: #fff; }
.contact-address{width:300px;position:relative}
.contact-address p.textMainBold{padding:5px 0}
.contact-address p{position:relative;padding:5px 10px 5px 30px}
.contact-address p::before{position:absolute;left:5px;top:5px}
.contact-map{position:relative}
.contact-map iframe{width:100%;height:100%;position:absolute;z-index:9;border:0}
.textMain .write-review{font:normal 16px/20px Verdana,Arial,Helvetica,sans-serif;float:right;position:relative;border:2px solid #ccc}
.textMain .write-review a{display:block;padding:5px 15px;text-decoration:none}
.textMain .write-review a::before{margin-right:15px}
.textMain .useFul{margin:15px 0;padding:0}
.textMain .useFul ul{margin:0;padding:0;font-size:0;text-align:center}
.textMain .useFul li{margin:1%;padding:0;display:inline-block;vertical-align:middle;width:45%;min-width:290px;font:400 16px/20px Verdana,Arial,Helvetica,sans-serif;background:none;border:2px solid #ccc}
.textMain .useFul li span{display:block;padding:15px 0;background:#ccc;margin:0 0 15px}
.textMain .useFul li img{margin:10px 0}
.textMain .useFul li a{display:block;padding:5px;text-decoration:none}
.textMain .relList li{border:2px solid #ccc}
.textMain .relList li a{padding:5px 15px}

.prfl-pg-pg{width: 30%; padding: 0 20px 20px 0;}
.prfl-pg-pg img{background-color: #FFFFFF;	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); float: left; padding: 10px; width: 200px;}
.prfl-pg-txt{font:normal 15px/27px 'Open Sans', Helvetica;}

.textMain .human-rsrc-list{padding: 0;}
.human-rsrc-list li{padding: 0; list-style: none;}
.human-rsrc-list li > div{}

.annual-meeting{padding: 10px 0;}
.annual-meeting-first{width: 30%;}

@media screen and (max-width : 959px) {
    .menu li{font: normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
    .menu li a{padding: 11px 0;}
    .menu li.menu-registered{width: 23%!important;}
    .logo{width: 34%;}
    .header-member{padding: 15px 15px 0 10px;}
    .header-member ul li a{margin: 0 0 10px 0;}
    article{padding: 0 10px;}
    .foot-copy-menu{padding: 0 0 0 10px;}
    .social-logo{padding: 6px 25px 0;}
}

@media screen and (max-width : 767px) {

    .menu li{font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif}
    .logo{width: 37%;}
    .header-member{padding: 10px 5px 0;}
    .login-header{padding: 10px 0 0 0;}
    .login-header #user_loginx, .login-header #user_passx{width: 200px;}
    .foot-copy-menu{width: 58%;}
    .social-logo{padding: 6px 5px 0;}
    .ypo-logo{width: 18%;}
}

@media screen and (max-width : 640px) {
#Main-Menu{display:none}
#Mobile-Menu{display:block}
#Content,#Sidebar{display:block}
#Sidebar{margin:0 auto; clear: both;}
.contactTable .table-cell{display:block;width:100%}
.contact-address{border-radius:10px 10px 0 0}
.contact-map{height:250px;border-radius:0 0 10px 10px}
.textMain .useFul li{width:95%}
    
    #Header .table-cell, #Footer-Container .table-cell{display: block;}
    .logo{width: 350px; margin: 0px auto;}
    .header-member{width: 300px; margin: 0px auto;}
    .login-header{width: 300px; margin: 0px auto;}
    article{padding: 0 10px 30px;}
    .common-more{margin: 10px 0;}
    .foot-copy-menu{width: 96%;}
    .social-logo{width: 140px; margin: 13px auto;}
    .ypo-logo{width: 120px; margin: 10px auto;}
}


@media screen and (max-width : 480px) {
    
    .logo{width: 310px;} 
}