/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2009-10-01 (by Nate Hanna)
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #444;
}
body { 
   padding: 5px 0px 20px; 
   background: #fff url(../images/bg_body.jpg) no-repeat center top; 
}
   a {
      color: #1C72C8;
      text-decoration: underline;
   }
      a:hover { text-decoration: none; }
      a:visited { color: #1C72C8; }
      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: #3A799D;
   }
      h1, .content h1 { font-size: 1.8em; }
      h2, .content h2 { font-size: 1.5em; }
      h3, .content h3 { font-size: 1.4em; }
      h4, .content h4 { font-size: 1.2em; }
      h5, .content h5 { font-size: 1.0em; }
      h6, .content h6 { font-size: 0.9em; }

div.hr {
   height: 1px;
   margin: 1.6em 0 1.6em 0;
   background: #8A8278 no-repeat scroll center;
}
   div.hr hr { display: none; }

#wrapper {
   position: relative;
   margin: 0 auto;
   top: 20px;
   width: 990px; 
   background: #fff url(../images/bg_wrapper.gif) repeat-y center top;
}

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header { 
   /*position: relative;*/
   margin: 0 5px;
   height: 158px;
   background: #fff url(../images/bg_header.gif) repeat-x left top;
   }
   #headerShadow {
      position: absolute;
      top: -5px; left: 2px;
      width: 986px; height: 5px;
      background: url(../images/bg_header_shadow.png) repeat-x left top;
      }

#header #masthead a, 
#header #masthead a:visited
{
   position: absolute; display: block;
   top: 0; left: 0;
   background: url(../images/logo.gif) no-repeat 20px 11px;
   text-indent: -10000px;
   width: 300px; height: 130px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
}
/** @group raised */
#raised {
   position: absolute;
   top: 7px;
   left: 600px;
/*   width: 490px;*/
   height: 175px;
   padding-top: 11px;
   line-height: normal;
   color: #412415;
   z-index: 5;
}
   #raised a:link,
   #raised a:visited { color: #957F78; }
   #raised p { margin: 0.4em 0; }
   #raised big {
      color: #10264B;
      font-size: 1.8em;
      font-weight: bold;
   }
   #raised .descr {
      margin-top: 0.8em;
      padding-right: 25px;
      font-size: 0.95em;
   }

   #raised_box {
      padding: 10px;
      width: 400px;
      height: 130px;
      margin-top: -20px;
      margin-left: 0px;
   }
   #raised_photo {
      width: 150px;
      height: 105px;
      overflow: hidden;
      float: left;
      text-align: right;
   }
   #raised_info {
      width: 241px;
      float: right;
   }
/* @end raised **/

#topNavigation {
   background: transparent url(../images/bg_nav.png) no-repeat left bottom;
   position: absolute;
   top: 118px;
   left: -7px;
   height: 42px;
   width: 980px;
   overflow: hidden;
   padding: 0 12px;
   z-index: 5;
   }
   #topNavigation ul {
      margin: 0; padding: 0;
      list-style: none;
   }
   #topNavigation li {
      float: left;
      }
   #topNavigation li a {
      display: block;
      padding: 0 31px;
      text-align: center;
      font-size: 1.4em;
      color: #fff;
      line-height: 34px;
      text-decoration: none;
      }
   #topNavigation li a:hover, #topNavigation li.active a {
      background: url(../images/bg_nav_over.gif) no-repeat center top;
   }

/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   /*position: relative;*/
   margin: 0 5px;
   height: 100%;
   border-bottom: 1px solid #fff;
}
   #contentShadow {
      position: relative;
      top: 0;
      left: 230px;
      width: 5px;
      height: 100%;
      background: url(../images/bg_content_shadow.png) repeat-y left top;
      z-index: 10;
   }
/* @end contentWrapper **/


/** contentSlot
-------------------------- **/
/** @group contentSlot */
#contentSlot {
   float: right; display: inline;
   width: 744px;
   font-size: 1.2em;
   }
   #contentSlot #highlight{ 
      min-height: 300px; 
      background-color: #CFDCE5;
   }
      #contentSlot td.promoRow, #contentSlot td.promoRowOver { font-size: 11px; }
   #contentSlot #layout {
      padding: 20px;
      min-height: 400px;
      background: url(../images/bg_content_layout.jpg) repeat-x left -3px;
   }
/* @end contentSlot **/


/** sideBar
-------------------------- **/
/** @group sideBar */
#sideBar {
   float: left; display: inline;
   padding-bottom: 50px;
   width: 235px;
}

#sideBar .menu_container .input_box {
   width: 192px;
   padding: 4px 5px;
   background: #FFF url('../images/bg_search.jpg') left top no-repeat;
   border: 1px solid #B3B3A8;
   font-size: 1.2em;
}
#sideBar .menu_container label {
   display: block;
   padding-top: 0.4em;
}

#sideBar .menu_container form ul {
   margin: 0;
   padding: 0;
}

#sideBar #send_a_friend div.input { margin-bottom: 0.4em; }
/* @end sideBar **/

/** Footer
-------------------------- **/
/** @group footer */
#footer {
   position: relative;
   padding: 10px;
   font-size: 1.2em;
   background-color: #fff;
   }
   #footerShadow {
      position: absolute;
      top: 0; left: 2px;
      width: 986px; height: 5px;
      background: url(../images/bg_footer_shadow.png) repeat-x left top;
      }
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent input.input, #formContent textarea.textarea { border-color: 1px solid #83833C; }
#formContent input.submit {
   background-color: #796043;
   border: 1px solid #5B4732;
   border-left-color: #A5825B;
   border-top-color: #A5825B;
   color: #FFF;
}
/* @end formContent **/


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

.help_icon { cursor: help; }
div.qtip-content { font-size: 12px; line-height: 1.3em; }

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

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


div.menu_inside ul  {
    list-style: none;
}

.content .nobullets, .nobullets {
   list-style: none;
   margin: 0;
}
   .content .nobullets {
      margin-top: -1em;
      padding: 0 0 0 1em;
   }
   .content .nobullets li { margin-bottom: 0.4em; }

#sideBar .inline_elements * { display: inline-block;  }

#sideBar form ul.inline_elements { padding: 4px 0; }
   #sideBar form ul.inline_elements a.gray {
       margin-left: 8px;
       background-color: #648EAF;
       border-color: #648EAF;
   }
      #sideBar form ul.inline_elements a.gray:hover {
         background-color: #4E6F89;
          border-color: #4E6F89;
      }


/*div.presenting {
    background: #648EAF url(/images/heart.gif) 5px 5px no-repeat;
    padding-left: 35px;
}
div.searchDonations {
    background: #648EAF url(/images/search.gif) 5px 5px no-repeat;
    padding-left: 35px;
}
div.Categories {
    background: #648EAF url(/images/folder.gif) 5px 5px no-repeat;
    padding-left: 35px;
}
div.shoppingCart {
    background: #648EAF url(/images/cart.gif) 5px 5px no-repeat;
    padding-left: 35px;
}
div.userLogin {
    background: #648EAF url(/images/key.gif) 5px 5px no-repeat;
    padding-left: 35px;
}*/