/*  General class definitions for global use - delete if not using any of these
************************************************************************************************************************/

.show {
  display:block;
}
.hide {
  display:none;
}
.clear {
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 1px !important;
  height: 1px !important;
  width: 1px !important;
  float: none !important;
}

/*  General formatting definitions
************************************************************************************************************************/

html, body, input {
  font-family:Arial, Helvetica, sans-serif;
}

body {
  font-size:62.5%;
  background-color: #f7f7f7;
}

strong {
  font-weight:bold;
}

p, li {
  font-size:1em;
  line-height:1.5em;
  color:#333333;
}

  p {
    font-size:1.2em;
    padding-bottom:10px;
    /*float:left;*/
  }
  
  p.intro 
  {
    font-size: 1.4em;
  }
  
  p span.intro
  {
    font-size: 1.2em;
  }

  li p, li h3, li h4 {
    font-size:1em;
  }
  li p {
    padding: 0 0 10px 0;
  }
  
a {
  text-decoration:none;
  color:#006e83;
  font-size:1em;
}
a:hover {
  text-decoration:underline;
  color: #CA0173;
}

  a.external span 
  {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 5px;
    background: url('../images/bg-external-link.gif') no-repeat bottom left;
  }
  
  h1 a.external span,
  h2 a.external span,
  h3 a.external span,
  .header-social a.external span
  {
    display: none;
  }
  
  a.skip-link 
  {
    color: #FFFFFF;
  }
  
  a.skip-link:focus, a.skip-link:hover, a.skip-link:active
  {
    color: #006e83;
  }

h1 {
  font-size:2.5em;
  color:#333333;
  border-bottom:1px dotted #cccccc;
  padding-bottom:10px;
  margin:2px 0 10px 0;
  font-weight:normal;
}

h2 {
  font-size:2em;
  color:#333333;
  padding-bottom:2px;
  padding-top: 5px;
  margin-bottom:8px;
  font-weight:normal;
}

  h2.blue {
    color:#006e83;
  }
  
  h2.red {
    color:#cb0074;
  }

h3 {
  font-size:1.6em;
  color:#333333;
  padding-bottom:10px;
  margin-bottom:6px;
  font-weight:normal;
}

  h3.blue {
    color:#006e83;
  }
  
  h3.red {
    color:#cb0074;
  }

h4 {
  font-size:1.4em;
  color:#333333;
  padding-bottom:10px;
  margin-bottom:4px;
  font-weight:bold;
}

  h4.blue {
    color:#006e83;
  }
  
  h4.red {
    color:#cb0074;
  }

table {
  font-size:1.2em;
  color:#333333;
  width:100%;
  margin-bottom:10px;
}

  table tr {
    
  }
  
    table tr th,
    table thead tr td,
    table thead tr.even td {
      text-align:left;
      background:#017d96;
      font-weight:bold;
      color:#ffffff;
      padding:6px 10px;
      line-height:1.5em;
      white-space:nowrap;
      border-left: 1px solid white;
      border-top: 4px solid #017d96;
      border-bottom: 4px solid #017d96;
      vertical-align: top;
    }
    
    table thead tr td.first
    {
      border-left: none;
    }
    
    table tr td {
      border-bottom:1px dotted #a3a3a3;
      background:#f4f4f4;
      padding:10px;
      line-height:1.5em;
      vertical-align: top;
    }
  
      table tr td p, table tr th p {
        font-size:1em;
      }      
  
      table tr.even td {
        background:#ffffff;
      }
      
/*float clear rules*/
#wrapper:after, div.header:after, div.header-nav ul:after, div.header-breadcrumb ol:after, div.content-wrapper:after, div.primary-content:after, div.footer:after,
ul.ui-tabs-nav:after, div.tabcontent:after, .form .field-wrapper:after, .banner:after, div.list ul  li:after, div.search:after, div.paging ul:after, .bubbleInfo:after, 
.bubbleInfoFeatured:after, div.list ul.atoz:after, div.filter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html #wrapper, * html div.header , * html div.header-nav ul, * html div.header-breadcrumb ol, * html div.content-wrapper, * html div.primary-content, * html div.footer,
* html ul.ui-tabs-nav, * html div.tabcontent, * html .form .field-wrapper, * html .banner, * html div.list ul  li, div.search, * html div.paging ul, * html .bubbleInfo,
* html .bubbleInfoFeatured, * html div.list ul.atoz, * html div.filter {
    height: 1%;
}

#wrapper, div.header, div.header-nav ul, div.header-breadcrumb ol, div.content-wrapper, div.primary-content, div.footer,
ul.ui-tabs-nav, div.tabcontent, .form .field-wrapper, .banner, div.list ul  li, div.search, div.paging ul, .bubbleInfo,
.bubbleInfoFeatured, div.list ul.atoz, div.filter {
    display: inline-block;
}

/* !IE Mac \*/
#wrapper, div.header, div.header-nav ul, div.header-breadcrumb ol, div.content-wrapper, div.primary-content, div.footer,
ul.ui-tabs-nav, div.tabcontent, .form .field-wrapper, .banner, div.list ul  li, div.search, div.paging ul, .bubbleInfo,
.bubbleInfoFeatured, div.list ul.atoz, div.filter {
    display: block;
}

/*  Layout of body and main div's
************************************************************************************************************************/

div#wrapper {
  position:relative;
  width:960px;
  padding:0 6px;
  background: url('../images/bg-body.png') repeat-y top left;
  margin:0 auto;
}

div.content-wrapper {
  position:relative;
  padding:0 5px;
  overflow:hidden;
}

div.primary-content {
  position:relative;
  width:720px;
  float:left;
  padding-bottom:20px;
}

div.secondary-content {
  position:relative;
  width:510px;
  float:left;
}

/* Header formatting 
************************************************************************************************************************/

div.logo {
  position:relative;
  float:left;
  padding: 15px 0 0 20px;
  width:380px;
}

  div.logo img {
    float:left;
  }

  div.logo span {
    font-size:3em;
    color:#333333;
    float:left;
    margin:36px 0 0 18px;
  }

div.header-tools {
  position:relative;
  float:right;
  margin-right:20px;
  display:inline;
}
  
  div.header-tools ul {
    margin:12px 0 0 16px;
    float:left;
    padding:4px 6px;
  }
  
    div.header-tools ul li {
      float:left;
      padding:0 8px;
      border-right:1px solid #666666;
    }
    
      div.header-tools ul li.last {
        border:0;
      }
  
      div.header-tools ul li a {
        font-size:1.1em;
        color:#666666;
      }
    
  div.header-tools ul.portal {
    margin:12px 0 0 16px;
    background-color:#d9ecf0;
    padding:4px 6px;
  }
  
    div.header-tools ul.portal li {
      
    }
  
      div.header-tools ul.portal li a {
        
      }
      
div.header-search {
  position:relative;
  float:right;
  margin:20px 17px 0 0;
  width:225px;
  display:inline;
}

  div.header-search label {
    display:none;
  }
  
  div.header-search input {
    background:none;
    border:1px solid #b4b4b4;
    font-size:1.2em;
    padding:5px 4px 4px;
    width:176px;
    float:left;
    margin-right:5px;
    color: #666666;
  }
  
  div.header-search input.submit {
    float:left;
    border:0;
    width:29px;
    height:26px;
    background: url('../images/bg-search-icon.gif') no-repeat top left;
    text-indent:-9999px;
    font-size:0;
    line-height:0;
    cursor:pointer;
    margin-top: 1px;
  }
  div.header-search input.submit:hover {
    background-position:0 -26px;
  }
  
div.header-social {
  position:relative;
  float:right;
  clear:right;
  margin:15px 20px 0 0;
  display:inline;
}

  div.header-social ul {
    float:left;
  }
  
    div.header-social ul li {
      float:left;
      margin-left:5px;
    }
    
      div.header-social ul  li a{

      }
      
  div.header-social p {
    float:left;
    font-size:1.1em;
    margin-right:5px;
  }
  
div.header-nav {
  position:relative;
  clear:both;
  padding-top:11px;
}

  div.header-nav  ul {
    background-color:#008ba7;
  }
  
    div.header-nav  ul li {
      float:left;
    }
    
      div.header-nav ul li a {
        color:#ffffff;
        display:block;
        font-size:1.4em;
        padding:6px 16px;
        background: url('../images/bg-top-nav.gif') no-repeat right;
      }
      
        div.header-nav ul li a.selected, div.header-nav ul li a:hover {
          color:#333333;
          background-image:none;
          background-color:#e8e8e8;
          text-decoration:none;
        }
        
        div.header-nav ul li a.last {
          background-image:none;
        }
  
/* Content formatting 
************************************************************************************************************************/

div.header-breadcrumb {
  position:relative;
  margin:15px 0 15px 15px;
}

  div.header-breadcrumb ol {
    
  }
  
    div.header-breadcrumb ol li {
      float:left;
      font-size:1.1em;
    }
    
      div.header-breadcrumb ol li a {
        color:#666666;
        padding:0 5px;
        text-decoration:underline;
      }
      
      div.header-breadcrumb ol li em {
        padding:0 5px;
        font-style:normal;
      }
      div.header-breadcrumb ol li a:hover {
        color:#CA0173;
        text-decoration:none;
      }

div.nav {
  position:relative;
  float:left;
  width:185px;
  margin:0 20px 0 15px;
  display:inline;
}

  div.nav ul {
    position:relative;
  }
    
    /*1st level*/
    div.nav ul li {
      font-size:1.2em;
      display:inline;
  float:left;
  width:100%;
    }
    
      div.nav ul li a {
        color:#333333;
        display:block;
        padding:3px 0 3px 10px;
        border-top:1px dotted #b2b2b2;
      }
      div.nav ul li a:hover {
        color:#CA0173;
        text-decoration:underline;
      }
      
        div.nav ul li.selected a {
          border:0;
          background: url('../images/bg-left-nav-selected.gif') repeat-y top left;
        }
    
      /*2nd level*/
      div.nav ul li.selected ul {
        border-top:0;
        margin:5px 0 5px 10px;
      }
      
        div.nav ul li.selected ul li {
          font-size:0.92em;
        }
        
          div.nav ul li.selected ul li a {
            border:0;
            padding:2px 0 2px 10px;
            background:none;
          }
          
          div.nav ul li.selected ul li.selected a {
            color:#000000;
            /*padding-left:14px;*/
            background: url('../images/bg-nav.gif') no-repeat left;
          }
          
        /*3rd level*/
        div.nav ul li.selected ul li.selected ul li {
          font-size:1em;
        }
        
          div.nav ul li.selected ul li.selected ul li a {
            color:#333333;
            background:none;
          }
          
          div.nav ul li.selected ul li.selected ul li.selected a {
            color:#000000;
            background: url('../images/bg-nav.gif') no-repeat left;
          }
          
          /*4th level*/
          div.nav ul li.selected ul li.selected ul li.selected ul li a {
            color:#333333;
            background:none;
          }
          
          div.nav ul li.selected ul li.selected ul li.selected ul li.selected a {
            color:#000000;
            background: url('../images/bg-nav.gif') no-repeat left;
          }
          
  
  div.primary-content iframe {
    margin-bottom:16px;
  }
  
  div.primary-content p.accredited,
  div.primary-content p.date,
  div.primary-content p.time {
    padding-bottom: 0;
  }

  div.primary-content div.secondary-content p.date {
    padding-bottom: 10px;
    font-weight: bold;
  }
  
  div.primary-content p.accredited 
  {
    vertical-align: top;
  }
  
  div.promo p {
    font-size:1.4em;
  }

  div.content-image {
    float:left;
    padding-right:16px;
    padding-bottom:10px;
    width:245px;
  }
    
    div.content-image img {
      display:block;
      padding-bottom:0;
    }
    
    div.content-image p {
      background:#f3f3f3;
      padding:4px 10px;
      font-size:1.1em;
    }
    
  div.primary-content ul,
  div.primary-content ol {
    padding: 10px 0 10px 30px;
    /*float:left;*/
  /*width:100%;*/
  }
  
    div.primary-content ul ul, div.primary-content ol ol {
      padding: 0px 0 10px 30px;
    }
  
    div.primary-content ol {
    }
  
    div.primary-content ul li {
      list-style-type: disc;
      font-size:1.2em;
      /*color:#006e83;*/
      /*float:left;*/
      /*width:100%;*/
    }
    
      div.primary-content ul li li {
        font-size: 1em;
      }
      
      div.primary-content ul li p {
        font-size:1.0em;
        /*width:100%;*/
        /*float:left;*/
      }
    
    div.primary-content ol li {
      list-style: decimal outside none;
      font-size:1.2em;
      /*color:#006e83;
      font-weight:bold;*/
    }
    
      div.primary-content ol li li  {
        font-size: 1em;
      }
    
      div.primary-content ol li p {
        font-size:1em;
        font-weight:normal;
      }
    
  div.primary-content blockquote {
    padding-left: 20px;
  }
    
  div.primary-content blockquote.quote-box {
    float:right;
    width:185px;
    padding:15px 15px 10px 30px;
    margin:0 0 10px 10px;
    background:#efefef url('../images/bg-quote-open.gif') no-repeat 9px 15px;
  }
  
    div.primary-content blockquote.quote-box span {
      background:url('../images/bg-quote-close.gif') no-repeat right bottom;
      display: inline-block;
      width: 20px;
      height: 12px;
    }

#sitemap ul {
  padding-left: 20px;
}

  #sitemap ul li {
    list-style: disc;
  }
    
  #sitemap ul li a {
    font-size: 1em;
    font-weight: bold;
  }

    #sitemap ul li li {
      list-style: none;
    }

    #sitemap ul li li a {
      font-size: 1em;
      font-weight: normal;
    }
    
.form {
  margin:0 0 20px 0;
}

  #tabs .form {
    margin-bottom:5px;
  }
    
  .field-wrapper {
    padding:6px 0;
  }
      
  label {
    clear:left;
    float:left;
    width:160px;
    font-size:1.2em;
    padding-top:4px;
  }
  
    #tabs .form label {
      width:60px;
    }
  
  .error span {
    color:#cc0000;
    font-size:1.2em;
    margin-left:10px;
  }
  
  .error label {
    color:#cc0000;
  }
  
  div.field {
    float:left;
    width:350px;
  }
  
  select {
    width:170px;
  }
  
    #tabs .form select {
      width:260px;
    }
  
  input {
    width:160px;
    border:1px solid #999999;
    font-size:1.2em;
    padding:2px 4px;
  }
  
    .error input {
      background:#f9cccc;
    }
  
  .radios input, .checkboxes input {
    width:auto;
    border:0;
  }
  
  .radios label, .checkboxes label {
    float:none;
    width:auto;
  }
  
  .button input, .filter .button input {
    background:#00819a;
    width:auto;
    border:0;
    color:#ffffff;
    padding:6px;
    margin:10px 0 0 160px;
  }
  .button input:hover,
  .filter .button input:hover {
    background:#CA0173;
    cursor:pointer;
  }

.filter {
  border-bottom:4px solid #df007f;
  margin-bottom:20px;
  padding-bottom:10px;
  display:inline;
}

  .filter .column {
    border-right:1px dotted #cccccc;
  }
  
  .filter .last {
    border:0;
  }

  .filter input {
    width:218px;
    margin-bottom:10px;
    border:1px solid #b4b4b4;
    color:#666666;
  }
  
  .filter select {
    width:228px;
    margin-bottom:10px;
    color:#666666;
  }
  
  .filter .field {
    width:auto;
  }
  
  .filter .checkboxes input {
    width:auto;
    border:0;
  }
  
  .filter .checkboxes label {
    float:none;
    width:auto;
    color:#666666;
    font-size:1.2em;
  }

  .filter p {
    font-size:1.2em;
  }

  .filter h3 {
    border-bottom:1px dotted #cccccc;
    padding-bottom:6px;
  }
  
  div.primary-content .filter ul {
    padding:0;
  }
    div.primary-content .filter ul li {
      font-size:1.2em;
      list-style-type:none;
      padding-left:10px;
      padding-bottom:2px;
      background: url('../images/bg-li.gif') no-repeat left;
    }
  
  .filter .column h3 {
    border:0;
    margin-bottom:2px;
    font-size:1.4em;
    color:#333333;
  }
  
.banner-wrapper {
  border-bottom:4px solid #df007f;
  margin-bottom:20px;
  padding-bottom:10px;
}
  
.banner {
  
  background:#f3f3f3;
}

  .banner img {
    float:left;
    width:325px;
  }
  
  .banner .content {
    padding:12px 16px 0 16px;
    width:363px;
    float:left;
  }
  
  .banner .content h1 {
    color:#016e83;
    font-size:2.3em;
  }
  
div.list {
  position:relative;
  clear: both;
}

  div.list h2 {
    border-bottom:1px dotted #cccccc;
    padding-bottom:6px;
  }
  
    div#tabs div.list h2 {
      border-bottom:0;
      padding-bottom:0;
    }

    div.list h2 a {
      color:#333333;
    }
    
  div.list h3.results-heading
  {
    border-bottom:1px dotted #cccccc;
  }

  div.list ul {
    list-style-type:none;
    padding:0;
    margin:0 0 10px;
    position:relative;
    overflow:hidden;
  }
  
    div.list ul  li {
      padding:6px 9px 0px 0px;
      border-bottom:1px dotted #b3b3b3;
      position:relative;
      float:left;
      width:90%;
}
    
    div#tabs div.list ul li h2 {
      font-size: 1.75em;
      margin-bottom: 15px;
      margin-top: 5px;
    }
    
    div.list ul  li.last {
      border:0;
    }
    
    div.list ul  li.small {
      
    }
    
      div.list ul  li.small div.content {
        float:left;
        width:500px;
      }
      
      div.secondary-content div.list ul  li.small div.content {
        width:367px;
      }
    
    div.list ul  li.featured {
      background:#f2f2f2;
      border:0;
      padding:9px;
      margin-bottom:3px;
  float:left;
  width:97%;
    }
    
      div.list ul  li div.image {
        float:left;
        width:125px;
      }
        
        div.list ul  li div.image img {
          border-bottom:3px solid #df0080;
          padding:0;
        }
      
      div.list ul  li div.content {
        position:relative;
      }
    
      div.list ul  li h4 {
        font-size:1.1em;
        margin-bottom:0;
        padding-bottom:2px;
        font-weight: normal;
      }
      
        div.list ul  li h4 a {
          float:left;
          width:100%;
        }
  
  div.list ul.atoz {
    
  }
  
   div.list ul.atoz li {
      float:left;
      border:0;
      font-size:1.5em;
      text-transform:uppercase;
      padding: 6px 0px 0 0;
      width: auto;
    }
    
      div.list ul.atoz li a {
        display:block;
        padding:0 4px 0 5px;
      }
            
      div.list ul.atoz li a:hover, div.list ul.atoz li.selected a {
        background:#e8e8e8;
      }
  
  div.paging {
    float:left;
    width:100%;
  }
  
    div.paging ul {
      padding:0;
      float:left;
      width:100%;
    }
    
      div.paging ul li {
        float:left;
        list-style-type:none;
        padding:0 5px;
        border-right:1px solid #c8c8c8;
        width:auto;
      }
      
        div.paging ul li.last {
          border:0;
        }
      
        div.paging ul li a {
        
        }
  
  .bubbleInfoFeatured, 
  .bubbleInfo {
    position: relative;
    cursor:pointer;
  }
  
    .bubbleInfoFeatured h4,
    .bubbleInfo h4 {
      float:left;
      margin-right:10px;
    }
    
    .bubbleInfoFeatured .content,
    .bubbleInfo .content {
      float:left;
    }
    
    div.list ul li.small div.content div.bubbleInfoFeatured div.content { width: auto; }

  .popup {
    position: absolute;
    display: none;
    background: url('../images/bg-tooltip.png') no-repeat left top;
    width:230px;
    height:46px;
    color:#333333;
    font-size:0.91em;
    padding:8px 0 0 14px;
  }
  
  
  #map_canvas {
    width:710px;
    height:474px;
  }
  
  #small_map_canvas {
    width: 510px;
    height: 340px;
  }
  
  div.map-key { float: right; vertical-align: middle; padding: 4px; background: #E9E9E9; }
  div.map-key p { float: left; vertical-align: middle; margin: 0; padding: 0; }
  div.map-key ul { float: left; padding: 0; margin: 0; }
  div.map-key ul li { float:left; list-style-type:none; padding:0 2px 0 10px; color: Black; vertical-align: middle; }
  div.list div.map-key ul li { border: none; }
  div.map-key ul li img { height: 15px; margin-bottom: -3px; }
  
  div.info-window { width: 300px; padding: 5px; }
  div.info-window h3 { font-weight: bold; font-size: 1.4em; border-bottom: 1px dotted #CCC; }
  div.info-window h3 img { margin-bottom: -2px; }
  div.info-window h3 a { color: #333333; }
  div.info-window h3 a:hover { color: #333333; }
  div.info-window p { font-size: 1.1em; padding-bottom: 5px; }
  div.info-window p.date { padding-bottom: 0; }
  div.info-window p a { padding-left: 12px; background-image: url('../images/bg-arrows.png'); background-repeat: no-repeat; background-position: -25px 2px; }
  div.info-window p a:hover { color: #CA0173; background-position: left -19px; }

  div.cluster-window { width: 200px; }
  div.cluster-window p { text-align: center; font-size: 1.1em; padding: 5px; }

  
/* barrister search styles*/
  #publicSearch {border: 1px solid #cccccc; float: left; width: 100%;}
  /* ---- general ---- */
  #publicSearch .br_panel_first {float: left; background: #F3F2ED; padding: 10px 0 10px 0px; border: 3px solid #ffffff;  position: relative; width:99%;}  
  #publicSearch .br_panel_first #errorMessage { font-size: 130%; margin: 0 28px 0 10px; width: 98%; }
  #publicSearch .br_panel_first #infoMessage { font-size: 140%; font-weight:bold; margin: 0 28px 0 10px; width: 98%; }
 #publicSearch .br_panel_first #errorMessage {}
  #publicSearch .br_panel {float: left; background: #F3F2ED; padding: 10px 0 10px 0px; border: 3px solid #ffffff; border-top: none; width:99%; }
  #publicSearch div div {float: left; width: 100%; padding: 4px  0 4px 0;}
    #publicSearch div div#supportingText {font-size: 130%; padding: 0 0 10px 10px; width:95%;}
  #publicSearch .br_block {float: left; width: 51%;}
  #publicSearch label {font-size: 1.2em; padding: 0 10px; width: 260px; display: inline-block; margin:0 0 10px 0;}
  .publicSearch label {width: 75px!important; }

  /* Name search button */
  #publicSearch input.br_search_btn{color: #ffffff; background: #644F82; margin: 0px 20px 0px 10px; padding: 4px 10px; border: 1px solid #B0B0C1; cursor: pointer; width: 80px;}  
  .publicSearch input.br_search_btn { right: 95px!important; }
/* Pagination */
  #publicSearch ul.br_pagination_list {float: left; margin: 0 10px 0 20px; width: 100%;}
  #publicSearch ul.br_pagination_list li{list-style-type: none; float: left; width:auto; padding:0 5px 0px 0px;}
    #publicSearch ul.br_pagination_list li a.selected {font-weight:bold;}
  /* Search table */
  #publicSearch table.br_search_table {margin: 0 10px 0 10px; width: 96%;}
  #publicSearch table.br_search_table th {background: #D1D0E7; line-height: 2.0em; color: #644F82;}
  #publicSearch table.br_search_table td {line-height: 1.5em;}  
  /* profile details */
  #publicSearch #details {}
  #publicSearch #details  h2 {padding: 0 10px 0 10px; position:relative;}
  #publicSearch #details  h2 img {position:absolute; right:20px; top:6px;}
  #publicSearch #details ul {margin:10px 0 0 10px; width:100%;}
  #publicSearch #details ul li {list-style-type: none; float: left; width:40%; padding:10px 2px 2px 0px; }
  #publicSearch #details ul li strong {width:30%; }
    #publicSearch #details ul li.tip {width: 6%; position:absolute; right:20px; }
  #publicSearch #details p {padding: 10px 10px 0 10px; position:relative;}
      #publicSearch #details p.nodf {font-weight:bold; color: #574867;}
      #publicSearch #details p.dfTitle {font-weight:bold;}
      #publicSearch #details p.dfTitle img {padding: 0; position:absolute;right:20px;}
  
    #publicSearch #details .tooltip { cursor: help; position:absolute; right:20px; }
    #publicSearch #tooltip {position:absolute; width: 300px; font-size: 1.1em; border:1px solid #333; background:#574867; padding:2px 5px; color:#fff; display:none;}

/* Sidebar
************************************************************************************************************************/

div.sidebar {
  position:relative;
  float:left;
  width:184px;
  margin:0 0 0 21px;
  overflow:hidden;
}

  div.box {
    position:relative;
    width:180px;
    margin-bottom:12px;
    background: url('../images/bg-box.png') repeat-y left;
    padding-left:4px;
  float:left;
  }
    
    div.box img {
      display:block;
      padding:0;
    }
        
    div.box div.content {
      position:relative;
      padding:10px 10px 0px 10px;
      border-top:1px solid #eeeeee;
      border-bottom:1px solid #eeeeee;
    }
          
      div.box div.content p {
        line-height:1.2em;
      }
          
      div.box div.content h3 {
        font-size:1.6em;
        color:#666666;
        border-bottom:1px dotted #cccccc;
        padding-bottom:6px;
        margin-bottom:6px;
      }
      
      div.box div.content ul {
        padding:0;
      }
      
      div.box div.content ul li  {
        padding-bottom:4px;
        list-style-type:none;
        font-size:1em;
      }
    
        div.box div.content ul li a {
          font-size:1.1em;
          color:#006e83;
          display:block;
          padding-left: 12px;
          background-image: url('../images/bg-arrows.png');
          background-repeat: no-repeat;
          background-position: -25px 2px;
        }
        
        div.box div.content ul li a:hover 
        {
          color: #CA0173;
          background-position: left -19px;
        }
        
        div.box div.content ul.external {
          padding-top:6px;
          position:relative;
        }
        
        div.box div.content ul.external li a {
          background: url('../images/bg-external-link.gif') no-repeat right;
          color:#333333;
        }
        
        div.box div.content ul.dark-purple li {
          border-bottom:1px dotted #b2b2b2;
          margin-bottom:6px;
        }
        
          div.box div.content ul.dark-purple li.last {
            border:0;
          }
        
          div.box div.content ul.dark-purple li a {
            color:#433354;
            padding-bottom:2px;
          }
          
        div.box div.content a.external span 
        {
          float: right;
        }
        
        div.box div.content a.external:hover span
        {
          text-decoration: none;
        }
      
      div.box div.content p {
      font-size:1.1em;
      padding-bottom:8px;
      }
      
        div.bsb div.content p
        {
          margin-bottom: 8px;
          border-bottom: 1px dotted #696969;
        }
      
    /*color schemes*/    
    div.yellow-purple div.content {
      background-color:#e8e1f0;
      border:0;
    }
  
    div.yellow-purple img {
      border-bottom:3px solid #ffde00;
    }
    
    div.yellow-purple div.content ul.external {
      border-top:1px dotted #666666;
    }
    
    div.yellow-purple div.content h3 {
      color:#433354;
      border:0;
      font-size:1.4em;
      padding-bottom:0px;
    }
    
    div.yellow-purple div.content p {
      color:#333333;
    }
        
    div.red-pink .content {
      border:0;
      background-color:#f9e3f0;
    }
  
    div.red-pink img {
      border-bottom:3px solid #d40079;
    }
        
    div.red-pink div.content ul.external {
      border-top:1px dotted #666666;
    }
        
    div.red-pink div.content h3 {
      color:#cb0074;
      border:0;
      font-size:1.4em;
      padding-bottom:0px;
    }
    
    div.red-pink div.content p {
      color:#333333;
    }
            
    div.dark-purple div.content {
      background-color:#615271;
      padding-top:4px;
      border:0;
    }
    
    div.bsb div.dark-purple div.content,
    div.bsb div.blue div.content 
    {
      padding-top: 10px;
    }
    
    div.dark-purple div.content ul {
      padding-top:0;
      border-top:0;
    }
  
    div.dark-purple div.content ul li a:hover,
    div.dark-purple div.content ul li a {
      color:#ffffff;
      background: url('../images/bg-white-arrow-on-purple.png') no-repeat left 2px;
    }
    
    div.dark-purple div.content h3 {
      color:#ffffff;
      border:0;
      font-size:1.4em;
      padding-bottom:0px;
    }
    
    div.dark-purple div.content p {
      color:#ffffff;
    }
    
      div.bsb div.dark-purple div.content p
      {
        border-bottom: 1px dotted white;
      }
            
    div.blue div.content {
      background-color:#017d96;
      padding-top:4px;
      border:0;
    }
    
    div.blue div.content ul {
      padding-top:0;
      border-top:0;
    }
  
    div.blue div.content ul li a,
    div.blue div.content ul li a:hover {
      color:#ffffff;
      background: url('../images/bg-white-arrow-on-blue.png') no-repeat left 2px;
    }
    
    div.blue div.content h3 {
      color:#ffffff;
      border:0;
      font-size:1.4em;
      padding-bottom:0px;
    }
    
    div.blue div.content p {
      color:#ffffff;
    }
    
    div.imageAndLink div.content ul li a { color: #FFFFFF; background:url('../images/bg-white-arrow.png') no-repeat left 3px; }
    div.imageAndLink div.content ul li a:hover { color: #FFFFFF; background:url('../images/bg-white-arrow.png') no-repeat left 3px; text-decoration: underline; }
    div.imageAndLink div.blue div.content ul li a { background-image: url('../images/bg-white-arrow-on-blue.png'); }
    div.imageAndLink div.red-pink div.content ul li a { background-image: url('../images/bg-white-arrow-on-pink.png');}
    /*div.imageAndLink div.red-pink div.content ul li a:hover { color:#006e83;}*/
    div.imageAndLink div.dark-purple div.content ul li a { background-image: url('../images/bg-white-arrow-on-purple.png'); }
    
    div.imageAndLink img { border: 0; }
    div.imageAndLink div.content { padding-top: 4px; }
    
    div.imageAndLink div.red-pink div.content { background-color: #D40079; float:left; width:100%;}
    div.imageAndLink div.yellow-purple div.content { background-color: #615271; }

  div.sidebar div.content h3 a {
    color:#333;
    text-decoration:none;
  }

  div.sidebar div.content h3 a:hover {
    text-decoration:underline;
  }

      
  div.search {
    border:0;
    padding: 8px 8px 8px 4px;
    background: url('../images/bg-box-search.gif') repeat-y top left;
  }
  
    div.search h3 {
      font-size:1.4em;
      margin-bottom:0;
      padding-bottom:6px;
    }
    
    div.search label {
      display: none;
    }
      
    div.search input {
      background:white;
      border:1px solid #b4b4b4;
      font-size:1.2em;
      padding:5px 4px 4px;
      width:117px;
      float:left;
      margin-right:5px;
      color: #666666;
    }
    
    div.search input.submit {
      float:left;
      border:0;
      width:29px;
      height:26px;
      background: url('../images/bg-search-icon.gif') no-repeat top left;
      text-indent:-9999px;
      font-size:0;
      line-height:0;
      cursor:pointer;
      margin-top: 1px;
    }
    div.search input.submit:hover {
      background-position:0 -26px;
    }
    
/* Footer formatting 
************************************************************************************************************************/

div.footer {
  position:relative;
  border-top:8px solid #008099;
  background: url('../images/bg-footer.gif') repeat-x top left;
  padding:8px 0 0px;
}

  div.footer p {
    float:left;
    margin-left:16px;
    font-size:1.1em;
    color:#666666;
  }
  
  div.footer-tools {
    position:relative;
    float:right;
    margin-right:20px;
    display:inline;
  }
    
    div.footer-tools ul {
      
    }
    
      div.footer-tools ul li {
        float:left;
        padding:0 8px;
        border-right:1px solid #666666;
      }
      
        div.footer-tools ul li.last {
          border:0;
        }
    
        div.footer-tools ul li a {
          font-size:1.1em;
          color:#666666;
        }

/* Tabs
************************************************************************************************************************/

div.primary-content #tabs {
  margin:5px 0;
}

div.primary-content ul.ui-tabs-nav {
  padding:0;
  margin:12px 0;  
  border-bottom:1px solid #b7b7b7;
  /*float:left;
  width:100%;*/
}

  div.primary-content ul.ui-tabs-nav li {
    float:left;
    list-style-type:none;
    margin-right:4px;
    font-size:1.1em;
    position:relative;
  width:auto;
  }
  
    div.primary-content ul.ui-tabs-nav li a {
      background:#d9eef2;
      padding:4px 6px 3px 6px;
      color:#006e83;
      display:block;
    }

  div.primary-content ul.ui-tabs-nav li:hover,
  div.primary-content ul.ui-tabs-nav li.ui-tabs-selected {
    border-top:1px solid #b7b7b7;
    border-left:1px solid #b7b7b7;
    border-right:1px solid #b7b7b7;
    top:1px;
    background:#ffffff;
  width:auto;
  float:left;
}

    div.primary-content ul.ui-tabs-nav li:hover a,
    div.primary-content ul.ui-tabs-nav li.ui-tabs-selected a {
      background:none;
      color:#333333;
      padding:2px 5px 7px 5px;
  width:auto;
  float:left;
}
  
    div.primary-content ul.ui-tabs-nav li a {
      display:block;
    }

div.primary-content div.ui-tabs-hide {
  position: absolute;
    left: -10000px;
}


  div.column {
    padding-right:12px;
    margin-right:12px;
  }
  
  div.column h3 {
    color:#006e83;
    font-size:1.6em;
    font-weight:normal;
    border-bottom:1px dotted #b2b2b2;
    padding-bottom:6px;
    margin-bottom:10px;
  }
  
  div.in-page-tabs h3
  {
    background: url('../images/bg-home-spotlight-link.png') no-repeat left 5px;
    padding-left: 13px;
  /*
  float:left;
  width:100%;
  */
  }
    
    div.column h3 label 
    {
      font-size: 1em;
      padding: 0;
      clear: inherit;
      float: none;
    }
  
  div.tabcontent div.last {
    margin-right:0;
  }
  
  div.tabcontent div.half {
    float:left;
    width:232px;
  }








































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */