/* ---------> COLOUR INDEX <-------------/

blue:         #25367e;
dark-blue:    #1d2b66;
red:          #b00101;

body-grey:    #707070;
lighter-grey: #c4c6c8;

--------------------------------------- */



/*  HTML5 ✰ Boilerplate  */

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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; behavior: url(/styles/pie/PIE.php); }

.ie7 img { -ms-interpolation-mode: bicubic; }



/* ---------> ~GENERAL STYLES <------------- */

body, select, input, textarea { color: #707070; }

  body {
    font: 13px/1.231 sans-serif;
    background: url(img/bg-main-chain-link-wide.png) no-repeat center top #f8f7f7;
    /*background-size: 100%;*/
    border-top: 10px solid #1d2b66; }


h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 15px; }

p {
  line-height: 1.4em;
  margin-bottom: 10px; }

  p a {}

a {
  text-decoration: none;
  color: #607890; }

  a:hover { color: #036; }

.imgWrap {
  position: relative;
  overflow: hidden; }

  .imgWrap img {
    position: relative;
    z-index: 1;
    display: block; }

#h1 ul, #h1 li,
nav ul, nav li,
.noBullet, .noBullet li {
  margin: 0;
  list-style: none;
  list-style-image: none; }

.noListStyle {
  margin: 0;
  list-style: none;
  list-style-image: none; }

#skipNav {
  height: 0;
  overflow: hidden;
  line-height: 0;
  border-top: 5px solid #c4c6c8; }

#mainWrap, #skipNav ul {
  width: 1084px;
  margin: 0 auto; }

#mainWrap {
  background: url(img/bg-main-chain-link.png) no-repeat center -15px #fff; }



/* ---------> ~HEADER & ~NAV <------------- */

#h1 {
  
  padding: 10px 60px 0;
  z-index: 3;
  padding-top: 0 !important\7; }

  #h1 .logo {
    float: left;
    width: 116px;
    height: 117px;
    text-indent: -9999px;
    background: url(img/sprite.png);
    margin-top: 12px; }

  #h1 #language {
    margin: 15px 15px 0 0; }

    #h1 #language li {
      display: inline;
      border-left: 1px solid #707070;
      opacity: 0.5;
      filter:alpha(opacity=50);
      margin-left: 5px; }

      #h1 #language li.active, #h1 #language li:hover {
        opacity: 1;
        filter:alpha(opacity=100); }

      #h1 #language li:first-child {
        border-left: none;
        padding-left: 0;
        margin-left: 0; }

      #h1 #language li a {
        position: relative;
        padding-left: 53px;
        margin-left: 5px;
        color: #25367e; }

      #h1 #language li span {
        position: absolute;
        bottom: 2px;
        left: 15px;
        width: 29px;
        height: 18px;
        text-indent: -9999px;
        background: url(img/sprite.png) -126px 0; }

        #h1 #language li.es span {
          background-position: -126px -28px; }

        #h1 #language li.fre span {
          background-position: -126px -56px; }

        #h1 #language li.ch span {
          background-position: -126px -85px; }

        #h1 #language li.ar span {
          background-position: -126px -114px; }

  #h1 .btns {
    position: relative;
    margin-bottom: 30px;
    zoom: 1; }

    #h1 .btns .btn {
      position: relative;
      float: left;
      display: inline;
      text-align: center;
      color: #fff;
      background: #fff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      padding: 6px;
      margin-left: 14px;}

      #h1 .btns .btn span {
        display: block;
        width: 150px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 8px 0; }

      #h1 .btns .btn.red span {
        background: #b00101; }

      #h1 .btns .btn.blue span {
        background: #25367e; }


  #h1 nav {
    position: relative;
    clear: both;
    width: 1000px;
    margin-left: -60px;
    padding-left: 60px;
    padding-right: 24px;
    background-color: #25367e;
        background-image: -moz-linear-gradient(#25367e, #1d2b66);
        background-image: -webkit-linear-gradient(#25367e, #1d2b66); 
        background-image: -o-linear-gradient(#25367e, #1d2b66);
        background-image: linear-gradient(#25367e, #1d2b66);
    z-index: 2; }

    #h1 nav ul {
      background-color: #25367e;
        background-image: -moz-linear-gradient(#25367e, #1d2b66);
        background-image: -webkit-linear-gradient(#25367e, #1d2b66); 
        background-image: -o-linear-gradient(#25367e, #1d2b66);
      background-image: linear-gradient(#25367e, #1d2b66);
      behavior: url(/styles/pie/PIE.php); }

      #h1 nav li {
        float: left;
        display: inline;
        color: #fff; }

        #h1 nav li a {
          position: relative;
          float: left;
          display: inline;
          text-transform: uppercase;
          color: #fff;
          padding: 8px 15px; }

          #h1 nav li a.sf-with-ul {
            padding-right: 28px; }

          #h1 nav li.active a {
            background: #c4c6c8; }

          #h1 nav li a .sf-sub-indicator {
            position: absolute;
            right: 8px;
            top: 13px;
            display: block;
            width: 12px;
            height: 6px;
            text-indent: -9999px;
            background: url(img/sprite.png) -230px 0; }
      
      .navBoxWrapper {
        position: absolute;
        left: 0;
        left: -9999px;
        background: #ffffff;
        border-bottom: 5px solid #213071;
        width: 1084px;
        height: 65px;
        margin-top: 32px; }

      #h1 nav li ul {
        position: absolute;
        left: 0;
        width: 970px;
        font-size: 0.9em;
        background: #ffffff !important;
        padding: 10px 10px 7px 10px;
        margin-left: 43px;
        box-shadow: 2px 10px 5px -5px rgba(0, 0, 0, 0.25);
        z-index: 2 !important; }
      
      .ie7 #h1 nav li ul,
      .ie8 #h1 nav li ul {
        box-shadow: 2px 10px 5px 0px rgba(153, 153, 153, 0.25);
        behavior: url(/styles/pie/PIE.php); }
      
      #h1 nav li.active li a {
        background: #fff; }
      
      #h1 nav li ul li a {
        color: #213071;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.1em;
        margin: 0;
        padding: 5px 17px; }
      
      #h1 nav li ul li a:hover {
        color: #8f8c8c; }

        #h1 nav li:hover .navBoxWrapper, #h1 nav li.sfHover .navBoxWrapper {
          left: 0; }

        #h1 nav li li, #h1 nav li li:hover {
          position: relative;
          float: left; }
        
        .bluArrow {
          position: absolute;
          width: 9px;
          height: 14px;
          left: 0px;
          top: 7px;
          background: url(img/sprite.png) -247px 0px; }

        #h1 nav li li a:hover {
          color: #25367e; }




/* ============================== sub sub nav ================================ */

          #h1 nav li li ul {
            width: 300px;
            margin: 0;
            padding: 0;
            padding-top: 20px !important;
            background: transparent !important;
            border: none;
            position: absolute;
            top: 25px;
            box-shadow: none !important;
            padding: 0;
            z-index: 5; }
          
          .ie8 #h1 nav li li ul {
            box-shadow: 2px 10px 0px 0px rgba(255, 255, 255, 0);
            behavior: url(/styles/pie/PIE.php); }
        
          #h1 nav li li li {
            display: inline;
            float: left;
            clear: left;
            font-weight: normal;
            background: #ffffff;
            padding-bottom: 10px; }

            #h1 nav li li li:hover {
              font-weight: normal;
              background: #ffffff; }

              #h1 nav li li li a {
                font-weight: normal;
                background: #ffffff;
                padding: 5px 26px; }

/* ======================================================================================= */

.breadCrumb {
  position: relative;
  background: #c4c6c8;
  left: -60px;
  padding: 7px 60px 0px 60px;
  margin-bottom: 20px;
  width: 100%;
  z-index: 1 !important; 
  height:28px;
  overflow:hidden;
  }

 .breadCrumb p, .breadCrumb a {
   position: relative;
   margin: 0;
   color: #ffffff;
   font-size: 1.05em; }
  
 .breadCrumb a:hover {
   color: #213071; }

    .breadCrumb .homeIcon {
      position: absolute;
      text-indent: -9999px;
      width: 15px;
      height: 18px;
      left: 0;
      background: url(img/sprite.png) -317px 0;
      padding-right: 20px; }
    
    .breadCrumb .homeLink {
      position: relative;
      display: inline;
      float: left;
      width: 20px;
      height: 20px;
      padding-right: 15px; }


/* ---------> ~FOOTER <------------- */

#f1 {
  position: relative;
  color: #fff;
  background: url(img/bg-footer-chain-link.png) center top #25367d;
  border-top: 4px solid #c4c6c8;
  padding: 50px 60px 75px; }

  #f1 .logos {
    position: absolute;
    right: 60px;
    top: 105px; }

    #f1 .logos li, #f1 .logos a {
      float: left;
      display: inline; }

      #f1 .logos a {
        text-indent: -9999px;
        background: url(img/sprite.png) 0 -142px; }

      #f1 .logos li.taf a {
        width: 133px;
        height: 62px;
        margin-right: 15px; }

      #f1 .logos li.cpd a {
        width: 72px;
        height: 62px;
        background-position: 0 -214px;
        margin-right: 35px; }

      #f1 .logos li.netC a {
        width: 83px;
        height: 36px;
        background-position: 0 -286px;
        margin-top: 26px; }


  #f1 .social li, #f1 .social a {
    float: left;
    display: inline; }

    #f1 .social li {
      margin: 0 5px 15px 0; }

    #f1 .social a {
      width: 21px;
      height: 20px;
      text-indent: -9999px;
      background: url(img/sprite.png) -192px -27px; }

    #f1 .social li.fb a {
      background-position: -218px -27px; }

    #f1 .social li.twit a {
      background-position: -245px -27px; }

  #f1 .small {
    font-size: 0.85em;
    margin-bottom: 4px; }

  #f1 a {
    color: #fff; }

  #f1 .footerLinks li, #f1 .footerLinks li a {
    float: left;
    display: inline; }

    #f1 .footerLinks li {
      border-left: 1px solid #fff;
      padding-left: 5px;
      margin-left: 5px; }

    #f1 .footerLinks li:first-child {
      border-left: none;
      padding-left: 0;
      margin-left: 0; }


/* ---------> ~CONTENT <------------- */

#main {
  position: relative;
  padding: 20px 60px 65px;
  z-index: 1; }

.content.fl {
  width: 595px;
  margin-right: 50px; }

  section.ds {
    background: #fcffff;
    margin-bottom: 35px; }

  section.banner {
    position: relative;
    padding: 8px; }

  section.banner h3 {
    position: absolute;
    z-index: 2;
    bottom: 8px;
    left: 8px;
    width: 530px;
    font-size: 1.4em;
    color: #fff;
    background-color: #25367e;
    background: rgba(37, 54, 126, 0.8);
    filter:alpha(opacity=80);
    padding: 15px 25px;
    margin: 0; }

  .content section.block {
    padding: 20px 35px 35px; }

    section.block article {
      float: left;
      display: inline;
      width: 240px; }

      section.block article:first-child {
        margin-right: 35px; }

      section.block article h2 {
        position: relative;
        color: #084b8e;
        padding-right: 30px; }

      section.block article h2 .rss {
        position: absolute;
        right: 0;
        top: 0;
        width: 17px;
        height: 16px;
        background-position: -165px -27px; }

      section.block article .imgWrap {
        width: 240px;
        height: 125px;
        margin-bottom: 15px; }

        section.block article .new {
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          width: 131px;
          height: 81px;
          background-position: -165px -57px; }

      section.block .more {
        color: #b00101; }


  aside {
    float: left;
    display: inline;
    width: 315px; }

    aside .join {
      display: inline;
      float: left;
      overflow: hidden;
      margin-bottom: 40px; }

      aside .join h2 {
        color: #24347a;
        font-size: 2em;
        margin-bottom: 5px; }

      aside .join h3 {
        font-size:  1.4em;
        margin: 0; }

      aside .join ul {
        margin-bottom: 20px; }

        aside .join ul li {
          font-size: 1.075em;
          margin-bottom: 5px; }

        aside .join ul li a {
          font-weight: bold;
          color: #b00101; }

      aside .join .btn  {
        display: inline-block;
        position: relative;
        font-size: 1.1em;
        color: #fff;
        background: #b00101;
        padding: 5px 25px 5px 17px;
        margin-left: 12px; }

      aside .join .btn:hover  {
        background: #25367e; }

        .ie6 aside .join .btn,
        .ie7 aside .join .btn  {
          float: left; }

        aside .join .btn .icon {
          position: absolute;
          right: 10px;
          top: 9px;
          width: 5px;
          height: 10px;
          background-position: -205px 0; }

    aside .promo {
      position: relative;
      display: inline;
      float: left;
      width: 275px;
      padding: 20px;
       /*min-height:60px;*/ }

      aside .promo h2 {
        display: inline;
        float: left;
        margin-bottom: 0;
        width: 175px; }

      aside .promo h3 {
        display: inline;
        float: left;
        width: 175px;
        margin-bottom: 0; }

      aside .promo h2 a {
        color: #24347a;
        font-size: 1.65em;
        margin: 0; }

      aside .promo h3 a {
        font-size:  1.15em;
        margin: 0; }

      aside .promo .imgWrap {
        display: inline;
        float: right;
        width: 100px;
        margin-top: -24px; }
         
         .banner p{	
           margin:0px;
			     padding:0px; }

        aside .promo#asidePromo3 .imgWrap {
          top: -4px; }

        aside .promo .imgWrap img {
          margin: 0 auto; }
    
    aside section.video {
      position: relative;
      display: inline;
      float: left;
      width: 315px;
      z-index: 1;
      overflow: hidden; }

      aside section.video h2 {
        color: #084b8e;
        margin-bottom: 40px; }

#fancybox-outer {
  position: relative;
  z-index: 1000;
}


/* ---------> ~FORMS <------------- */

 aside form {
  display: inline;
  float: left;
  /*height: 100px;*/ }
  


    aside form input {
    position: absolute !important\7;
    margin-left: 0 !important\7;
    margin-top: 53px !important\7; }



    .ie6 form input[type=text],
    .ie7 form input[type=text],
    .ie8 form input[type=text] {
      border: 1px solid #dfdfdf;
      padding: 4px 3px; }

  form input[type=submit] {
    font-size: 0.9em;
    color: #fff;
    background-color: #b00101;
    border: none;
    padding: 4px; }


  form .compact input {
    float: left; }

    form .compact input[type=text] {
      height: 15px; }

    form .compact input[type=submit] {
      width: 28px;
      height: 25px;
      text-indent: -9999px;
      background-image: url(img/sprite.png);
      background-position: -193px 8px; }

    .ie6 form .compact input[type=submit],
    .ie7 form .compact input[type=submit] {
      display:block; 
      font-size: 0; 
      line-height: 0; }


#siteSearch p {
  text-align: right;
  font-size: 1.075em;
  font-weight: bold; }

  #siteSearch p a {
    color: #b00101; }

  #siteSearch fieldset {
    width: 203px;
    position: relative; }

  #siteSearch .icon {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 99;
    width: 20px;
    height: 17px;
    background-position: -165px 0; }
  
  #siteSearch input[type=text] {
    width: 130px;
    padding: 5px 10px 5px 30px;
    border: none;
    font-size: 1.1em;
    font-style: italic;
    box-shadow: inset -3px 3px 5px #999; }

    .ie7 #siteSearch #siteSearchInput,
    .ie8 #siteSearch #siteSearchInput {
      padding: 4px 10px 4px 30px;
      border: 1px solid #ccc;
      box-shadow: inset -3px 3px 5px #999;
      behavior: url(/styles/pie/PIE.php); }


  #loginForm {
    position: relative;
    width: 550px;
    overflow: hidden;
    margin: 0 30px 20px 10px; }

    #loginForm .formClose {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 0.95em;
      font-weight: bold;
      color: #c4c6c8; }

      #loginForm .formClose:hover {
        color: #b00101; }

      #loginForm .formClose span {
        margin-left: 5px; }

    #loginForm h2 {
      width: 550px;
      font-size: 1.4em;
      color: #084b8e;
      padding: 26px 0 25px;
      margin-bottom: 20px; }

    #loginForm label {
      float: left;
      display: inline;
      clear: left;
      width: 210px;
      font-size: 1.075em;
      font-weight: bold;
      color: #084b8e;
      padding-top: 8px;
      margin-right: 15px; }

    #loginForm input[type=text],#loginForm input[type=password]  {
      float: left;
      display: inline;
      width: 280px;
      border: 1px solid #dfdfdf;
      padding: 8px 15px;
      margin-bottom: 20px; }

    #loginForm input[type=submit] {
      clear: left;
      font-size: 1.1em;
      color: #fff;
      background: url(img/bg-btn-arrow.png) no-repeat 90% 9px #b00101;
      padding: 5px 35px 5px 15px;
      margin-left: 225px; }

    #loginForm input[type=submit]:hover {
      background-color: #25367e; }


#memberSearch {
  display: inline;
  float: left;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 6px;
  margin-bottom: 40px;
  behavior: url(/styles/pie/PIE.php);}

  #memberSearch form {
    position: relative;
    background: #25367e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    padding-bottom: 35px !important\7;
    behavior: url(/styles/pie/PIE.php); }

    #memberSearch form label {
      display: block;
      color: #fff;
      margin-bottom: 15px; }

    #memberSearch form input[type=text] {
      width: 175px;
      height: 15px; }

    #memberSearch form input[type=submit] {
      display: inline;
      float: left;
      clear: left;
      background-position: -222px 10px; }

      .ie7 #memberSearch form input[type=submit] {
        margin-top: -0px !important;
      }

/* ---------> ~UI BITS <------------- */

.ds {
  position: relative;
    -moz-box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25); }

.ie6 .ds,
.ie7 .ds,
.ie8 .ds {
  position: relative;
  box-shadow: 0 6px 5px rgba(153, 153, 153, 0.1) !important;
  behavior: url(/styles/pie/PIE.php); }

.shadowBorder {
    -moz-box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 5px rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin-bottom: 20px;
  background: #ffffff; }

.ie6 .shadowBorder,
.ie7 .shadowBorder,
.ie8 .shadowBorder {
  box-shadow: 0 6px 5px rgba(153, 153, 153, 0.1) !important;
  behavior: url(/styles/pie/PIE.php); }

.icon {
  display: block;
  text-indent: -9999px;
  background: url(img/sprite.png); }

#rightSideNav {
  display: block;
  width: 325px;
  margin-bottom: 20px;
  overflow: hidden; }

.rightHandPromo {
  display: inline;
  float: left;
  background: #ffffff;
  padding: 20px 35px 35px;
  margin-bottom: 35px;
  box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25); }

.ie7 .rightHandPromo,
.ie8 .rightHandPromo {
  display: inline;
  float: left;
  background: #ffffff;
  padding: 20px 35px 35px;
  margin-bottom: 35px;
  box-shadow: 0 6px 5px rgba(153, 153, 153, 0.25) !important;
  behavior: url(/styles/pie/PIE.php); }

  .rightHandPromo h2 {
    color: #084B8E;
    padding-right: 30px;
    position: relative; }

  .rightHandPromo .imgWrap {
    height: 125px;
    margin-bottom: 15px;
    width: 240px; }

  .rightHandPromo .new {
    background-position: -165px -57px;
    height: 81px;
    left: 0;
    position: absolute;
    top: 0;
    width: 131px;
    z-index: 2; }

  .rightHandPromo .more {
    color: #B00101; }

  .rightHandPromo .Date {
    margin-bottom: 0px;
    color: #233377; }

/* ================================== Contact Form ============================================= */

#frmAuto {
  display: inline;
  float: left;
  width: 545px; }

.formRow {
  display: block;
  clear: both; }

.fieldHolder {
  display: inline;
  float: left;
  margin-bottom: 20px; }

 .fieldHolder .TextInput {
   width: 320px;
   height: 37px;
   border: 1px solid #dbdbdb !important;
   background: #ffffff !important; }

   .fieldHolder .TextAreaInput {
     width: 320px;
     border: 1px solid #dbdbdb !important;
     background: #ffffff !important;
     resize: none;
     overflow: auto; }

   .formRow label {
     display: inline;
     float: left;
     color: #084b8e;
     font-weight: bold;
     height: 25px;
     width: 210px;
     padding-top: 13px; }

  .submitRow input {
    display: inline;
    float: left;
    width: 112px;
    height: 33px;
    margin-left: 213px;
    margin-top: 15px;
    background: #b00101;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 2em;
    font-size: 1.2em !important;
    padding: 7px 13px; }


    .ie8 .submitRow input,
    .ie9 .submitRow input {
      padding-top: 2px !important;
    }

    .ie7 .submitRow input {
      padding-top: 0px !important;
    }



/* =================================== Database of Members ====================================== */

#CountryContainer {
  display: inline;
  float: left;
  position: relative; }




  #FilterRadios {
    display: inline;
    float: left;
    height: 37px;
    margin-top: 10px;
    margin-left: 20px; }

    #FilterRadios input[type=radio] {
      width: 30px; }
      
      #FilterRadios {font-weight:bold;}

.MemberList {
  display: inline;
  float: left;
  width: 600px; }

  .MemberList .PageSelect {
    display: inline;
    float: left;
    width: 566px;
    height: 25px;
    background: #f2f1f1;
    padding: 10px 17px; }

    .MemberList .PageSelect p, .MemberList .PageSelect select {
     display: inline;
      float: left;
      color: 707070;
      font-size: 1.1em;
      padding-top: 3px; }

    .MemberList .PageSelect #PageNumber {
      display: inline;
      float: left;
      padding-top: 5px;
      padding-left: 8px; }

      .MemberList .PageSelect #PageNumber li {
        display: inline;
        float: left;
        padding: 0 5px; }

      .MemberList .PageSelect #PageNumber li span {
        position: absolute;
        width: 10px;
        height: 15px;
        text-indent: -9999px;
        background: url(img/sprite.png) -247px 2px; }

        .MemberList .PageSelect #PageNumber li a {
          color: #707070; }

        .MemberList .PageSelect #PageNumber li a:hover, .MemberList .PageSelect #PageNumber li a:focus {
          color: #25367e; }

    .MemberList .PageSelect #PageCountContainer {
      display: inline;
      float: right; }
    

  
  #RelevantMemberList {
    display: inline;
    float: left;
    width: 600px; }

    #RelevantMemberList li {
      display: inline;
      float: left;
      width: 550px;
      padding: 15px 25px;
      box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25);
      margin-top: 35px; }
    
    .ie7 #RelevantMemberList li,
    .ie8 #RelevantMemberList li {
      display: inline;
      float: left;
      width: 550px;
      background: #ffffff;
      padding: 15px 25px;
      box-shadow: 0 6px 5px rgba(153, 153, 153, 0.1) !important;
      margin-top: 35px;
      behavior: url(/styles/pie/PIE.php); }

      #RelevantMemberList li h4 a {
        display: inline;
        float: right;
        color: #25367e;
        margin-bottom: 5px; }

      #RelevantMemberList li h3 a {
        clear: both;
        color: #25367e;
        margin: 5px 0;
        font-size: 1.1em;
        text-transform: uppercase; }

      #RelevantMemberList li a {
        font-size: 1.1em;
        color: #b00101;
        text-transform: uppercase; }


/* ===================================== Events ============================================== */

#Middle {
  display: inline;
  float: left;
  width: 600px;
  margin-right: 49px; }

#courseSelect {
  width: 250px;
  border: 1px solid #DBDBDB;
  background: #ffffff; }

#courseSelect_title {
  border: 1px solid #DBDBDB;
  background: #ffffff; }

#CertificatesList table {
  margin-bottom: 30px; }

#CertificatesList table tr {
  text-align: center;
  border: 1px solid #DBDBDB; }

#CertificatesList table td,
#CertificatesList table th {
  height: 50px;
  padding-top: 10px; }

#CertificatesList table td {
  background: #ffffff; }

#CertificatesList table th {
  background: #25367e;
  color: #ffffff;
  font-weight: bold; }

#CertificatesList table .trainerTitle {
  text-align: left !important;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
  color: #213071;
  padding-left: 15px;
  padding-top: 15px; }

#CertificatesList table .date {
  padding-left: 10px !important;
  padding-top: 15px !important; }

#CertificatesList table .pdf {
  padding-right: 5px !important; }

#Right {
  display: inline;
  float: left;
  width: 315px; }

  #Middle a {
    color: #b00101;
    margin-bottom: 10px; }

  #Middle p {
    font-size: 1.1em; }



  #EventSearch {
    display: inline;
    float: left;
    width: 600px; }


#EventSearch #search {
  display: inline;
  float: right;
  margin-top: -26px;
  margin-right: 40px;
  text-transform: uppercase;
  font-size: 1em;
  padding: 5px; }

.ie8 #EventSearch #search {
  margin-top: -26px; }

#Calendar {
  display: inline;
  float: right;
  width: 315px;
  background: url(img/calendar-bg.png) repeat-x !important;
  background-position: left top;
  background-color: #ffffff !important;
  box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25); }

.ie7 #Calendar,
.ie8 #Calendar {
  display: inline;
  float: right;
  width: 315px;
  background: url(img/calendar-bg.png) repeat-x !important;
  background-position: left top;
  background-color: #ffffff !important;
  box-shadow: 0 6px 5px rgba(153, 153, 153, 0.25) !important;
  behavior: url(/styles/pie/PIE.php); }

  /*#Calendar #previousMonth{
    display: inline;
    float: left;
    margin-left: 10px !important; }*/

#previousMonth #PrevMonth { position: absolute; width: 10px; height: 15px; background: url(img/sprite.png) -359px 0px; text-indent: -9999px; }

#nextMonth #NextMon { position: absolute; width: 10px; height: 15px; background: url(img/sprite.png) -201px 1px; text-indent: -9999px; }

#thisMonth {
  padding-bottom: 5px !important; }

.SelectedEventList {
  display: inline;
  float: left;
  width: 600px; }

  .SelectedEventList ul li {
    display: inline;
    float: left;
    width: 560px;
    padding: 15px 20px 55px 20px;
    box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25);
    background: #ffffff; }
  
  .ie7 .SelectedEventList ul li,
  .ie8 .SelectedEventList ul li {
    display: inline;
    float: left;
    width: 560px;
    padding: 15px 20px 55px 20px;
    box-shadow: 1px 6px 5px rgba(153, 153, 153, 0.25) !important;
    background: #ffffff;
    behavior: url(/styles/pie/PIE.php); }

    .SelectedEventList ul li h4 {
      clear: left;
      float: right;
      color: #25367e; }
    
    .SelectedEventList ul li .EventDetails {
      display: inline;
      float: left;
      width:450px; }

    .SelectedEventList ul li h3 {
      color: #25367e;
      font-size: 1.1em;
      text-transform: uppercase;
      margin-bottom: 20px; }

    .SelectedEventList ul li .imgWrap {
      clear: both;
      display: inline;
      float: left;
      width: 80px;
      height: 95px;
      margin-right: 25px; }

      .SelectedEventList ul li .date {
        color: #25367e;
        margin-bottom: 0; }
      
      .SelectedEventList ul li a {
        display: inline;
        float: left;
        text-transform: uppercase;
        margin-top: 10px; }
        
        .SelectedEventList ul li
        {
			margin-bottom:20px;
        }
        
        #EventsTitle
        {
			font-weight:bold;
			margin-bottom:10px;
			margin-top:20px;
        }

/* =========================================== Latest News ====================================== */



.newsItem {
  width: 540px;
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25);
  display: inline;
  float: left;
  margin-bottom: 35px;
  padding: 20px 30px 15px 30px; }

.ie6 .newsItem,
.ie7 .newsItem,
.ie8 .newsItem {
  box-shadow: 0 6px 5px rgba(153, 153, 153, 0.25) !important;
  behavior: url(/styles/pie/PIE.php); }

  .newsItem .title {
    margin-bottom: 5px; }

  .newsItem .title a {
    text-transform: uppercase;
    color: #25367e;
    font-weight: bold;
    font-size: 1.1em; }

  .newsItem .more {
    margin-top: 25px; }

  .newsItem .more a {
    text-transform: uppercase;
    color: #b00101; }

.GeneralNewsContainer {
  margin-bottom: 15px; }



/* ================================================== Popup ==================================== */

#framInner {
  border-top: none !important;
  background: #ffffff;
  padding: 35px 0 15px 15px;
  overflow: hidden;
  width: 600px;
  height: 580px; }

.newsArticle {
  display: inline;
  float: left;
  margin-top: 25px;
  overflow: hidden; }

  .newsArticle .title {
    display: inline;
    float: left;
    text-transform: uppercase;
    color: #25367e;
    font-weight: bold;
    font-size: 1.7em;
    margin-bottom: 20px; }

  .newsArticle .title .shadow{
    display: inline;
    float: left;
    clear: both;
    height: 8px;
    width: 553px;
    margin-top: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), );
    background-image: -webkit-linear-gradient(#DFDFDF, #FBFBFB);
    background-image: -moz-linear-gradient(#DFDFDF, #FBFBFB);
    background-image: -o-linear-gradient(#DFDFDF, #FBFBFB);
    background-image: -ms-linear-gradient(#DFDFDF, #FBFBFB);
    background-image: linear-gradient(#DFDFDF, #FBFBFB);
    behavior: url(/styles/pie/PIE.php); }

  .newsArticle .story {
    display: inline;
    float: left;
    text-align: left;
    clear: left;
    color: #707070;
    font-weight: bold;
    font-size: 1em; }

  .newsArticle .story p {
    display: inline;
    float: left;
    text-align: left !important; }

  .newsArticle .story h3 {
    display: inline;
    float: left;
    text-align: left !important; }

  .newsArticle .date {
    display: inline;
    float: left;
    color: #233377;
    font-size: 1em;
    margin-bottom: 8px; }

/* ===================================== MainContentArea ====================================== */

#MainContentArea {}

  #MainContentArea h6, #MainContentArea h5, #KnowledgeBank h5, #BulletinSummary h5  {
    font-size: 1.5em; 
    text-transform: uppercase; 
    color: #084b8e;
    background: #ffffff; 
    padding: 5px 10px 15px 10px; 
    box-shadow:2px 10px 5px -5px rgba(0, 0, 0, 0.25); 
    margin-left: -5px;
    margin-top: 15px; }
  
  .ie8 #MainContentArea h6, 
  .ie8 #MainContentArea h5, 
  .ie8 #KnowledgeBank h5, 
  .ie8 #BulletinSummary h5,
  .ie7 #MainContentArea h6, 
  .ie7 #MainContentArea h5, 
  .ie7 #KnowledgeBank h5, 
  .ie7 #BulletinSummary h5 {
    box-shadow: 2px 10px 5px -5px rgba(153, 153, 153, 0.25) !important;
    behavior: url(/styles/pie/PIE.php); }
    
    
#Bulletins a {
  margin-left:10px; }




  #MainContentArea li h6 {
    font-size: 1em;
    text-transform: none;
    color: #707070;
    padding: 0;
    margin: 5px 0;
    box-shadow: none; }
  
  .ie7 #MainContentArea li h6,
  .ie8 #MainContentArea li h6 {
    box-shadow: none !important; }

  #MainContentArea h6 a, #MainContentArea h4 a, #MainContentArea p a {
    color: #084b8e;}

    #MainContentArea p {
      color: #707070; }
  
  #MainContentArea ul {
    margin: 15px 0; }
  
  ul li span a {
    display: block;
    float: none;
    color: #213071 !important;
    padding: 8px 0 !important; }
  
  .ie8 ul li span a {
    display: block;
    float: none;
    color: #213071 !important;
    padding: 0 0 15px 0 !important;
    margin-top: -16px; }
  
  ul li span a:hover {
    color: #435ed4 !important; }

  #MainContentArea ul li {
    margin: 0;
    list-style: none;
    list-style-image: none;
    padding-left: 20px;
    background: url(img/blue-bullet.png) 5px 5px no-repeat;
    margin: 8px 0;  }


/* =================================== Members Area ============================================ */


  .homePromo .title {
    display: inline;
    float: left;
    color: #1f2d6a;
    font-weight: bold;
    margin: 8px 0; }

  .homePromo .summary {
    display: inline;
    float: left;
    margin: 15px 0; }

  .homePromo .memberContent {
    display: inline;
    float: left; }

  .homePromo .memberContent a {
    display: inline;
    float: left; }

/* ================================= Members News ============================================ */

#Tab1 {
  
}



/* ================================== LEEA Publications ====================================== */



  .publications .large {
    display: inline;
    float: left;
    background: #ffffff;
    width: 565px;
    padding: 12px 18px 20px 18px;
    box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25);
    margin-top: 40px;
     }
  
  .ie7 .publications .large,
  .ie8 .publications .large {
    display: inline;
    float: left;
    background: #ffffff;
    width: 565px;
    padding: 12px 18px 20px 18px;
    margin-top: 40px;
    box-shadow: 0px 6px 5px rgba(153, 153, 153, 0.25) !important;
    behavior: url(/styles/pie/PIE.php); }

    .publications .large .thumbnail {
      display: inline;
      float: left;
      width: 110px;
      margin-right: 15px; }

    .publications .large .title {
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 8px; }

      .publications .large .title a {
        color: #25367e; }

      .publications .large .more  {
        display: inline;
        float: left;
        margin-top: 25px; }

        .publications .large .more a {
          text-transform: uppercase;
          color: #b00101; }


/* ==================================== JScroll Pane ======================================= */


/* Styles specific to this particular page */
      .scroll-pane
      {
        width: 590px;
        height: 582px;
        overflow: auto;
      }
      .horizontal-only
      {
        height: auto;
        max-height: 200px;
      }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
  overflow: hidden;
  position: relative;
}

.jspPane
{
  position: absolute;
  width: 540px !important;
}

.jspVerticalBar
{
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red;
}

.jspHorizontalBar
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
  margin: 0;
  padding: 0;
}

.jspCap
{
  display: none;
}

.jspHorizontalBar .jspCap
{
  float: left;
}

.jspTrack
{
  background: #e3e6e6;
  position: relative;
}

.jspDrag
{
  background: #b00101;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
  float: left;
  height: 100%;
}

.jspArrow
{
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled
{
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow
{
  height: 16px;
}

.jspHorizontalBar .jspArrow
{
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
  outline: none;
}

.jspCorner
{
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
  margin: 0 -3px 0 0;
}


/* =============================================================================================== */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }

.clear {height:0px; margin:0px; padding:0px; clear:both;}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { background: #ffffff url(img/accordion/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #444444; }
.ui-widget-header { border: 1px solid #dddddd; background: #dddddd url(img/accordion/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x; color: #444444; font-weight: bold; }
.ui-widget-header a { color: #444444; }

/* Interaction states
----------------------------------*/

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #213071; text-decoration: none; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #213071; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px;   margin-top: 5px; }
.ui-state-default .ui-icon { background-image: url(img/sprite.png); }
.ui-state-active .ui-icon {background-image: url(img/sprite.png); }
.ui-state-highlight .ui-icon {background-image: url(img/sprite.png); }


/* positioning */
.ui-icon-triangle-1-e { background-position: -243px 0px; }
.ui-icon-triangle-1-s { background-position: -255px 0px; }


/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 325px; }

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; zoom: 1; text-transform: uppercase; }

.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .7em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 1.3em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 7px; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0em 0.2em 0em 2.2em; border-top: 0; position: relative;  overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

.sub1 {
  margin-left: -2.2em; }
  
  .sub1 li {
    margin-left: -8px; }
  
  #subNav li {
    margin-left: 15px;
  }

 /*.ui-accordion-icons .ui-accordion-header a .shadow {
  position: absolute;
   width: 320px;
   height: 6px;
   left: 0px;
   top: 30px;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), );
   background-image: -webkit-linear-gradient(#dfdfdf, #fbfbfb);
   background-image: -moz-linear-gradient(#dfdfdf, #fbfbfb);
   background-image: -o-linear-gradient(#dfdfdf, #fbfbfb);
   background-image: -ms-linear-gradient(#dfdfdf, #fbfbfb);
   background-image: linear-gradient(#dfdfdf, #fbfbfb);
   behavior: url(pie/PIE.php); }*/


 .sub1 li .shadow {
  position: absolute;
   width: 320px;
   height: 6px;
   margin-left: 0px;
   margin-top: -15px;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), );
   background-image: -webkit-linear-gradient(#dfdfdf, #fbfbfb);
   background-image: -moz-linear-gradient(#dfdfdf, #fbfbfb);
   background-image: -o-linear-gradient(#dfdfdf, #fbfbfb);
   background-image: -ms-linear-gradient(#dfdfdf, #fbfbfb);
   background-image: linear-gradient(#dfdfdf, #fbfbfb);
   behavior: url(/styles/pie/PIE.php); }
  
   .sub1 .active{ 
     color:#656565; }

.topHead {
  -webkit-box-shadow: 2px 10px 5px -5px rgba(153, 153, 153, 0.25) !important\7;
  -moz-box-shadow: 2px 10px 5px -5px rgba(153, 153, 153, 0.25) !important\7;
  box-shadow: 2px 10px 5px -5px rgba(153, 153, 153, 0.25) !important\7;
  margin-bottom: 10px;
  margin-left: -10px;
  behavior: url(/styles/pie/PIE.php); }


.ui-accordion-icons .ui-accordion-header .topA {
  margin-left: 5px; }

  .sub1 h3 {
    position: relative;
    text-transform: uppercase;
    margin: 10px 0 10px 0;
    padding: 8px 0 10px 25px;
    box-shadow: 2px 10px 5px -5px rgba(0, 0, 0, 0.25);
    margin-top: -20px !important\7; }
  
  .ie7 .sub h3,
  .ie8 .sub h3 {
    box-shadow: 2px 10px 5px -5px rgba(153, 153, 153, 0.25) !important;
    behavior: url(/styles/pie/PIE.php); }

  .sub1 .Arrow {
    position: absolute;
    width: 10px;
    height: 12px;
    margin-top: 10px;
    margin-left: 8px;
    background: url(img/sprite.png) -248px 0px; }

  .sub1 #subNav .Arrow {
    margin-left: 10px;
    margin-top: 5px; }

.sub1 #subNav h4 {
  font-weight: normal;
  margin-bottom: 5px;
  padding-left: 25px;
  margin-top: -15px !important\7; }

    .sub1 a {
      color: #213071; }

    .sub1 .subHead {
      margin-bottom: 8px; }






.hidden { display: none; visibility: hidden; }
.visuallyHidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.fr { float: right; display: inline; }
.fl { float: left; display: inline; }

.Clear { clear: both; font-size:0px; text-indent:-9999px; height:0px; margin:0px;}
.clearLeft { clear: left; }
.clearRight { clear: right; }

.mgnTop0 { margin-top: 0 !important; }
.mgnTop20 { margin-top: 20px !important; }
.mgnTop40 { margin-top: 40px !important; }
.mgnTop60 { margin-top: 60px !important; }

.mgnRight0{ margin-right: 0 !important; }
.mgnRight20 { margin-right: 20px !important; }
.mgnRight40 { margin-right: 40px !important; }
.mgnRight60 { margin-right: 60px !important; }

.mgnBtm0 { margin-bottom: 0 !important; }
.mgnBtm10 { margin-bottom: 10px !important; }
.mgnBtm20 { margin-bottom: 20px !important; }
.mgnBtm30 { margin-bottom: 30px !important; }
.mgnBtm40 { margin-bottom: 40px !important; }
.mgnBtm60 { margin-bottom: 60px !important; }

.mgnLeft0 { margin-left: 0 !important; }
.mgnLeft20 { margin-left: 20px !important; }
.mgnLeft40 { margin-left: 40px !important; }
.mgnLeft60 { margin-left: 60px !important; }

.noBorder { border: none !important; }


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

#frmAuto label
{
  
}
.memberType {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #244B90;
    cursor: pointer;
    display: none;
    font-size: 85%;
    font-weight: normal;
    left: 50%;
    margin: 0 0 0 -200px;
    padding: 15px;
    position: fixed;
    top: 50%;
    width: 400px; }



#SearchResults li
{
	margin-bottom:20px;
}
#SearchResults .bold
{
	font-weight:bold;
}
#SearchResults .searchTitle
{
	font-weight:bold;
}
#calendarDates .days
{
	color:#717171;
}

#LatestNews .tab { 
  line-height:28px; 
  text-align:center; 
  font-size:1.3em; 
  font-weight:normal;
  text-transform: uppercase;
  float:left;
  background: #cccccc;
  border-radius: 8px;
  border: 3px solid #ffffff;
  height:26px; 
  width:226px;
  box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25);
  margin-right: 20px; }

.ie6 #LatestNews .tab,
.ie7 #LatestNews .tab,
.ie8 #LatestNews .tab {
  box-shadow: 0 6px 5px rgba(153, 153, 153, 0.25) !important;
  behavior: url(/styles/pie/PIE.php); }

#LatestNews .tab a {
  color: #333 !important; }

#LatestNews .highlight {
  background: #25367e;
  /*background-image:url(/images/presentation/tabOn.gif);*/ }

#LatestNews .highlight a { 
  font-weight:bold;
  color: #ffffff !important;  }

#LatestNews .articles { 
  display:none; clear:both; }
/* tabs */
#LatestNews #Step1 { 
  display:block; }

#Pagination { 
  background:#f2f0f1; 
  margin:0px; 
  margin-bottom:20px; 
  min-height:20px; 
  padding:7px 5px 5px 5px;}

#Pagination li {
  list-style-type:none; 
  margin-left:5px; 
  float:left;}

#Pagination .current {
  font-weight:bold;}

/* ============================================== */

#MemberNews li {
  margin-bottom: 20px; }

#SubOffices {
  list-style: none;
  margin-left: 0;}

#SubOffices h5 {
  color: #084B8E;
  text-transform: uppercase;
  font-weight: 1.3em;
  margin-bottom: 10px !important; }

#SubOffices ul {
  list-style: none;
  margin: 0;
  padding: 0; }

#SubOffices li a{
  display: inline;
  float: left;
  font-size: 1em;
  color: #707070;
  margin-bottom: 10px !important;}

#SubOffices li a:hover {
  color: #213071; }

#MemberDetails {
  margin-top: 20px; }

#MemberDetails h4 {
  color: #213071;
  font-size: 1.2em;
  margin-bottom: 0; }

#MemberDetails h5 {
  margin-bottom: 0;
  color: #213071; }

#MemberDetails .details {
  margin-top: 15px;
  margin-bottom: 15px; }

#MemberDetails .details h5 {
  margin-top: 10px;
  color: #213071; }

#MemberDetails .logo {
 display: inline;
 float: left;
 width: 310px;
 padding: 15px;
 background: #ffffff;
 box-shadow: 2px 10px 5px -5px rgba(0, 0, 0, 0.25);
 margin: 20px 0 30px 0; }

.ie7 #MemberDetails .logo,
.ie8 #MemberDetails .logo {
  box-shadow: 2px 10px 5px -5px rgba(153, 153, 153, 0.25);
  behavior: url(/styles/pie/PIE.php); }

#RighthandChangeDetails, #RighthandTrainingLink, #RighthandCertificateLink {
  margin-bottom: 5px;
  font-size: 1.1em; }

#RighthandChangeDetails a, #RighthandTrainingLink a, #RighthandCertificateLink a {
  color: #213071 !important;
  font-weight: bold; }

#RighthandChangeDetails a:hover, #RighthandTrainingLink a:hover, #RighthandCertificateLink a:hover {
  text-decoration: underline; }


#MainContentArea h4 {
  margin-bottom: 0; }
  
  #KnowledgeBank ul li
  {
	float:left;
	margin-right:20px;
	height:70px;
	list-style-type:none;
	background:none;
  }
  

#fancybox-content html {
  overflow-y: hidden !important;
}
#MemberResults .description
{
	margin-top:10px;
}

#CourseModulesContainer .optionList li
{
	clear:both;
	list-style-type:none;
}
#CourseModulesContainer .optionList label
{
	padding-top:0px;
	margin-bottom:5px;
	margin-right:20px;
	width:175px;
}

#CertificateForm .formRow{
	clear:both;
	list-style-type:none; }

#CertificateForm .formRow label {
	padding-top:0px;
	margin-bottom:15px;
  margin-top: 10px;
	margin-right:20px;
  width:250px; }

#ChangeDetails .formRow label {
  width: 150px; }

#ChangeDetails .formRow input {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DBDBDB !important;
  height: 27px;
  width: 300px;
  padding: 5px 10px;
  margin-bottom: 10px; }

#ChangeDetails .formRow input[type=submit] {
  background-color: #B00101 !important;
  height: 34px;
  width: 130px;
  padding: 4px;
  text-transform: uppercase;
  line-height: 2em;
  font-size: 1.2em;
  margin-left: 155px; }

#SubmitAssurance {
  margin-top: 25px; }


#Trainers .label {
  width: 140px;
  padding-top: 4px !important; }

#Trainers form {
  display: inline;
  float: left;
  width: 595px; }

#Trainers input[type=submit] {
  display: inline;
  float: left; }

#Trainers select {
  display: inline;
  float: left;
  width: 180px;
  margin-top: 10px; }


#CertificateForm .TextInput {
  background: none repeat scroll 0 0 #FFFFFF !important;
  border: 1px solid #DBDBDB !important;
  height: 27px;
  width: 300px;
  padding: 5px 10px;
  margin-bottom: 10px; }

#CertificateForm .submitRow input {
  height: 19px;
  margin-left: 270px; }

#CertificateForm  input[type=submit] {
  height: 34px;
  width: 130px; }


#viddler {
  position: relative;
  z-index: 1;
}



/* ============================= Select Boxes ======================================== */


/*

 aside form .selectBox {
    position: absolute !important\7;
    margin-left: 0 !important\7;
    margin-top: 15px !important\7;
    height: 30px !important\7; }

  form input[type=text], form textarea, form select, a.selectBox .selectBox-label {
    font-size: 0.9em;
    color: #9d9d9d;
    background-color: #fff; }


.selectBox-dropdown {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 177px; 
  text-decoration: none;
  padding-right: 38px;
  padding-bottom: 10px;
  outline: none;
  border: 1px solid transparent;
  padding-bottom: 0px !important\7;
  padding-bottom: 0px !important\8; }

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
  border-color: transparent; }

.selectBox-dropdown .selectBox-label {
  display: block;
  width: 100%;
  height: 15px;
  white-space: nowrap;
  overflow: hidden;
  padding: 5px; }

.selectBox-dropdown .selectBox-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 25px;
  background: url(img/sprite.png) -222px 10px #b00101; }



.selectBox-dropdown-menu {
  position: absolute;
  z-index: 99999;
  max-height: 200px;
  border: solid 1px #BBB; 
  background: #FFF;
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  overflow: auto; }



.selectBox-inline {
  width: 250px;
  outline: none;
  border: solid 1px #BBB;
  background: #FFF;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: auto; }

.selectBox-inline:focus {
  border-color: #666; }



.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
  list-style: none;
  display: block;
  cursor: default;
  padding: 0;
  margin: 0; }

.selectBox-options LI A {
  line-height: 1.5;
  padding: 0 .5em;
  white-space: nowrap;
  overflow: hidden;
  background: 6px center no-repeat; } 

.selectBox-options LI.selectBox-hover A {
  background-color: #EEE; }

.selectBox-options LI.selectBox-disabled A {
  color: #888;
  background-color: transparent; }

.selectBox-options LI.selectBox-selected A {
  background-color: #C8DEF4; }

.selectBox-options .selectBox-optgroup {
  color: #666;
  background: #EEE;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 .3em;
  white-space: nowrap; }



.selectBox.selectBox-disabled {
  color: #888 !important; }

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
  opacity: .5;
  filter: alpha(opacity=50);
  border-color: #666; }

.selectBox-inline.selectBox-disabled {
  color: #888 !important; }

.selectBox-inline.selectBox-disabled .selectBox-options A {
  background-color: transparent !important; }




#CountryContainer .selectBox-label {
  border: 1px solid #a6a6a6;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  border-right: none;
  padding-left: 10px;
  font-style: normal;
  color: #707070;
  width: 190px; }


#CountryContainer .selectBox-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 25px;
  background: url(img/sprite.png) -290px 2px;
  border: 1px solid #a6a6a6;
  border-left: none;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0; }

#RegionContainer {
  display: inline;
  float: left; }

#RegionContainer .selectBox-label {
  border: 1px solid #a6a6a6;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  border-right: none;
  padding-left: 10px;
  font-style: normal;
  color: #707070;
  width: 190px; }

#RegionContainer .selectBox-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 25px;
  background: url(img/sprite.png) -290px 2px;
  border: 1px solid #a6a6a6;
  border-left: none;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0; }
  
  #SubRegionContainer {
  display: inline;
  float: left; 
  clear:both;
  }

#SubRegionContainer .selectBox-label {
  border: 1px solid #a6a6a6;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  border-right: none;
  padding-left: 10px;
  font-style: normal;
  color: #707070;
  width: 190px; }

#SubRegionContainer .selectBox-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 25px;
  background: url(img/sprite.png) -290px 2px;
  border: 1px solid #a6a6a6;
  border-left: none;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0; }


.MemberList .PageSelect #PageCountContainer .selectBox {
    float: left;
    width: 10px;
    margin: 0 10px; }

.MemberList .PageSelect #PageCountContainer .selectBox-label {
  border: 1px solid #a6a6a6;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  border-right: none;
  padding-left: 10px;
  font-style: normal;
  color: #707070;
  width: 10px;
  behavior: url(/styles/pie/PIE.php); }

.MemberList .PageSelect #PageCountContainer .selectBox-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
  height: 25px;
  background: url(img/sprite.png) -290px 2px;
  background-color: #ffffff;
  border: 1px solid #a6a6a6;
  border-left: none;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  behavior: url(/styles/pie/PIE.php); }



#EventSearch .selectBox {
  width: 195px;
  margin-right: 10px; }

#EventSearch .selectBox-label {
  border: 1px solid #a6a6a6;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  border-right: none;
  padding-left: 10px;
  font-style: normal;
  color: #707070;
  width: 190px;
  behavior: url(/styles/pie/PIE.php); }

#EventSearch .selectBox-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 25px;
  background: url(img/sprite.png) -290px 2px;
  border: 1px solid #a6a6a6;
  border-left: none;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  behavior: url(/styles/pie/PIE.php); }


.GeneralNewsContainer .selectBox {
  width: 195px;
  margin-right: 10px; }

.GeneralNewsContainer .selectBox-label {
  border: 1px solid #a6a6a6;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  border-right: none;
  padding-left: 10px;
  font-style: normal;
  color: #707070;
  width: 190px;
  behavior: url(/styles/pie/PIE.php); }

.GeneralNewsContainer .selectBox-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 25px;
  background: url(img/sprite.png) -290px 2px;
  border: 1px solid #a6a6a6;
  border-left: none;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  behavior: url(/styles/pie/PIE.php); }


#PublicationsCatalogue .selectBox {
  width: 195px;
  margin-right: 10px; }

#PublicationsCatalogue .selectBox-label {
  border: 1px solid #a6a6a6;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  border-right: none;
  padding-left: 10px;
  font-style: normal;
  color: #707070;
  width: 190px;
  behavior: url(/styles/pie/PIE.php); }

#PublicationsCatalogue .selectBox-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 25px;
  background: url(img/sprite.png) -290px 2px;
  border: 1px solid #a6a6a6;
  border-left: none;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  behavior: url(/styles/pie/PIE.php); }


#Trainers .selectBox {
  margin-top: 10px; }

#Trainers .selectBox-label {
  border: 1px solid #DBDBDB;
  padding: 4px 5px; }


#CertificateForm .selectBox-label {
  border: 1px solid #DBDBDB;
  padding: 4px 5px; }

#CertificateForm .selectBox {
  margin-top: 5px; }


*/


/* ===================================================================================== */








/************** Skin 1 *********************/
#countrySelect,
.select {
  width: 205px; }

#location_4 {
  float: left; }

#location_4_msdd {
  border: 1px solid #DBDBDB;
  width: 205px !important; }

#location_4_child {
  width: 205px !important; }

#MainContentArea .fieldHolder {
  float: left; }

.dd {
  /*display:inline-block !important;*/
  text-align:left;
  background-color:transparent;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  float:left;
  margin-bottom: 10px;
}
.dd .ddTitle {
  background:#f2f2f2;
  text-indent:0;
  cursor:default;
  overflow:hidden;
  height:25px;
  padding-left: 8px;
}
.dd .ddTitle span.arrow {
  background:url(img/quick-seacrh-arrow.png) no-repeat 0 0; 
  float:right; 
  display:inline-block;
  width:29px; 
  height:25px; 
  top: -3px;
  cursor:pointer; 
}

.dd .ddTitle span.ddTitleText {
  text-indent:1px; 
  overflow:hidden; 
  line-height:23px;
  }

.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
  padding:0 3px 0 0;
  vertical-align:top;
}
.dd .ddChild {
  position:absolute;
  border:1px solid #c3c3c3;
  border-top:none;
  display:none;
  margin:0;
  width:auto;
  overflow:auto;
  overflow-x:hidden !important;
  background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
  display:block;
  padding:2px 0 2px 3px;
  text-decoration:none;
  color:#000;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
}
.dd .ddChild a:hover {
  background-color:#66CCFF;
}
.dd .ddChild a img {
  border:0;
  padding:0 2px 0 0;
  vertical-align:middle;
}
.dd .ddChild a.selected {
  background-color:#66CCFF;
  
}
.hidden {display:none;}

.dd .borderTop{border-top:1px solid #c3c3c3 !important;}
.dd .noBorderTop{border-top:none 0  !important}

/************** Skin 2 *********************/

#memberCountrySelect,
#memberRegionSelect {
  width: 250px;
  margin-right: 10px; }


.dd2 {
  /*display:inline-block !important;*/
  text-align:left;
  background-color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  float:left;
  margin-right: 10px; }

.dd2 .ddTitle {
  background: #ffffff;
  border: 1px solid #a6a6a6;
  padding:0 7px;
  text-indent:0;
  cursor:default;
  overflow:hidden;
  height:23px;
  border-radius: 8px; }

.dd2 .ddTitle span.arrow {
  background: url(img/members-dd-arrow.png) no-repeat 0 0;
  float:right; 
  display:inline-block;
  width:21px; 
  height:23px; 
  cursor:pointer; 
  position:relative;  }

.dd2 .ddTitle span.ddTitleText {
  text-indent:1px; 
  overflow:hidden; 
  line-height:24px; 
  font-family:Georgia, "Times New Roman", Times, serif; 
  font-size:13px; 
  color:#818181; 
  _position:relative; 
  _top:4px}

.dd2 .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0;}
.dd2 .ddTitle img.selected {
  padding:0 2px 0 0;
  vertical-align:top;
}
.dd2 .ddChild {
  position:absolute;
  border:1px solid #c3c3c3;
  border-radius:  8px;
  border-top:none;
  display:none;
  margin:0;
  width:auto;
  overflow:auto;
  overflow-x:hidden !important;
  background-color:#ffffff;
  font-size:13px;
  width: 150px;
}
.dd2 .ddChild .opta a, .dd2 .ddChild .opta a:visited {padding-left:10px}
.dd2 .ddChild a {
  display:block;
  padding:3px 0 3px 3px;
  text-decoration:none;
  color:#818181;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
}
.dd2 .ddChild a:hover {
  background-color:#adc9e9;
}
.dd2 .ddChild a img {
  border:0;
  padding:0 2px 0 0;
  vertical-align:middle;
}
.dd2 .ddChild a.selected {
  background-color:#adc9e9; 
}

.dd2 .borderTop{border-top:1px solid #c3c3c3  !important;}
/*.dd2 .noBorderTop{border-top:none 0  !important}*/

/************* use sprite *****************/
.dd .ddChild a.sprite, .dd .ddChild a.sprite:visited {
  background-image:url(../icons/sprite.gif);
  background-repeat:no-repeat;
  padding-left:24px;
}

.dd .ddChild a.calendar, .dd .ddChild a.calendar:visited {
  background-position:0 -404px;
}
.dd .ddChild a.shoppingcart, .dd .ddChild a.shoppingcart:visited {
  background-position:0 -330px;
}
.dd .ddChild a.cd, .dd .ddChild a.cd:visited {
  background-position:0 -439px;
}
.dd .ddChild a.email, .dd .ddChild a.email:visited {
  background-position:0 -256px;
}
.dd .ddChild a.faq, .dd .ddChild a.faq:visited {
  background-position:0 -183px;
}
.dd .ddChild a.games,
.dd .ddChild a.games:visited {
  background-position:0 -365px;
}
.dd .ddChild a.music, .dd .ddChild a.music:visited {
  background-position:0 -146px;
}
.dd .ddChild a.phone, .dd .ddChild a.phone:visited {
  background-position:0 -109px;
}
.dd .ddChild a.graph, .dd .ddChild a.graph:visited {
  background-position:0 -73px;
}
.dd .ddChild a.secured, .dd .ddChild a.secured:visited {
  background-position:0 -37px;
}
.dd .ddChild a.video, .dd .ddChild a.video:visited {
  background-position:0 0;
}
/*******************************/


#Publication { height: 585px; overflow-x: hidden; }