/*


Layout
*/
html {
  background: #B8100D;
}

body {
  font-family: Verdana, sans-serif;
  text-align: center;
  min-width: 920px;
}

  #shell {
    background: #B8100D url(../images/body.png) top repeat-x;
    height: 100%;
    position: relative;
    text-align: left;
  }
  
    #head {
      height: 309px;
      margin: 0 auto;
      position: relative;
      width: 900px;
    }
    
      h1#logo {
        background: url(../images/rso-logo.gif) no-repeat;
        left: 0;
        position: absolute;
        top: 3px;
        margin: 0;
        padding: 0;
      }
        
        #head h1 a {
          display: block;
          height: 92px;  
          width: 190px;  
        }
          
          #head h1 a span {
            display: none;
          }
    
    #wrapper {
/*      background: white url(../images/sidebar-column.png) left top repeat-y;*/
      margin: 0 auto;
      position: relative;
      width: 920px;
    }
    
    h1#pageHeader {
      margin: 0;
      padding: 0;
      margin-bottom: 5px;
    }
    
    #landing-page-header {
      height: 204px;
      position: absolute;
      top: 87px;
      width: 900px;
    }
    
      .field-service {
        background: url(../images/landing-page-temp.jpg) no-repeat;
      }
      
      #landing-nav-bg {
        background: url(../images/landing-page-nav-bg.png) no-repeat;
        height: 204px;
        position: absolute;
        right: 15px;
        width: 257px;
      }
      
      ul#landing-nav {
        height: 204px;
        position: absolute;
        right: 15px;
        width: 257px;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      
        ul#landing-nav li {
          display: block;
          width: 100%;
          text-align: right;
          margin-top: 10px;
        }
        
          ul#landing-nav li a {
            color: white;
            font-size: 18px;
            text-decoration: none;
            margin-right: 10px;
            width: 100%;
          }
          
            ul#landing-nav li a:hover {
              text-decoration: underline;
            }
    
      #main {
        float: left;
        position: relative;
        width: 579px;
        margin-top: 15px;
      }
    
      #sub {
        display: inline;
        float: right;
        position: relative;
        width: 321px;
        margin-top: 15px;
      }
      
        #sub-top {
          background: url(../images/sidebar-top.png) top no-repeat;
          display: block;
          height: 12px;
          position: absolute;
          top: -12px;
          width: 321px;
        }
        
        #sub .picture-top {
          background: url(../images/sidebar-top-label.png) right no-repeat;
          color: #226791;
          height: 37px;
          width: 321px;
          margin: 0;
          padding: 0;
/*          margin-top:10px;*/
          text-align: center;
        }
        
        #sub #client-title {
    /*      position: absolute;
              top: 225px;
    */        }
        
        #sub #slideshow {
/*          position: absolute;
          top: -13px;
          left: 0; */
       }
        
          #slideshow .picture-shadow {
            background: url(../images/sidebar-top-label-shadow.png) no-repeat;
            display: block;
            height: 4px;
            width: 321px;
            position: absolute;
            top: 0; 
            z-index: 99;
          }
          
          #pictureSlides {
            display: block;
            height: 225px;
            width: 300px;
          }
          
          #slideshow img {
/*            position: relative;
            margin-left: 12px;
*/          }

          #slideshow #client-title {
            display: block;
            height: 30px;
            margin-bottom: 5px;
            margin-top: 5px;
          }
          
          #client-title p {
            position: absolute;
            top: 0;
            margin: 0;
            padding: 0;
          }
          
          #sub .margin {
            color: #333;
            margin-left: 22px;
            position: relative;
            width: 280px;
          }
          
            #picDescription {
/*              position: absolute;
              top: 235px;*/
            }
          
          #sub form {
            margin: 0;
            margin-top: 15px;
            padding: 0;
          }
          
          #sub form label {
            color: #333;
            display: block;
            font-weight: bold;
            margin-bottom: 5px;
          }
          
            #sub form input.textField {
              margin-bottom: 10px;
              height: 20px;
              width: 265px;
            }
            
            #sub form p {
              color: #333;
              font-size: 10px;
            }
            
            #sub ul#pastTopics {
              list-style: none;
              margin-top: 10px;
            }

    #event-spotlight {
/*      border-left: 1px solid #90B3C8;
      margin-left: 10px;
      float: right;
      padding: 10px;
      width: 200px;*/
    }
    
      #event-spotlight h4 {
        color: #B8100D;
        margin-top: 0;
      }
      
      #event-spotlight h6 {
        margin-bottom: 2px;
      }
    
    #content-area {
      display: inline;
      float: left;
      width: 348px;
    }

    .event-shell {
      background: url(../images/event-body.png) repeat-y;
      color: #333;
      margin-top: 10px;
      width: 558px;
    }
    
      .event-shell h2 {
        margin-top: 8px;
        margin-bottom: 2px;
        font-weight: 100;
      }
    
      .event-shell h2 span {
        color: #226791;
      }
      
      .event-shell p {
        margin-top: 10px;
      }
    
      .event-shell ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
      } 
      
        .event-shell ul li {
          float: left;
          margin-right: 10px;
        }
    
      .event-top {
        background: url(../images/event-top.png) no-repeat;
        height: 4px;
        width: 558px;
      }
      
      .event-bottom {
        background: url(../images/event-bottom.png) no-repeat;
        height: 9px;
        width: 558px;
      }

    #foot {
/*      background: #B8100D url(../images/periodic-strip.gif) top center repeat-x;*/
      clear: both;
      position: relative;
/*      height: 150px;*/
      text-align: center;
      width: 100%;
    }
      
      #footer-graphic {
        top: 0;
        left: 0;
        background: #B81000 url(../images/periodic-strip.gif) top center repeat-x;
        height: 53px;
        position: absolute;
        width: 100%;
      }
    
      #foot-wrapper {        
        margin: 0 auto;
        width: 920px;
        position: relative;
      }
      
        #foot-column {
          background: url(../images/sidebar-bottom.png) top left no-repeat;
          height: 28px;
          position: absolute;
          top: 0;
          left: 0;
          width: 321px;
        }
      
      ul#address {
        color: white;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        margin-left: 10px;
        margin-top: 15px;
        width: 230px;
        text-align: left;
      }
      
        ul#address li hr {
          margin: 5px 0;
          padding: 0;
        }
      
    
/*

Navigation
*/
a#eventsLink {
  background: url(../images/training-events-tab.png) no-repeat;
  display: block;
  color: white;
  font-size: 18px;
  position: absolute;
  right: 20px;
  width: 378px;
  height: 33px;
  top: -13px;
  text-decoration: none;
  padding-left: 10px;
  padding-top: 5px;
}

ul#navPrimary {
  font-size: 18px;
/*  height: 33px;*/
  right: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 49px;
  z-index: 1;
}

  ul#navPrimary li {
    background: url(../images/nav-link-cap.png) top left no-repeat;
    display: inline;
    float: left;
    height: 33px;
    list-style: none;
    margin: 0;
    margin-left: -20px;
    padding: 0 0 0 29px;
    position: relative;
    width: auto;
  }
  
  ul#navPrimary li.hover {
    background: url(../images/nav-link-cap-hover.png) top left no-repeat;
    cursor: pointer;
  }
  
    ul#navPrimary li ul {
/*      display: none;*/
      border: 1px solid black;
      position: absolute;
      top: 32px;
      left: -1px;
      width: 186px;
      margin: 0;
      padding: 0;
      padding-bottom: 10px;
    }
      
      ul#navPrimary li ul li.sub-nav-bg {
        border: none;
        opacity: .85;
        position: absolute;
        background: #226791;
        width: 100%;
        height: 100%;
        z-index: 1;
        margin: 0;
        padding: 0;
        top: 0;
        left: 0;
      }
      
      ul#navPrimary li ul li {
        border-bottom: 1px solid white;
        display: block;
        background: transparent;
        margin: 0;
        margin-left: 10px;
        padding: 0;
        position: relative;
        width: 166px;
        z-index: 2;
      }
      
      * html ul#navPrimary li ul li {
        margin-left: 5px;
      }
      
      ul#navPrimary li ul li.hover {
        background-image: none !important;
      }
      
        ul#navPrimary li ul li a {
          background: transparent;
        }
        
          ul#navPrimary li ul li a:hover {
            background: transparent !important;
          }
  
    ul#navPrimary li a {
      background: url(../images/nav-link-body.png) no-repeat;
      color: white;
      display: block;
      float: left;
      height: 33px;
      line-height: 38px;
      margin: 0;
      padding: 0;
      padding-right: 10px;
      text-decoration: none;
    }
    
    ul#navPrimary li a:hover, ul#navPrimary li a.hover {
      background: url(../images/nav-link-body-hover.png) no-repeat;
      color: white;
    }
    
ul#triptych {
  position: absolute;
  top: 87px;
  margin: 0;
  padding: 0;
}

  ul#triptych li {
    display: inline;
    float: left;
    position: relative;
  }
  
    ul#triptych li a {
      color: white;
      display: block;
      float: left;
      font-size: 22px;
      height: 204px;
      text-decoration: none;
      width: 300px;
      position: relative;
      z-index: 2;
    }
    
      ul#triptych li a#field { background: url(../images/field-service.png) no-repeat; }
      ul#triptych li a#school { background: url(../images/rso-school.png) no-repeat; }
      ul#triptych li a#compliance { background: url(../images/regulatory-compliance.png) no-repeat; }
      
      ul#triptych li a span {
        display: none;
      }
      
        ul#triptych li img {
          position: absolute;
          top: 0;
          z-index: 1;
          left: 0;
        }
      
        ul#triptych li a p {
          font-size: 14px;
          display: none;
          font-weight: bold;
          position: relative;
          z-index: 2;
          margin: 0;
          padding: 0;
          padding-left: 10px;
        }
        
        ul#triptych li a div {
          cursor: hand;
          display: none;
          background: black;
          height: 204px;
          opacity: .8;
          position: absolute;
          width: 300px;
          z-index: 1;
        }
        
           ul#triptych li a:hover div, ul#triptych li a:hover p {
             display: block;
           }

ul#navFoot {
  position: absolute;
  right: 0;
  top: 10px;
  width: 580px;
}

  ul#navFoot li {
    color: white;
    display: inline;
    float: left;
    list-style: none;
    margin-right: 10px;
    margin-top: 5px;
  }
  
    ul#navFoot li a {
      color: white;
      display: inline;
      float: left;
      font-size: 20px;
      text-decoration: none;
    }
    
    ul#navFoot li a:hover {
      text-decoration: underline;
    }

ul.navSub {
  width: 100%;
}

  ul.navSub li {
    list-style: none;
  }
  
    ul.navSub li a {
      display: block;
      text-decoration: none;
      width: 100%;
    }
    
    ul.navSub li a:hover {
      background: #fff;
    }

/*Style links*/
.content a:link {
  color: #226791;
}

.content a:visited {
  color: #226791;
}

.content a:hover {
  color: #EBB401;
}

/* Undoing some Tripoli havock */
ul#navPrimary li:before, ul#navSecondary li:before, ul#navFoot li:before, ul.navSub li:before,
ul#triptych li:before, ul#address li:before, ul#landing-nav li:before,
.event-shell ul li:before {
  content: '';
}

/*


Misc
*/
#cocoDesign {
  background: url(../images/CocoDesign.png) no-repeat;
  display: block;
  height: 21px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 56px;
}

  #cocoDesign span {
    display: none;
  }

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}
/*


Comes in Handy Sometimes
*/
.NoMargin {
  margin: 0 !important;
}
.clear, .clearme {
  clear: both;
}


/*


Default styles for BrainBuster logic captcha
*/
#captcha {
  margin: .5em 0 .5em 0;
  font-size: 13px;
}

#captcha_answer {
  margin-left: .5em;
}

.captcha_failed input {
  border-style: inset;
  border-color: red;
  border-width: 3px;
}