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

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Trebuchet MS", Arial, Helvetica, "microsoft sans serif", sans-serif;
   background:#152B97 url('../images/bg_body.gif') left top repeat;
}
body { }
   a {
		color: #002886;
		text-decoration:none;
	}
   	a:hover { text-decoration: underline; }
   	a img { border: 0; text-decoration: none; }
   	a:hover img { border: 0; text-decoration: none; }
   	a strong { text-decoration: none; font-size: 120%;}

   h1, h2, h3, h4, h5, h6 {
   	line-height: 1.25em;
   	font-weight: normal;
   	color: #58B422;
   }
   	.content h1 { font-size: 1.8em; padding: 0; }
   	.content h2 { font-size: 1.5em; }
   	.content h3 { font-size: 1.4em; }
   	.content h4 { font-size: 1.2em; }
   	.content h5 { font-size: 1.0em; }
   	.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;
	width: 980px;
	margin: 0 auto;
}

pre { color: #000; }


#layout #homeTable td {
    border-bottom: 1px solid #CCC;
    padding: 15px 0px 15px 0px;
}


/** Header
-------------------------- **/
/** @group header */
#header { width: inherit; }

#header #masthead a, 
#header #masthead a:visited
{
	position: absolute;
	display: block;
	background: url("../images/logo.png") 0 0 no-repeat;
	text-indent: -10000px;
	width: 260px;
	height: 206px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 0;
	left: 0;
}
#header #mycause {
    position: absolute;
    left: 50%;
    margin-left: -220px;
    width: 300px;
    color: #FFF;
    
}
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   font-size: 1.3em;
   line-height: 1.5em;
}
/** @group contentSlot */
#contentSlot {
   width: 695px;
   min-height: 300px;
   float: right;
   background: transparent url('../images/bg_contentSlot.jpg') left top repeat-y;
   margin-top: 77px;
   position: relative;
   padding: 0 13px 20px 12px;
}
/** @group contentSlot_top */
#contentSlot_top a {
   position: absolute;
   top: -77px;
   right: 0;
   width: 720px;
   height: 77px;
   background: transparent url('../images/bg_hdr_right.png') left top no-repeat;
   text-indent: -10000px;
   overflow: hidden;
}
/* @end contentSlot_top **/
/** @group topNavigation */
#topNavigation {
   background: #89B8E5;
   border: 1px solid #769FC7;
   max-height: 40px;
   margin-bottom: 5px;
   padding-left: 8px;
}
   #topNavigation ul li { display: inline; }
      #topNavigation ul li a {
         display: block;
         float: left;
         padding: 8px 15px;
         font-weight: bold;
         color: #FFF;
         text-decoration: none;
         font-size: 1.1em;
      }
         #topNavigation ul li a:hover { text-decoration: underline; }
         #topNavigation ul li.selected a { color: #102594; }
/* @end topNavigation **/
/** @group layout */
#layout {
   width: 655px;
   padding: 0 20px;
}
   #layout table, #layout form { margin: 0; }
   #layout td { padding: 0; }
/* @end layout **/
/** @group contentSlot_ftr */
#contentSlot_ftr {
   position: absolute;
   bottom: -19px;
   left: 0;
   width: 720px;
   height: 19px;
   background: transparent url('../images/bg_contentSlot_ftr.png') left top no-repeat;
}
/* @end contentSlot_ftr **/

/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   width: 260px;
   float: left;
   margin-top: 206px;
   /*margin-bottom: 77px;*/
}
   #sideBar .inner_content {
      background: transparent url('../images/bg_sideBar.jpg') left top repeat-y;
      position: relative;
      padding: 0 12px 0 14px;
      font-size: 0.9em;
   }
/** @group sideBar_ftr */
/*#sideBar_ftr {
   position: absolute;
   bottom: -77px;
   left: 0;
   width: 260px;
   height: 77px;
   background: transparent url('../images/bg_sideBar_ftr.png') left top no-repeat;
}*/
/* @end sideBar_ftr **/
/* @end sideBar **/
/** @group store */
.store #promo { margin-left: -20px; }
/** @group store sideBar menu_hdr */
#sideBar .menu_hdr, #sideBar .no_toggle {
   width: 234px;
   height: 33px;
   text-indent: -10000px;
   overflow: hidden;
   background-position: left top;
   background-repeat: no-repeat;
   background-color: transparent;
}
#sideBar .menu_hdr {
   cursor: pointer;
   cursor: hand;
}
   #sideBar .presentedBy        { background-image: url('../images/menu_presentedBy.jpg'); }
   #sideBar .searchDonations    { background-image: url('../images/menu_searchOurDonations.jpg'); }
   #sideBar .shopDonationAmt    { background-image: url('../images/menu_donationAmount.jpg'); }
   #sideBar .shopByDepartment   { background-image: url('../images/menu_shopByDepartment.jpg'); }
   #sideBar .Categories         { background-image: url('../images/menu_shopByCategory.jpg'); }
   #sideBar .shoppingCart       { background-image: url('../images/menu_shoppingCart.jpg'); }
   #sideBar .specialVideoMsg    { background-image: url('../images/menu_specialVideoMsg.jpg'); }
   #sideBar .myAccount          { background-image: url('../images/menu_myAccount.jpg'); }
   #sideBar .userLogin          { background-image: url('../images/menu_userLogin.jpg'); }

#sideBar .menu_content_inside { padding: 8px; }
   #sideBar .menu_content_inside ul { padding-left: 25px; list-style: none; }
      #sideBar .menu_content_inside ul li { margin-bottom: 0.5em; }
      #sideBar .menu_content_inside ul li a { color: #FFF; }

#sideBar .menu_inside { padding: 5px 8px; }

.store form, .store .content form div { margin: 0; }
/* @end store .menu_hdr **/

/* @end store **/
/* @end contentWrapper **/


/** Footer
-------------------------- **/
/** @group footer */
#footer {
   text-align: center;
   padding: 22px 0;
   padding-left: 260px;
   color: #FFF;
   font-size: 1.1em;
   line-height: 1.5em;
}
   #footer a, #optionsBar a { 
      color: #93D86A;
      text-decoration: none;
   }
      #footer a:hover, #optionsBar a:hover { text-decoration: underline; }
/* @end footer **/


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

form td { padding-bottom: 0.3em; }
/* @end formContent **/

/* @group toolTips */

img.help_icon { cursor: help; margin-left: 4px; }

.custom-tip {
   color: #000;
   width: 250px;
   z-index: 13000;
   border: 1px solid #FFF;
}
 
.custom-title {
   font-weight: bold;
   font-size: 13px;
   margin: 0;
   color: #FFF;
   padding: 8px 8px 4px;
   background: #58B422;
   border-bottom: 1px solid #FFF;
}
 
.custom-text {
   font-size: 12px;
   padding: 4px 8px 8px;
   color: #FFF;
   background: #142A97;
   line-height: 1.5em;
}

/* @end toolTips */


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

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}
.store .content .thermometer {
    width: 220px;
    margin: 20px auto 0;
    padding: 30px 10px 0px 10px;
    border: 1px solid #DDD;
    background-color: #EEE;
    font-family:  Geneva, Arial, Helvetica, "microsoft sans serif", sans-serif;
    font-size: 10px;
    float: right;
    line-height: normal;
}
    .thermometer_casing {
        padding: 1px;
        border: 1px solid #CCC;
        background-color: #FFF;
        width: 200px;
        margin-top: 5px 10px 0px 10px;
    }
    
    .thermometer_filling {
        height:10px;
        border: 1px solid #004392;
        background-color: #0563C3;
        width: 50%;
        color: #FFF;
        padding: 2px;
        font-size: 9px;
    }
    .thermometer_label {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: -45px;
    }
    .thermometer_total {
        display: block;
        text-align: center;
        font-size: 10px;
        clear: both;
        padding: 0px;
        margin: 0px;
        color: #999;
    }