/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2009-07-20
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, "microsoft sans serif", Arial, sans-serif;
   color: #333;
   background: #036EB5;
}
   /*  CMS 3 FIX */
   font {
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, "microsoft sans serif", Arial, sans-serif;
      font-size: 1.0em;
      line-height: 1.25em; 
   }
body { background: #FFF url('../images/_scaled75-wide/bg_html.jpg') center top no-repeat; }
body#default { background-image: url("../images/_scaled75-wide/bg_html-default.jpg"); }
   a {
      color: #006EB6;
      text-decoration: underline;
   }
      a:hover { text-decoration: none; }
      a:visited { color: #10258E; }
      a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
      line-height: 1.25em;
      font-weight: normal;
      color: #006EB6;
   }
      h1, .content h1 { font-size: 1.35em; }
         h1, .content h1, #upcoming_events h2 { 
            font-family: "Comic Sans MS","Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
            color: #DE0032;
            font-weight: bold;
         }
      h2, .content h2 { font-size: 1.125em; }
      h3, .content h3 { font-size: 1.05em; }
      h4, .content h4 { font-size: 0.9em; }
      h5, .content h5 { font-size: 0.75em; }
      h6, .content h6 { font-size: 0.675em; }

div.hr {
   height: 1px;
   margin: 1.2em 0;
   background: #CCC url('../images/_scaled75-wide/bg_hr.gif') repeat-x scroll center;
}
   #contentSlot div.hr { background-image: none;}
   #marginSlot div.hr { background-color: #FFF; }
   div.hr hr { display: none; }

#outer_wrapper { 
   background: transparent url('../images/_scaled75-wide/bg_outerWrapper.jpg') center bottom repeat-x;
   min-height: 570px;
/*   #036EB5*/
}

#wrapper {
   position: relative;
   width: 965px;
   margin: 0 auto;
}

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header {
   height: 109px;
   background: transparent url('../images/_scaled75-wide/bg_header.jpg') left top no-repeat;
}

#header #masthead a, 
#header #masthead a:visited {
   position: absolute;
   display: block;
   background: url("../images/_scaled75-wide/logo.png") 0 0 no-repeat;
   text-indent: -10000px;
   width: 228px;
   height: 101px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 15px;
   left: 18px;
}
/** @group globalNav */
#globalNav {
   position: absolute;
   top: 6px;
   right: 18px;
}
   #globalNav ul,
   #footerNav ul {
      margin: 0;
      padding: 0;
      list-style: none;
   }
      #globalNav ul li,
      #footerNav ul li { display: inline; }
         #globalNav ul li a {
            font-size: 1.1em;
            color: #333;
            text-decoration: none;
            padding: 0 10px;
         }
            #globalNav ul li a:hover { 
               color: #FE2804;
               text-decoration: underline;
            }
/* @end globalNav **/

/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper { padding: 0 0 20px; }
#innerWrapper { padding-bottom: 41px; }
#home #innerWrapper { padding-bottom: 105px; }
/** @group hdrImg */
#hdrImg { min-height: 290px; }
/* @end hdrImg **/
/** @group contentSlot */
#contentSlot {
   width: 710px;
   float: right;
   margin-top: -83px;
}
#default #contentSlot { margin-top: 0; }
   #contentSlot ul {
      margin: 1.2em 0;
      margin-left: 1em;
      padding-left: 0; 
   }
   #contentSlot ul li {
      list-style-type: none;
      background: transparent url('../images/_scaled75-wide/bg_li-contentSlot.gif') 0 3px no-repeat;
      padding-left: 22px;
   }
/** @group layout */
#layout {
   position: relative;
   min-height: 225px;
   margin-top: -21px;
   padding: 0 10px;
   padding-bottom: 150px;
   z-index: 3;
}
   #default #layout { margin-top: 0; padding-top: 95px; }
   #home #layout {
      position: relative;
      min-height: 75px;
      top: -27px;
      padding-left: 19px;
      padding: 0;
      background: transparent url('../images/_scaled75-wide/bg_layout-home_repeat.jpg') right top repeat-y;
   }
      #home #layoutHook {
         background: transparent url('../images/_scaled75-wide/bg_layout-home_T.jpg') right top no-repeat;
         min-height: 136px;
      }
      #home #layout h1 { margin: 0 0 0.45em 0; }
      #home #layout #copy {
         min-height: 136px;
         padding: 15px 34px;
         background: transparent url('../images/_scaled75-wide/bg_layout-home_B.jpg') right bottom no-repeat;
      }
      #home #layoutFooter {
         min-height: 136px;
         padding: 15px 34px;
         background: transparent url('../images/_scaled75-wide/bg_layout-home_B.jpg') right bottom no-repeat; 
      }
      #home #layout table { width: 100%; }
      #home #layout td { vertical-align: top; }
      #home #layout td.column1 { 
         width: 405px; 
         padding-right: 20px;
         padding-bottom: 11px;
      }
      #home #layout td.column2 { 
         width: 285px; 
         padding: 0; 
      }
   #home #layout.has_events #copy {
      width: 366px;
      float: left;
      padding: 0;
      background-image: none;
   }
   #home #layout.has_events #upcoming_events {
      width: 266px;
      float: right;
      position: relative;
   }
      #home #layout.has_events #upcoming_events h2 { font-size: 1.5em; margin: 0.2em 0 0.5em; }
      #home #layout.has_events #view_more_events {
         position: absolute;
         top: 6px;
         right: -7px;
      }
      #home #layout.has_events #upcoming_events td { 
         padding: 0.7em 0.3em;
         border-bottom: 1px solid #B7B7B7;
         line-height: normal;
         font-size: 12px;
      }
      #home #layout.has_events #upcoming_events td.date { 
         white-space: nowrap;
         text-align: right;
         color: #333;
         font-size: 11px;
         vertical-align: middle;
      }
      #home #layout.has_events #upcoming_events td.event { padding-left: 5px; }
   #home #mission_statment { padding-top: 50px; }
/* @end layout **/


/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   width: 255px;
   float: left;
   background: transparent url('../images/_scaled75-wide/bg_sidebar.jpg') left top repeat-y;
}
   #sideBarHook {
      width: 256px;
      min-height: 251px;
      background: transparent url('../images/_scaled75-wide/bg_sidebarHook.jpg') left top no-repeat; 
   }
   #default #sideBarHook { background-image: url("../images/_scaled75-wide/bg_sidebarHook-default.jpg"); }
/** @group topNavigation */
#topNavigation { padding: 6px 0 0 3px; }
#topNavigation ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
   #topNavigation ul li { 
      margin: 0;
      background: transparent url('../images/_scaled75-wide/bg_li.gif') 35px 8px no-repeat;
   }
   #topNavigation ul li a {
      display: block;
      color: #FFF;
      padding: 10px 18px 7px 65px;
      font-size: 1.3em;
      font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
      text-decoration: none;
      line-height: 1.1em;
   }
      #topNavigation ul li a:hover { 
         color: #10258E;
         text-decoration: underline;
      }
      #topNavigation ul li.selected a {
         background: transparent url('../images/_scaled75-wide/bg_nav-selected.png') -3px top no-repeat;
         padding-bottom: 19px;
      }
         #topNavigation ul li.selected a:hover { color: #FFF; }
         #topNavigation ul li.selected+li { margin-top: -14px; }
            #topNavigation ul li.selected li+li { margin-top: 0; }
            #topNavigation ul li.selected li.selected {
               background-color: #DD3323;
            }
         #topNavigation ul li.selected ul {
            margin: -12px 20px 12px 18px;
            padding: 0;
            background-color: #DD3323;
            border-bottom: 1px solid #FFF;
         }
         #topNavigation ul li ul li { background-color: #C41D1D; }
         #topNavigation ul li.selected ul li { background-image: none; }
         #topNavigation ul li.selected ul li a {
            background-image: none;
            padding: 8px 23px;
            font-size: 1.25em;
         }
            #topNavigation ul li.selected ul li a:hover {
               color: #10258E;
               background-color: #FFFBEF;
            }
               #topNavigation ul li.selected ul li ul {
                  margin-top: 0;
                  margin: 6px 0 16px 23px;
                  padding: 0;
                  border-left: 1px solid #FFF;
                  border-bottom: 0;
               }
                  #topNavigation ul li.selected ul li ul li { background-color: #DD3323; }
                  #topNavigation ul li.selected ul li ul li a {
                     padding-left: 1.2em;
                  }
                  #topNavigation ul li.selected ul li ul li.selected {
                     background-color: #C41D1D;
                     padding: 0;
                  }
/* @end topNavigation **/
/** @group marginSlot */
#marginSlot { 
   padding: 12px 24px 34px 29px;
   color: #FFF;
   background: transparent url('../images/_scaled75-wide/bg_sidebar-footer.jpg') left bottom no-repeat;
}
/* @end marginSlot **/

/* @end sideBar **/
/* @end contentWrapper **/



/** Footer
-------------------------- **/
/** @group footer */
#footer {
   text-align: center;
   padding-bottom: 11px;
   line-height: normal;
}
   #footer, #footer a { color: #FFF; }
      #footer a { text-decoration: none; }
      #footer a:hover{ text-decoration: underline; }

#copyright, #siteBy { font-size: 0.85em; }
/** @group footerNav */
#footerNav { padding-bottom: 5px;  }
#footerNav ul li a {
   text-decoration: none;
   padding: 0 12px 0 8px;
   background: transparent url('../images/_scaled75-wide/bg_footerNav_li.gif') right 57% no-repeat;
}
   #footerNav ul li.last a { background-image: none; }
/* @end footerNav **/
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent select, #formContent input.input, #formContent textarea.textarea { border-color: #000; }
#formContent input.submit {
   background-color: #000;
   border: 1px solid #000;
   border-left-color: #333;
   border-top-color: #333;
   color: #FFF;
}
/* @end formContent **/


/** Class Styles
-------------------------- **/
.hidden, .printOnly, #outer_footer { display: none; }

.content {
   font-size: 1.2em;
   line-height: 1.5em;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.clearafter:after {
   content: "";
   display: block; 
   height: 100%;
   clear: both;
   visibility: hidden;
}

/** @group toolTips */
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/**
* =cluetipClass: 'nlh_pc_calendar' 
* ************************** **/
.cluetip-nlh_pc_calendar {
   background-color: #999;
   border: 1px solid #999;
   font-size: 10px;
}

.cluetip-nlh_pc_calendar #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #FFF;
}

.cluetip-nlh_pc_calendar h3#cluetip-title {
  margin: 0;
  padding: 8px 10px;
  font-size: 1.4em;
  font-weight: bold;
  background-color: #999;
  color: #000;
}

.cluetip-nlh_pc_calendar #cluetip-inner {
  padding: 10px;
  font-size: 1.2em;
  padding-bottom: 35px;
}

.cluetip-nlh_pc_calendar #cluetip-inner .event_block { position: relative; }

.cluetip-nlh_pc_calendar #cluetip-inner dl {
   padding: 0;
   margin: 0;
}
.cluetip-nlh_pc_calendar #cluetip-inner dt { color: #333;}
.cluetip-nlh_pc_calendar #cluetip-inner dd { color: #3F92C8;}
.cluetip-nlh_pc_calendar #cluetip-inner div.hr {
   height: 1px;
   margin: 0.8em 0 0.8em 0;
   padding: 0;
   background: #B7B7B7 no-repeat scroll center;
}

.cluetip-nlh_pc_calendar #cluetip-inner div.hr hr { display: none; }

.cluetip-nlh_pc_calendar #cluetip-inner p {
   margin:  0;
   padding: 0 0 8px 0;
}

.cluetip-nlh_pc_calendar div#cluetip-close  { 
   position: absolute;
   bottom: 0;
   left: 0;
}
   * html .cluetip-nlh_pc_calendar div#cluetip-close  { left: -10px; }

.cluetip-nlh_pc_calendar a.email {
   color: #006EB6;
}

.cluetip-nlh_pc_calendar a.email:hover {
   background-color: #305791;
   color: #FFF;
}

.cluetip-nlh_pc_calendar div#cluetip-close a {
   background-color: #CFCFCF;
   display: block;
   padding: 6px;
   text-align: center;
   border: 1px solid #999;
   border-left: 0;
   border-bottom: 0;
   color: #6C6C6C;
   text-decoration: none;
}

.cluetip-nlh_pc_calendar div#cluetip-close a:hover {
   background-color: #999;
   color: #FFF;
}
/* @end toolTips **/