/* $Id: pagestructure.css,v 1.1.2.4 2006/06/08 00:27:38 kencollins Exp $
 +-------------------------------------------------------------------------------------------------+
     \  |        |          / ___|| | __(_) | | ___   _ __   ___| |_    
    |\/ |   _ \  __|   _` | \___ \| |/ /| | | |/ __| | '_ \ / _ \ __|  |  Meta Theme for Drupal
    |   |   __/  |    (   |  ___) |   < | | | |\__ \_| | | |  __/ |_   |  Community Plumping
   _|  _| \___| \__| \__,_| |____/|_|\_\|_|_|_||___/_)_| |_|\___|\__|  |  -------------------------
   P u t t i n g  t h i n g s  o n  t o p  o f  o t h e r  t h i n g s !  By: Ken Collins
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */


  /*    MetaTools Header
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    Outter Bounding Boxs    ---*/

#metatools-bounding1 {
  position: relative;
  padding: 0px 27px 0px 0px;
  }

#metatools-bounding2 {
  position: relative;
  width: 880px;
  height: 48px;
  margin: 0 auto;
  }

 /*---    Background Stuff    ---*/

#metatools-bg_box {
  position: absolute;
  width: 100%;
  height: 48px;
  left: 0;
  top: 0;
  z-index: 1;  
  }

#metatools-bg_left {
  background: url('images/metatools-bg_left.png') no-repeat 0 0 ;
  position: absolute;
  width: 15px;
  height: 100%;
  left: 0;
  top: 0;
  }

#metatools-bg_middle {
  background: url('images/metatools-bg_middle.png') repeat-x 0 0 ;
  height: 100%;
  margin-left: 15px;
  margin-right: 15px;
  }

#metatools-bg_right {
  background: url('images/metatools-bg_right.png') no-repeat 0 0 ;
  position: absolute;
  width: 15px;
  height: 100%;
  left: auto;
  top: 0;
  right: 0;
  }

 /*---    Toolbox Bounding Box    ---*/

#metatoolbox {
  position: absolute;
  width: 100%;
  height: 48px;
  padding: 8px 0 0 50px;
  z-index: 3;
  }

 /*---    Title & Seperator Line MetaTools    ---*/

.metatool-sepline,
#metatool-title {
  float: left;
  height: 22px;
  }

#metatool-title {
  background: url('images/metatool-header.png') no-repeat 0 0 ;
  width: 215px;
  }

.metatool-sepline {
  background: url('images/metatool-sepline.gif') no-repeat 0 0 ;
  width: 2px;
  margin: 0 18px 0 18px;
  }

 /*---    Width MetaTools    ---*/

#metatool-width_liquid {
  background: url('images/metatool-width_liquid.png') no-repeat 0 0 ;
  float: left;
  width: 28px;
  height: 22px;
  margin: 0 4px 0 0;
  cursor: pointer;
  }
#metatool-width_liquid:hover {
  background: url('images/metatool-width_liquid.png') no-repeat -32px 0 ;
  }
#metatool-width_liquid:active {
  background: url('images/metatool-width_liquid.png') no-repeat 0 0 ;
  }

#metatool-width_fixed {
  background: url('images/metatool-width_fixed.png') no-repeat 0 0 ;
  float: left;
  width: 28px;
  height: 22px;
  cursor: pointer;
  }
#metatool-width_fixed:hover {
  background: url('images/metatool-width_fixed.png') no-repeat -32px 0 ;
  }
#metatool-width_fixed:active {
  background: url('images/metatool-width_fixed.png') no-repeat 0 0 ;
  }

 /*---    Font MetaTools    ---*/

#metatool-fontsize_smaller {
  background: url('images/metatool-fontsize_smaller.png') no-repeat 0 0 ;
  float: left;
  width: 24px;
  height: 22px;
  cursor: pointer;
  }
#metatool-fontsize_smaller:hover {
  background: url('images/metatool-fontsize_smaller.png') no-repeat -26px 0 ;
  }
#metatool-fontsize_smaller:active {
  background: url('images/metatool-fontsize_smaller.png') no-repeat 0 0 ;
  }

#metatool-fontsize_bigger {
  background: url('images/metatool-fontsize_bigger.png') no-repeat 0 0 ;
  float: left;
  width: 24px;
  height: 22px;
  cursor: pointer;
  }
#metatool-fontsize_bigger:hover {
  background: url('images/metatool-fontsize_bigger.png') no-repeat -26px 0 ;
  }
#metatool-fontsize_bigger:active {
  background: url('images/metatool-fontsize_bigger.png') no-repeat 0 0 ;
  }

 /*---    Background MetaTools    ---*/

#metatool-bg_green,
#metatool-bg_paper,
#metatool-bg_grey,
#metatool-bg_pink,
#metatool-bg_black {
  float: left;
  width: 26px;
  height: 22px;
  margin-right: 7px;
  cursor: pointer;
  }

#metatool-bg_green:hover {
  background: url('images/metatool-bg_green.png') no-repeat -34px 0 ;
  }
#metatool-bg_green,
#metatool-bg_green:active {
  background: url('images/metatool-bg_green.png') no-repeat 0 0 ;
  }

#metatool-bg_paper:hover {
  background: url('images/metatool-bg_paper.png') no-repeat -34px 0 ;
  }
#metatool-bg_paper,
#metatool-bg_paper:active {
  background: url('images/metatool-bg_paper.png') no-repeat 0 0 ;
  }

#metatool-bg_grey:hover {
  background: url('images/metatool-bg_grey.png') no-repeat -34px 0 ;
  }
#metatool-bg_grey,
#metatool-bg_grey:active {
  background: url('images/metatool-bg_grey.png') no-repeat 0 0 ;
  }

#metatool-bg_pink:hover {
  background: url('images/metatool-bg_pink.png') no-repeat -34px 0 ;
  }
#metatool-bg_pink,
#metatool-bg_pink:active {
  background: url('images/metatool-bg_pink.png') no-repeat 0 0 ;
  }

#metatool-bg_black:hover {
  background: url('images/metatool-bg_black.png') no-repeat -34px 0 ;
  }
#metatool-bg_black,
#metatool-bg_black:active {
  background: url('images/metatool-bg_black.png') no-repeat 0 0 ;
  }

 /*---    Search Box Styles    ---*/

#metatool-search {
  float: left;
  margin-top: 3px;
  }

#metatool-search form {
  padding: 0;
  }

#metatool-search input[type=submit] {
  left: -9999px;
  position: absolute;
  }

#metatool-search input[type=text] {
  color: #666;
  }

#metatool-search input[type=text].focus {
  color: #000;
  }

 /*---    Pixel Spacing Under MetaTools    ---*/

#metatools-bottom_spacing {
  height: 2px;
  }



  /*    Master Bounding Boxes for Masthead & Content
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
#masterbounding1 {
  width: 899px;   /* MetaTool Override */
  margin: 0 auto;
  max-width: 1190px;
  }

#masterbounding2 {
  position: relative;
  padding: 10px 27px 0px 0px;
  }



  /*    Masthead Border, Background Image, Shadows, and Navigation Tabs
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    Masthead Border    ---*/

#masthead-border {
  position: absolute;
  width: 100%;
  height: 186px;
  left: 0;
  top: 0;
  z-index: 21;
  }

#masthead-border_left {
  background: url('images/masthead-left_bg2.png') no-repeat 0 0 ;
  position: absolute;
  width: 25px;
  height: 100%;
  left: 0;
  top: 0;
  }

#masthead-border_top {
  background-color: #fff ;
  margin-left: 25px;
  margin-right: 52px;
  height: 10px;
  }

#masthead-border_right {
  background: url('images/masthead-right_bg2.png') no-repeat 100% 0 ;
  position: absolute;
  width: 52px;
  height: 100%;
  top: 0;
  right: 0;
  left: auto;
  }

 /*---    Inner Masthead Images    ---*/

#masthead-image { 
  background: url('images/masthead-image_green.jpg') 50% 0; /* MetaTool Overide */
  clear: both;
  height: 176px;
  margin: 0px 10px 0px 10px;
  overflow: hidden;
  padding: 0px 15px;
  position: relative;
  z-index: 23;
  }

 /*---    Masthead Drupal Sitename    ---*/

#masthead-sitename_box {
  position: absolute;
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 72px; 
  font-weight: bold; 
  font-style: italic;
  line-height: 1em;
  letter-spacing: -7px;
  color: #fff;
  width: 100%;
  height: 188px;
  left: 0;
  top: 0;
  z-index: 25;
  }

#masthead-sitename {
  position: absolute;
  left: 24px;
  bottom: -10px;
  text-shadow: #1b1b1b -3px 3px 2px;
  }

 /*---    Inner Masthead Shadows    ---*/

#masthead-imageshdws_box {
  height: 176px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: 27;
  }

#masthead-imageshdws_left { 
  background: url('images/masthead-left.png') no-repeat; 
  height: 176px;
  width: 15px; 
  position: absolute;
  left: 10px;
  }

#masthead-imageshdws_middle { 
  margin-left: 25px;
  margin-right: 52px;
  height: 176px;
  }

#masthead-imageshdws_right { 
  background: url('images/masthead-right.png') no-repeat; 
  height: 176px;
  width: 221px;
  position: absolute;
  left: auto; 
  right: 37px; 
  }

#masthead-imageshdws-tt_box {
  height: 8px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: 29;
  }

#masthead-imageshdws-tt_left { 
  height: 8px;
  width: 15px; 
  position: absolute;
  left: 10px;
  }

#masthead-imageshdws-tt_middle { 
  background: url('images/masthead-middle.png') repeat-x; 
  margin-left: 25px;
  margin-right: 52px;
  height: 8px;
  }

#masthead-imageshdws-tt_right { 
  height: 8px;
  width: 221px;
  position: absolute;
  left: auto; 
  right: 37px; 
  }

 /*---    Navigation Tabs    ---*/

#navigation-top {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 1.5em;
  position: absolute;
  z-index: 27;
  }

#navigation-top ul {
  margin: 0;
  padding: 0 0 0 24px;
  list-style: none;
  }

#navigation-top li {
  float: left;
  background: url('images/nav-left.png') no-repeat 0 100%;
  margin: 0;
  padding: 0 0 0px 11px;
  }

#navigation-top a {
  float: left;
  display: block;
  background: url('images/nav-right.png') no-repeat 100% 100%;
  padding: 6px 16px 8px 6px;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  }

#navigation-top #nav-top_on {
  background: url('images/nav-left_on.png') no-repeat 0 100%;
  }

#navigation-top #nav-top_on a {
  background: url('images/nav-right_on.png') no-repeat 100% 100%;
  color: #000;
  }



  /*    Content Areas - Paper and Rigth Nav Background
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    Top Area and Shadowing    ---*/

#contentbgtop-bounding {
  position: relative;
  width: 100%;
  height: 22px;
  z-index: 31;
  }

#contentbgtop-left {
  background: url('images/contentbgtop-left.png') no-repeat 0 0 ;
  position: absolute;
  width: 26px;
  height: 22px;
  left: 0;
  top: 0;
  }

#contentbgtop-middle {
  background: url('images/contentbgtop-middle.gif') repeat-x 0 0 ;
  margin-left: 26px;
  margin-right: 231px;
  height: 22px;
  }

#contentbgtop-right {
  background: url('images/contentbgtop-right.gif') no-repeat 0 0 ;
  position: absolute;
  width: 258px;
  height: 22px;
  top: 0;
  right: -27px;
  left: auto;
  }

 /*---    Main Expanding Area    ---*/

#contentarea-bounding {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 51;
  }

#contentarea-left {
  background: url('images/contentarea-left.png') repeat-y 0 0 ;
  position: absolute;
  width: 26px;
  height: 100%;
  min-height: 1250px; /* Since AP DIVs do not clear */
  left: 0;
  top: 0;
  }

#contentarea-middle1 {
  background: url('images/contentarea-middle.gif') repeat 0 0 ;
  margin-left: 26px;
  margin-right: 231px;
  height: 100%;
  min-height: 1250px; /* Since AP DIVs do not clear */
  }

#contentarea-middle2 {
  margin: 0 auto;
  padding: 0 30px 20px 30px;
  }

#contentarea-right1 {
  background: url('images/contentarea-right.gif') repeat-y 0 0 ;
  position: absolute;
  width: 258px;
  height: 100%;
  min-height: 1250px; /* Since AP DIVs do not clear */
  top: 0;
  right: -27px;
  left: auto;
  }

#contentarea-right2 {
  width: 200px;
  margin: -20px auto 0 auto;
  }



  /*    Footer of Content Area
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
#contentbgbottom-bounding {
  position: relative;
  width: 100%;
  height: 96px;
  }

#contentbgbottom-left {
  background: url('images/contentbgbottom-left.png') no-repeat 0 0 ;
  position: absolute;
  width: 41px;
  height: 96px;
  left: 0;
  top: 0;
  }

#contentbgbottom-middle {
  background: url('images/contentbgbottom-middle.png') repeat-x 0 0 ;
  margin-left: 41px;
  margin-right: 231px;
  height: 96px;
  }

#contentbgbottom-right {
  background: url('images/contentbgbottom-right.png') no-repeat 0 0 ;
  position: absolute;
  width: 258px;
  height: 96px;
  top: 0;
  right: -27px;
  left: auto;
  }