/* GENERAL STYLES */
@charset "UTF-8";
/* CSS Document */
*{
   margin: 0;
   padding: 0;
}
html, body{
  font-family: Helvetica, Arial;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  height: 100%;
  background: #000000;
        color: #ffffff;
  font-size: 12px;
  }
  div, form{
      padding: 0;
      margin: 0;
            font-family: Helvetica, Arial;
      color: #ffffff;
      font-size: 12px;
  }
  
  a {
    color: #ffffff;
    text-decoration: none;
    }
    
  h1, h2, h3, h4, h5, h6, p, label, input, form{
    padding: 0;
    margin: 0;
    }

  img {
    border: 0;
  }
    
  .align-left{
    float: left;
    }
  
  .align-right{
    float: right;
    }  

.backgroundImage
{
  margin-left: 208px;
}

#img-bg
{
  overflow: hidden;
  z-index: 1;
  text-align: right;
  background-color: #000000;
  position: fixed;
  left: 0px;
  top: 0px;
}

  #flash-wrapper{
    margin-bottom: -41px;
    margin-left: 208px;
    height: 100%;
    }
  #drop_shadow{
    width: 225px;
    background: url(../images/bg_dropshadow.png) repeat-y right;
    _background: black;
    left: 0;
    top: 0;
    z-index: 14;
    position: absolute;
    height: 100%;
    }
  
  
  
.clearing {
  height: 0;
  clear: both;
}

.Clear {
  height: 0;
  clear: both;
}


.Image_TextPlaced
{
 margin-bottom: 0;
 vertical-align: bottom;
}
.Image_TextPlaced a img
{
 margin-bottom: 3px !important;
 vertical-align: bottom;
}



#wrapper{
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 100;
  height: 1px;
  width: 100%;
  margin-bottom: -45px;
  }
  * html #wrapper{
    height: 100%;
    }

/* LEFT COLUMN DEFINITIONS */
#left-column{
  width: 208px;
  background: #000000;
  color: #ffffff;
  float: left;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: -45px;
  z-index: 35;
  }
  
  
  
  #left-column h1#logo{
    display: block;
    text-indent: -9000px;
    background: url(../images/hdr_logo.gif) no-repeat #bc241c;
    width: 100%;
    height: 94px;
    }
  
  /* LEFT NAV */
  
  #left-column ul#left-nav{
    list-style: none;
    margin: 0;
    padding: 0;
    
    }
    
    ul#left-nav li{
      display: block;
      line-height: 35px;
      border-top: 1px dotted #ffffff;
      margin: 0;
      padding-bottom: 0;
      position: relative;
      }
      
      ul#left-nav li a{
        display: block;
        padding-left: 30px;
        font-size: 13px;
        font-weight: bold;
        line-height: 18px;
        padding: 9px 0 9px 30px;
        }

                        ul#left-nav li a:hover {
                           
                          color: #FFFFFF;
                          }
        
      ul#left-nav .nav1, .nav1 ul{
        background-color: #bc241c;
        }
      ul#left-nav .nav2, .nav2 ul {
        background-color: #a92019;
        }
      ul#left-nav .nav3, .nav3 ul{
        background-color: #9c1e17;
        }
      ul#left-nav .nav4, .nav4 ul{
        background-color: #8f1b15;
        }
      ul#left-nav .nav5, .nav5 ul{
        background-color: #7e1813;
        }
      ul#left-nav .nav6, .nav6 ul{
        background-color: #711611;
        }
      ul#left-nav .nav7, .nav7 ul{
        background-color: #64140f;
        }
      ul#left-nav .nav8, .nav8 ul{
        background-color: #5e120e;
        }
      ul#left-nav .nav9, .nav9 ul{
        background-color: #5e120e;
        }
      ul#left-nav .nav10, .nav10 ul{
        background-color: #5e120e;
        }
      ul#left-nav .nav11, .nav11 ul{
        background-color: #5e120e;
        }
      ul#left-nav .nav12, .nav12 ul{
        background-color: #5e120e;
        }
      ul#left-nav .nav13, .nav13 ul{
        background-color: #5e120e;
        }
      ul#left-nav .nav14, .nav14 ul{
        background-color: #5e120e;
        }
      
      ul#left-nav li ul{
        padding: 0;
        margin: 0;
        list-style: none;
        border-top: 1px dotted #ffffff;
         
        }
        ul#left-nav li.active ul{
          display: block;
          }
        ul#left-nav li.active {
          /* background: #000000 url(../images/nav-arrow.gif) no-repeat 16px 16px !important; */
          background: #000000 !important;
        
          }
          
        ul#left-nav li.nosubs {
          background: none !important;
 
          }
          
        ul#left-nav li ul li{
          border: none;
          padding-left: 15px;
          }
        ul#left-nav li ul li a{
           
          }
          
        ul#left-nav li ul li ul a {
          padding: 0 0 0 45px;
          font-size: 12px;           
          }

        /* Active sub menu items */
        li.activesub a {
          color: #000000;
        }

        ul#left-nav li ul li.activesub a:hover {
          color: #000000;
        }
         

        /* Inactive tertiary menu items */
        li.activesub li a {          
          color: #FFFFFF;          
          }
         
        /* Inactive tertiary menu items */
        li.activeparent   {          
          /* background: url(../images/nav-arrow-parent.gif) no-repeat 16px 16px #000000 !important; */
           background: #000000 !important;
           color: #444444 !important;
          }
        
  /* CALLOUTS */
  
  #first-run{
    padding-top: 5px; /*35px; Changed to close gap above */
    padding-bottom: 35px;
    padding-left: 30px;
    border-top: 1px dotted #ffffff;
    }
    #first-run a{
      display: inline-block;
      font-size: 12px;
      font-weight: bold;
      }
  
  .call-out{
    padding-top: 22px;
    padding-left: 30px;
    padding-right: 20px;
    padding-bottom: 22px;
    border-top: 1px dotted #ffffff;
    }
    
    .call-out h4 {
      font-size: 12px;
      margin-bottom: 12px;
      }
    
    .call-out a{
      color: #f42a20;
      }
    .call-out-link{
      padding-right: 9px;
      text-align: right;
      display: block;
      clear: both;
      margin-top: 13px;
      background: url(../images/callout-arrow.gif) no-repeat right;
      }
      
/* END LEFT COLUMN DEFINITIONS */

#container{
  width: 100%;
  float: right;
  margin-left: -208px;
  overflow: hidden;
  }
  
#right-column{
  text-align: right;
  height: 100%;
  }

  * html #right-column{
    display: inline;
    }
  #right-column #content{
    float: right;
    width: 55%;
    margin-top: 300px;
    text-align: left;
    margin-bottom: 60px;

    }
#right-column #contentCenteredContainer
{
  position: relative;
  right: 0px;
  left: 0px;
  padding: 100px 0px 0px 208px;
  /*background: url(/images/bg_85_black.png);*/
  text-align: center;
  overflow: hidden;

}

.contentCentered
{
  clear: both;
  width: 680px !important;
  margin: auto !important;
  float: none !important;
}

  #right-column #content.welcome{
    margin-top: 30%;
    }
    #right-column #content.welcome h2{
      
      margin-top: 15px;
      margin-left: 10px;
    }
    #right-column #content.welcome #content-header{
          }
    #right-column #content.welcome .home-body{
      background: url(../images/bg_85_red.png) !important;
    }
    #right-column #content.welcome p{
      font-size: 13px;
      line-height: 20px;
      padding-left: 10px;
      padding-right: 27px;
      margin-bottom: 10px !important;
    }
    #right-column #content-body{
      background: url(../images/bg_85_black.png);
      _background: #000000;
      padding-left: 24px;
      padding-top: 18px;
      padding-bottom: 10px;
      padding-right: 15px;
      min-width: 300px;
      font-size: 13px;
      }
    #right-column #content-body p{
      margin-bottom: 15px;
      line-height: 16px;
      
      }
      
    #right-column #content-body a{
      color: #FF3333;

      }
      
    #right-column #content-body img{
      border: 1px solid #CCCCCC;
      margin: 0 10px 10px 10px;
      }
      
    #right-column #content-header{
      /*background: url(../images/bg_85_red.png);*/
      background-color: #a92019;
      _background: #8e1210;
      padding-top: 10px;
      padding-bottom: 6px;
      padding-right: 15px;
      }
      #right-column #content-header h2{
        font-size: 18px;
        padding-left: 8px;
        }
        
      #right-column #content-header h2 a {
        margin-right: 10px;
        }
    .map-image{
      float: left;
      margin-right: 10px;
      border: 0px !important;
      }
  #footer{
    width: 100%;
    text-align: right;
    z-index: 30;
    float: right;
    }
    #footer-links{
      font-weight: bold;
      font-size: 12px;
      background: url(../images/bg_85_black.png);
      _background: #000000;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-right: 10px;
      margin: 0;
      display: block;
      width: 90%;
      float: right;
    }
      #footer-links a{
        padding-left: 12px;
        margin-right: 0;
        }
    #footer-copy{
      font-size: 11px;
      background: url(../images/bg_85_black.png);
      _background: #000000;
      padding-top: 3px;
      padding-bottom: 3px;
      padding-right: 10px;
      width: 90%;
      display: block;
      float: right;
      }
      
  
#login{
  width: 440px;
  position: relative;
  padding-top: 20px;
  padding-bottom: 32px;
  padding-right: 32px;
  margin-top: 18px;
  margin-bottom: 32px;
  background-color: transparent;
  border-color: red;
  border-width: 1px;
  border-style: outset;
  z-index: 9999;
  text-align: right;
  right: 0px;
  top: 0px;
  }
  #login form{
    display: block;
    padding-bottom: 6px;
    }
  #login #login-utility{
    padding-right: 10px;
    font-size: 10px;
                padding-top: 5px;
    }
  .text-input{
    width: 94px;
    }
  #login label{
    padding-left: 13px;
    padding-right: 9px;

    }
  input.login-submit{
    width: 50px;
    background: #8e1210;
    border: thin solid #ffffff;
    color: #ffffff;
    margin-left: 15px;
    cursor: pointer;
    margin-right: 12px;
    }

a.GImageLink:hover img
{
  border-width: 1px !important;
  border-color: red !important;
  border-style: solid !important;
}

/* Gallery Page styles :: START */
#gallery_menu
{
  color: #ffffff;
  margin-bottom: 18px;  
}

  #gallery_menu a
  {
    color: #ff3333;
    white-space: nowrap;
  }
  
  img.gallery
  {
    /* width: 130px; */
    /* height: 108px; */
    background-color: #333333;
  }
    
  
  
#gallery_pagination
{
  color: #ffffff;
  text-align: center;
}

  #gallery_pagination a
  {
    color: #ff3333;
  }
/* Gallery Page styles :: END */


img.breadcrumb
{
  margin: 0 10px 0 0px;
}
 
 
/* */
  ul.liststar{
    list-style: inside;
    float: left;
    width: 40%;
  }
  ul.liststar li
  {
    /*list-style-image: url(/images/bluebullets-small.png);
    color: #ff3333;
    */
    color: #999999;
    margin-bottom: 4px;
    white-space: nowrap;
  }
 
  ul.liststar li a
  {
    color: #ff3333;
    ~padding-left: 8px; /** Fix for IE **/
  }
  
  ul.liststar li a:hover
  {
    text-decoration: underline;
  }
  
div#bottom_callouts
{
  margin-top: 10px;
  clear: both;
}

  div#bottom_callouts table
  {
    width: 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
  }
    

  div#bottom_callouts td.panel
  {
    width: 32%;
    background: url(../images/bg_85_black.png) !important;
    min-height: 120px;
    padding: 20px;
    border: 0px;
  }
  
  div#bottom_callouts td.panel h4
  {
    margin-bottom: 10px;
  }
  
  div#bottom_callouts td.panel a
  {
    display: block;
    margin-top: 10px;
    color: #FF3333;
  }

/** Planning - Specifications page table style **/

table.specifications
{
  width: 100%;
  margin: 5px 0 20px 0 ;
  background-color: #111111;
}

  table.specifications th
  {
    
    background-color: #FFFFFF;
    color: #000000;
    font-size: 15px;
    text-align: center;
    height: 30px;
  }
  
  table.specifications td.firstcol
  {
    font-weight: bold;    
    font-size: 14px;
    text-align: right;
  }
  
  table.specifications td
  {
    padding: 8px;
    border: solid 1px #FFFFFF;
    border-collapse: collapse;
    width: 25%;
    text-align: center;
   
  }

ul.spec_pdfs
{
  list-style: disc;
  margin: 0 0 20px 30px;
  color: #FF3333;
  font-size: 13px;
}

ul.spec_pdfs li
{
  list-style: disc;
  margin-bottom: 4px;
}

ul.spec_pdfs li a
{
  text-decoration: underline;
  color: #FF3333;
}


ul.sitemap
{
  margin-left: 15px;
}


div#flash-header, div#flash-body
{
  display: none;
}


/** Remove print only elements **/

div#print-header
{
  display: none;
}

div#print-footer
{
  display: none;
}




























































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