/*

Layout
*/

/* Body */

body {
  
  padding-bottom: 50px;
  text-align: ƒcenter;
}

body.home {
  background: #fff url(../images/body.home.png) no-repeat center top;
}

body.interior {
  background: #fff url(../images/body.interior.png) no-repeat center top;
}

body.memberlist {
  background: #fff url(../images/body.memberlist.png) no-repeat center top;
}

body select, input, textarea {
  border: 1px solid #036;
  color: #5B93CD;
}

body br {
  
}

  #shell {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 900px;
    text-align: left;
  }

/* Head */

    #head {
      height: 190px;
      position: relative;
    }
    
      #head h1#logo {
        background: url(../images/pensacola-leaders-business-networking.png) no-repeat;
        height: 110px;
        left: 28px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 11px;
        width: 270px;
      }
        
        #head h1#logo a {
          display: block;
          height: 100%;
        }
        
          #head h1#logo a span {
            display: none;
          }
      
      #head #sponsorAd {
        height: 105px;
        left: 540px;
        font-size: 11px;
        color: #999;
        overflow: hidden;
        position: absolute;
        top: 15px;
        width: 320px;
      }
   
/* Feature */

    #feature {
      /*background: url(../images/feature.png) repeat-x;*/
/*      border-bottom: 2px solid #036;*/
      height: 198px;
      margin-top: 2px;
      position: relative;
      top: 0px;
      width: 900px;
    }
      
      #feature ul {
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 240px;
      }
      
        #feature ul li {
          height: 44px;
          list-style: none;
          margin-top: 35px;
          width: 100%;
        }
    
          #feature ul li a {
            display: block;
            height: 44px;
            width: 100%;
          }
            
            #feature span {
              display: none;
            }
          
          #feature ul li a#come-to-a-meeting {
            background: url('../images/come-to-a-meeting.png') no-repeat;
            
          }
          
          #feature ul li a#refer-someone {
            background: url('../images/refer-someone.png') no-repeat;
            
          }
  
#interiorFeatureButtons, #interiorFeatureButtons ul {
  margin: 0;
  padding: 0;
  height: 48px;
  width: 280px;
  position: absolute;
  bottom: 0;
  right: 0;
}
    
    #interiorFeatureButtons ul li {
      display: inline;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    
    #interiorFeatureButtons ul li:before {
      content: '';
    }
    
      #interiorFeatureButtons ul li a {
        background: url('../images/member-list-button.png') no-repeat;
        display: inline;
        float: left;
        height: 40px;
        margin: 8px 0 0 15px;
        padding: 0;
        width: 118px;
      }

        #interiorFeatureButtons span {
          display: none;
        }

        #interiorFeatureButtons ul li a#member-list {
        }

        #interiorFeatureButtons ul li a#join-leaders {
          background-image: url('../images/join-button.png');
        }
      
/* Newsbar */
    
    .newsBar {
      height: 68px;
      margin-top: 2px;
      position: relative;
    }
    
    * html .newsBar {
      margin-top: 0;
    }
      
      .newsBar h2 {
        color: #333;
        font-size: 19px;
        font-weight: normal;
        left: 10px;
        margin-top: 10px;
        position: absolute;
      }

      .newsBar ul {
        height: 68px;
        left: 210px;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 620px;
      }

        .newsBar ul li {
          float: left;
          font-size: 14px;
          height: 68px;
          list-style: none;
          margin-right: 10px;
          width: 200px;
        }
        
        .newsBar ul li:before {
          content: '';
        }

        .newsBar ul li.last {
          margin: 0;
        }
        
          .newsBar ul li a {
            color: #5B93CD;
            display: block;
            font-size: 12px;
            height: 58px;
            line-height: .5em;
            padding: 10px 0 0 10px;
            text-decoration: none;
            width: 190px;
          }
            
            .newsBar ul li a:hover {
              background: #CDE4FC;
              color: #036;
            }

            .newsBar ul li a strong {
              color: #036;
              display: block;
              height: 35px;
              line-height: 125%;
              font-size: 14px;
              overflow: hidden;
            }

      .newsBar h5 {
        bottom: 2px;
        font-size: 11px;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 7px;
      }

        .newsBar h5 a {
          color: #5B93CD;
          text-decoration: none;
        }

        .newsBar h5 a:hover {
          color: #036;
          text-decoration: underline;
        }
        
      .newsBar p {
        display: inline;
        margin: 0;
        padding: 0;
      }
      
/* Margins and Related */

    #main, #sub {
      margin-top: 2px;
      position: relative;
    }
        
    #main {
      float: left;
      width: 620px;
    }
    
    .print-list #main {
      width: 900px;
    }
      
      .print-list #main .margin-memberlist {
        margin: 0;
        width: 900px;
      }
  
  .interior #main {
    min-height: 450px;
  }
  
  body.memberlist #main {
    width: 752px;
  }
      
    #main .margin {
      margin: 30px auto;
      overflow: hidden;
      width: 540px;
    }
    
    #main .margin-int {
      margin: 20px 30px 0 10px;
      overflow: hidden;
      width: 590px;
    }
    
    #main .margin-memberlist {
      margin: 0 25px 30px 22px;
      overflow: hidden;
      width: 705px;
    }
    
    #sub {
      float: right;
      width: 278px;
    }
      
      #sub .margin {
        margin: 30px auto;
        width: 240px;
      }
    
  #sub-memberlist {
    display: inline;
    float: right;
    width: 141px;
    margin: 3px 4px 0 0;
  }
  
    #sub-memberlist .margin {
        margin: 10px;
      }

    #foot {
      background: url(../images/foot.png) no-repeat;
      clear: both;
      margin: auto;
      position: relative;
      text-align: left;
      width: 960px;
    }
      
      #foot p {
        color: #333;
        font-size: 12px;
        margin-left: 70px;
        padding-top: 10px;
        width: 570px;
      }
    
/*
Navigation
*/
ul#homeNavBar {
  bottom: 0;
  font: normal normal bold 20px/48px Arial, sans-serif;
  height: 48px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}

  ul#homeNavBar li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0 1em;
    width: auto;
  }
  
    ul#homeNavBar li a {
      color: #036;
      text-decoration: none;
    }
    
    ul#homeNavBar li a:hover {
      color: #5B93CD;
    }

ul#interiorNavBar {
/*  background: blue;*/
  bottom: 0;
  font: normal normal bold 20px/48px Arial, sans-serif;
  height: 48px;
  left: 4px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  width: 618px;
  z-index: 1;
}

  ul#interiorNavBar li {
/*    background: red;*/
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0 .6em;
    width: auto;
  }
  
    ul#interiorNavBar li a {
/*      background: green;*/
      color: #036;
      text-decoration: none;
    }
    
    ul#interiorNavBar li a:hover {
      color: #5B93CD;
    }

/*
Search Form
*/

#search-box {
  background: url(../images/search-bg.png) no-repeat;
  width: 700px;
  height: 190px;
  padding: 4px;
  margin: 10px auto;
  position: relative;
  color: #036;
}
    
#search-form {
  position: relative;
  top: -15px;
  width: 665px;
  margin: 15px;
}

#search-form h2 {
  font-size: 20px;
  margin-top: 28px;
  display: block;
  height: 15px;
}

#form-colone, #form-coltwo {
  margin: 15px 10px 0 10px;
  width: 290px;
}

#form-colone {
  float: left;
  height: 100px;
}

#form-coltwo {
  float: right;
  height: 100px;
  margin-top: 15px;
}

  #search-form select {
    width: 280px;
    margin-left: 10px;
  }
  
  #search-form select.selected {
    color: #036;
    font-weight: bold;
  }
    
    #search-form select option.first {
      color: #666;
    }
  
  #search-form label {
    display: block;
    height: 25px;
  }
  
  * html #search-form br {
    line-height: .25em
  }


/*
Member List Form
*/
#members-table {
  background: #f2f2f2;
  width: 700px;
  margin: auto;
  border-collapse: collapse;
  border: 1px solid #036;
  border-bottom: none;
}

* html #members-table {
  border-bottom: 1px solid #036;
}
  
  #members-table thead {
    background: url(../images/blue-grid-bg.png) repeat-x;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    height: 39px;
    padding: 0;
  }
  
    #members-table thead th {
      padding: .5em 0 .5em 10px;
      text-align: left;
    }

    #members-table .refer {
/*      padding-left: 0;*/
      text-align: left;
      width: 110px;
    }

  #members-table tbody tr td {
    background: #f2f2f2;
    border-right: 1px solid #036;
    border-bottom: 1px solid #036;
    padding: 5px 5px 5px 15px;
  }
  
  #members-table tbody tr.alt td {
    background: #CCC;
  }
  
    #members-table tbody td a {
      color: #333;
    }
    
    #members-table tbody td a:hover {
      color: #5B93CD;
    }
    
    #members-table tbody a.refer-button {
      background: url(../images/blue-button-bg.png) no-repeat;
      display: block;
      width: 100px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      font-weight: bold;
      color: #fff;
      text-decoration: none;
      position: relative;
      padding-left: 0;
/*      left: 21px;*/
    }
    
    #members-table a:hover.refer-button {
      color: #fff;
    }
    
    #members-table tbody tr.selected td {
      background: #fff;
      border-top: 2px solid #036;
    }
    
      #members-table tbody tr.selected td a {
        font-weight: bold;
      }
    
    #members-table tbody td.description{
      background: #fff;
      line-height: 110%;
      border-right: 0;
      border-left: 1px solid #036;
      padding: 15px;
      border-bottom: 2px solid #036;
    }
    
      #members-table tbody td.description p {
        margin-top: 0;
      }
      
      #members-table tbody td.description a {
        color: #5B93CD;
      }
      
      #members-table tbody td.description a:hover {
        color: #036;
      }
    
      #members-table tbody td img.interior-image {
        float: right;
        margin-left: 10px;
        max-height: 300px;
        max-width: 300px;
      }
/*
Pop Up Form
*/
#white-mask {
  background: #fff;
  height: 100%;
  opacity: .75;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9998;
}

#popup-shell {
    background: #fff url(../images/body.form.png) no-repeat center top;
    margin: auto;
    overflow: hidden;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -326px;
    width: 652px;
    height: 610px;
    text-align: left;
    color: #333;
    font-weight: bold;
    z-index: 9999;
  }
  
  #popup-shell .margin {
    width: 600px;
    margin: 20px;
    padding: 0;
    position: relative;
    left: 50%;
    margin-left: -300px;
  }
  
  #popup-shell #popup-head {
    display: block;
    width: 652px;
    position: relative;
  }
  
  #popup-shell #close img {
    cursor: pointer;
    height: 18px;
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0;
    padding: 0;
    width: 18px;
  }
  
  #popup-shell #popup-head h1 {
     background: url(../images/refer-someone-head.png) no-repeat;
    height: 60px;
    width: 301px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 10px;
    left: 50%;
    margin-left: -150.5px;
   }
   
     #popup-shell #popup-head h1 span {
      display: block;
      height: 100%;
      width: 100%;
      display: none;
    }
    
  #popup-shell .margin ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

    #popup-shell .margin ul#by-to {
    position: relative;
    padding-top: 10px;
  }
    
    #popup-shell ul#by-to li {
      display: inline;
    }
    
    #popup-shell span.newline {
      display: block;
    }
    
      #popup-shell ul#by-to li select {
        width: 290px;
        font-family: Arial, Helvetica, sans-serif;
      }
      
      #popup-shell ul#by-to li#by {
        width: 290px;
        height: 50px;
        float: left;
      }
      
      #popup-shell ul#by-to li#to {
        width: 290px;
        height: 50px;
        float: right;
      }
    
  #popup-shell img {
    margin: 10px 0 0 0;
  }
  
  #popup-shell img {
    clear: both;
    float: left;
  }
  
  #popup-shell #right-column {
    display: inline;
    float: left;
    width: 290px;
    height: 200px;
    margin-left: 30px;
    margin-top: 26px;
  }
  
  #popup-shell #right-column input {
    color: #5B93CD;
  }
  
    #popup-shell #right-column h2 {
    display: inline;
    font-size: 19px;
  }
  
    #popup-shell #right-column ul#org-ind {
      margin: 12px 0 10px 0;
    }
    
      #popup-shell #right-column ul#org-ind input {
        width: 20px;
        margin-left: -2px;
        border: none;
      }
    
      #popup-shell #right-column ul#org-ind li {
        display: inline;
        margin-right: 15px;
      }

  #popup-shell #right-column ul#name-phone-email {
/*    width: 400px;*/
  }
  
  #popup-shell #right-column #name-phone-email li {
    clear: both;
    height: 25px;
    margin-top: 10px;
  }

    #popup-shell #right-column #name-phone-email label {
      float: left;
      height: 25px;
      line-height: 25px;
      width: 60px;
    }

    #popup-shell #right-column #name-phone-email input {
      float: left;
      height: 20px;
      line-height: 20px;
      width: 220px;
      margin-left: 5px;
    }
    
  #popup-shell #comments {
    clear: both;
  }
  
    #popup-shell #comments span {
      padding-top: 5px;
      padding-bottom: 3px;
  }
  
    #popup-shell #comments textarea {
      width: 598px;
      height: 70px;
      padding: 5px;
    }
    
  #popup-shell ul#buttons {
    width: 285px;
    position: relative;
    left: 50%;
    margin-left: -142.5px;
    margin-top: 7px;
  }
  
    #popup-shell ul#buttons li {
    display: inline;
  }
  
  #popup-shell ul#buttons li button {
    background: url(../images/blue-button-bg.png) repeat-x;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    width: 140px;
    height: 35px;
    cursor: pointer;
    }
  
/*
Misc
*/
#main h1#page-title {
  color: #333;
  font-size: 24px;
  margin: 0;
}
  
.stroke {
  padding: 10px 0px 0px 0px;
}

  


#cocoDesign {
  position: absolute;
  right: 60px;
  top: 10px;
}

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

label, input, select, textarea {
  cursor: pointer;
}

/*
Member list info for print
*/
#shell.print-list h2 {
  padding-bottom: 1em;
}

#shell.print-list table {
  text-align: left !important;
}

#shell.print-list table td {
  padding: 5px;
  margin: 0;
  width: 200px;
  font-size: 11.5px;
  vertical-align: top;
  border-bottom: 1px solid black;
}

  #shell.print-list thead td {
    font-weight: bold;
    font-size: 14px;
  }
  
  #shell.print-list table td.phone {
    width: 140px;
  }

/*
Gallery Images
*/
div#gallery {
  position: relative;
  width: *;
  text-align: center;
  /*background-color: blue;*/
}

div#gallery ul {
  text-align: center;
  padding: 10px 0 0 0;
  line-height: 1em;
  /*background-color:purple;*/
}

div#gallery ul li {
  display: inline;
  float: left;

  /*background-color:pink;*/
}

  div#gallery ul li span {
    width: 100px;
    height: 104px;
    overflow: hidden;
  }

  div#gallery ul li img {
    margin: 0 0 4px 0 !important;
    
  }
  
  div#gallery ul li a {
    /*background-color: red;*/
  }
  
  div#gallery ul li p {
    /*background-color: green;*/
  }

/*


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;
}