/*
  TITLE:  CC @ Cobb
  DATE:   12-4-06
*/

/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{
  margin: 0;
  padding: 0;
  border: 0;
}

/*
 MAIN 
-----------------------------------------------*/
body{
  font-family: Verdana;
  font-size: 11px;
  margin: 0;
  line-height: 14px;
  background:#45567a url('images/bg.gif') repeat-x;
}

/* links */  
a{
  color: #000;  
}
a:hover{
  text-decoration: underline;
}

/* heading */
h1{
  font-size: 2.1em;  
  margin: 0;
  padding: 5px 0px 12px 0px;
  font-weight: normal;
  color: #45567a;
}

h2{
  font-size: 1.3em;  
  margin: 0;
  padding: 10px 0px 5px 0px;
  color: #45567a;
}
h3{
  font-size: 1.4em;  
  margin: 2px 0px;
  padding: 3px 0px;
}
h4{
  font-size: 1.2em;  
  margin: 2px 0px;
  padding: 3px 0px;
}
h5{
  font-size: 1.0em;  
}
h6{
  font-size: .9em;  
  margin: 2px 0px;
  padding: 1px 0px;
  font-weight: normal;
}

/* para-list */
p{
  margin: 5px 0px;
  padding: 3px 0px;  
  line-height: 14px;
}
br{
  margin: 0px 0px 0px 0px;
}

/*
 LAYOUT.
-----------------------------------------------*/
#frame{
  width: 769px;
  margin: 0 auto 50px auto;  
}
#header{
  width: 769px;
  height: 128px;
  position: relative;
  background: url('images/header.gif') no-repeat;  
}
  #topNav{
    position: absolute;
    top: 9px;
    right: 0px;  
  }
  #quote{
    width: 420px;
    height: 30px;
    position: absolute;
    top: 65px;
    left: 268px;
  }
    #quote h1{
      font-size: 18px;
      color: #cfddf7;
      font-weight: bold;
      margin: 0;
      padding: 0 0 4px 0;
    }
    #quote h2{
      font-size: 14px;
      color: #9eb4dd;
      margin: 0;
      padding: 4px 0 0 0;
    }
  #logo{
    width: 215px;
    height: 100px;
    position: absolute;
    top: 15px;
  }
    #logo img{
      width: 215px;
      height: 100px;
    }

#mainNav{
  width: 769px;
  height: 79px;
  float: left;  
}
#container{
  width: 769px;
  float: left;  
  background: #042535 url('images/container.gif') repeat-y;
}
  body#inside #container{
    background: #042535;
    background-image: none;
  }
  body#admin #container{
    width: 729px;
    padding: 20px;
    background: #fff;  
  }
  body#admin #container ul{
    padding: 15px;
  }

/* mainCol */
body#home #mainCol{
  width: 487px;
  margin-top: -33px;
  float: left;
  position: absolute;
  z-index: 999;
  text-align: right;
}
body#inside #mainCol{
  width: 540px;
  float: right;
  margin: 0 1px 0 0;
  padding: 30px 28px 40px 28px;
  display: inline;
  background: #fff; 
}



/* subCol */
body#home #subCol{
  width: 281px;
  float: right;
    height: auto;
  min-height: 351px;
  _height: 351px;
  background: url('images/rightSide.gif') repeat-y ;   
}
  body#home #search{
    width:  265px;
    padding: 10px 0 10px 16px;
    color: #9eb4dd;
    font-weight: bold;
    text-align: center;
    float: left;
    background: #042535;
  }
    body#home #search span{
      float: left;
      margin-left: 5px;
      margin-top: 5px;
    }
    body#home #search .searchInput{
      float: left;
      width: 120px;
      margin-left: 5px;
    }
    #search .searchButton{
      width: 37px;
      height: 21px;
      font-size: 0;
      border: 0;
      background: url('images/go.gif') no-repeat;
      float: left;
      margin-left: 5px;
    }
    body#home #search label{
    
    }
  body#home .sideSection{
    width: 281px;
    float: left;  
    color: #cfddf7;
  }
    .sideSection h2{
      margin: 0;
      padding: 0;
    }
    .sideSection p{
      margin: 0;
      padding: 2px 0;  
    }
    .sideSection  .element{
      width: 250px;
      padding: 8px 15px;  
    }
    .sideSection .element ul li{
      list-style: none;
    }
    .sideSection .element a{
      font-weight: bold;
      color: #fff;
      text-decoration: none;
    }
  body#home .sideSection h1{
    font-size: 1.6em;
    padding: 7px 15px;
    color: #9eb4dd;
    font-weight: bold;
    background: #042535 url('images/hbg.gif') repeat-x;
  }
    body#home .sideSection h1 b{
      color: #45567a;    
    }
  
body#inside #subCol{
  width: 172px;
  float: left;
}
  #subCol #sideImage{
    width: 172px;
    float: left;  
  }
  #subCol #sideNav{
    width: 172px;
    float: left;
  }
  #subCol #sideSec{
    width: 142px;
    padding: 15px 15px;
    float: left;
    color: #fff;
  }

#slide{
  width: 769px;
  float: left;  
  background: #042535;
}  
  .slideLeft{
    width: 259px;
    float: left;
    display: inline;
  }
  .slideMiddle{
    width: 254px;
    float: left;
    display: inline;
  }
  .slideRight{
    width: 250px;
    float: right;
    height: 10px;
    display: inline;
  }
  
body#inside #search{
  width: 280px;
  float: left;
  text-align: right;
  padding: 13px 29px 15px 460px;
  color: #9eb4dd;
  font-weight: bold;
  background: #042535;
}
body#inside #search span{
  float: left;
  margin-right: 5px;
  margin-top: 5px;
}
body#inside .searchInput{
    float: left;
    margin-right: 5px;
  }
body#inside .searchButton{  
    float: left;
  }  

/* footer */
#footer{
  width: 769px;
  float: left;
  color: #9eb4dd;
  background: #042535 url('images/footer.gif') repeat-x;  
}
  #footer a{
    color: #9eb4dd;  
    text-decoration: none;
  }
  #footer strong, #footer b, #footer h5{
    color: #fff;  
  }
  #footer p{
    padding: 2px 0;
    margin: 0;  
  }
  #footer #newsLetter{
    width: 202px;
    padding: 20px 30px;
    float: left;
    background: url('images/footerSep.gif') right repeat-y;  
  }
    #newsLetter p{
      padding: 0 0 10px 0;
    }
    #newsLetter input{
      margin: 0;
      padding: 0;  
    }
    #newsLetter .fieldItem{
      padding: 0;
    }
    /*
    #newsLetter input#ExistingFormEntryID{
      width: 50px;
      float: left;
    }
    #newsLetter input#NewsLetter_2_2_btnSubmit{
      width: 37px;
      height: 21px;
      font-size: 0;
      float: left;
      margin: 0 0 0 5px;
      display: inline;
      border: 0;
      background: url('images/go.gif') no-repeat;
    }*/
  #footer #contact{
    width: 437px;
    padding: 20px 35px;
    float: right;  
  }
  #footer #legal{
    padding: 10px 0 0 0;
    font-size: .9em;
    color: #45567a;
  }
  #footer #legal a{
    color: #45567a;
  }
  
  
/*
 NAVIGATION.
-----------------------------------------------*/
/* topNav */
#topNav ul{
    
}
#topNav li{
  float: left;  
  list-style: none;
  padding: 0 7px 0 7px;
  background: url('images/topNavSep.gif') 0px 2px no-repeat;
}
  #topNav li.last{
    background: none;
  }
#topNav li a{
  padding: 0;
  font-weight: bold;
  color: #45567a;  
  text-decoration: none;
}
#topNav li a:hover{
  text-decoration: underline;
}

/* mainNav */
#mainNav ul{
  padding: 1px 0 0 2px;
}
#mainNav li{
  
  list-style: none;
  float: left;  
}
#mainNav li a{
  padding: 12px 10px 11px 11px;
  display: block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#mainNav li a:hover, #mainNav li a.selectedPage, #mainNav li a.selectedPageRoot{
  background: url('images/mainNavHover.gif') repeat-x;
}

#mainNav li ul { 
  width: 100px;
  left: -999em;
  z-index: 500; 
  position: absolute;
}
#mainNav li ul li{
  width: 100px;
}
#mainNav li ul li a{
  width: 100px;
  background: #1a516c;
}
#mainNav li:hover, #mainNav li.sfhover { 
}
#mainNav li:hover ul, #mainNav li.sfhover ul { 
  width: 100px;
  left: auto;
  z-index: 9999;
}
#mainNav ul ul li{  
  border: 0;  
  z-index: 9999;
  position: relative;
}
#mainNav ul ul li a{
  padding: 7px 10px 7px 10px;
  border-bottom: 1px solid #042535;  
}
#mainNav ul ul li a:hover{
  background: #042535;
}
#mainNav li li a:hover{
  background: #042535;
}
#mainNav li li a.selectedPage, #mainNav li li a.selectedPageRoot{
  background: #1a516c;
  background-image: none;
}
/* extra step */
#mainNav ul ul ul{
  display: none;
}
#mainNav ul ul li:hover ul, #mainNav ul ul li.sfhover ul{
  display: block;
  position: absolute;
  left: 118px;
  top: -1px;
}

/* sideNav */
#sideNav ul{
  background: url('images/sideSep.gif') top repeat-x;  
}
#sideNav li{
  padding: 8px 0 9px 0;
  list-style: none;
  background: url('images/sideSep.gif') bottom repeat-x;  
}
#sideNav li a{
  padding: 12px 5px 8px 43px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background: url('images/sideArrow.gif') 23px 16px no-repeat;  
}
#sideNav li a:hover, #sideNav li a.selectedPage{
  color: #45567a;
}

/*
 WATER.
-----------------------------------------------*/
.postTitle{
  color: #fff;
  font-size: 11px;
}
h1 em{
  color: #45567a;
  font-style: normal;
  font-weight: bold;
}
/* calendar */
body#inside .eventsElement td{
  padding: 5px;
  color: #000;
  background: url('images/calendar/dblue.gif');
}
body#inside .eventsElement td td a{
}
body#inside .eventsElement td td{
  background: none;
}
body#inside .eventsElement td table td a{
  padding: 5px;
  background-image: url('images/calendar/dbg.gif');
}
body#inside .eventsElement th{
  padding: 7px 5px;
  background-image: url('images/calendar/dbg.gif');
}
body#inside .eventsElement table table td{
  height: 25px;
  padding: 5px;
  /**/
}

/*
 MISC.
-----------------------------------------------*/
.left{
  float: left;  
}
  img.left{
    float: right;
    padding: 10px 10px 10px 0;  
  }
.right{
  float: right;  
}
  img.right{
    float: right;  
    padding: 10px 0 10px 10px;
  }
.black{
  color: #000;  
}
.white{
  color: #fff;  
}
.hide{
  display: none;
}

/* clearing */
ListOfDivs:after{
  content: '.';
  height: 0px;
  visibility: hidden;
  display: block;
  clear: both;  
}
#formHeader{
  display: none;
}
.fieldSelected{
  background-color: none;
}

/*Powered By*/
#poweredBy {
  float: right;
  margin: 10px 20px 10px 20px;
}

#poweredBy img {
  border: none 0px;
}