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

/** 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;
}
body { background: #BFBBA9 url('/img/bg_content_outer.jpg') top left repeat; }
   a {
		color: #002886;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #655C55; }
   	a img { border: 0; }

   h1, h2, h3, h4, h5, h6 {
   	line-height: 1.25em;
   	font-weight: normal;
   	color: #902A04; 
   }
   	h1 { 
   	   font-size: 2.4em; 
   	   color: #902A04; 
   	   font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
   	}
   	h2 { font-size: 1.5em; }
   	h3 { font-size: 1.4em; border-bottom: 1px solid  #C3C0B1; }
   	h4 { font-size: 1.2em; }
   	h5 { font-size: 1.0em; }
   	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;
	}

div.inner {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0 30px;
}

pre { color: #000; }

.subtitle { padding-bottom: 15px; }
/** Header
-------------------------- **/
/** @group header */
#header, #header .inner { min-height: 400px; }
   

#empty_layout #header, #empty_layout #header .inner { min-height: 200px; }

#header.outer { background: transparent url('/img/bg_hdr_outer.jpg') left top repeat-x; }
   #header .inner { background: transparent url('/img/bg_hdr_inner.jpg') left top no-repeat; }

#header #masthead a, 
#header #masthead a:visited {
	display: block;
	background: url("/img/logo_2009.jpg") 0 0 no-repeat;
	text-indent: -10000px;
	width: 330px;
	height: 140px;
	text-decoration: none;
	overflow: hidden;
}
/** @group raised_to_date */
#raised_to_date {
   position: absolute;
   top: 50px;
   right: 60px;
   z-index: 5;
   text-align: center;
   color: #FFF;
   font-weight: bold;
   font-size: 1.1em;
   
}
#raised_to_date, #hdrNavigate { font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif; }
   #amount {
      width: 230px;
      background: transparent url('/img/bg_raisedtodate_L.gif') left top no-repeat;
      margin-top: 3px;
   }
      #amount span {
         display: block;
         background: transparent url('/img/bg_raisedtodate_R.gif') right top no-repeat;
         height: 35px;
         font-size: 2.6em;
         padding: 4px 0;
         letter-spacing: 0.1em;
      }
/* @end raised_to_date **/
/** @group hdrNavigate */
#hdrNavigate {}
   #hdrNavigate.home .column {
      width: 300px;
      float: left;
   }
   #hdrNavigate.default {
      position: absolute;
      top: 145px;
      left: 33px;
      width: 277px;
      height: 276px;
      z-index: 5;
      background: transparent url('/img/bg_hdrNavigate.png') top left no-repeat;
   }
      #hdrNavigate.default .column { text-align: center; }
      #hdrNavigate.default #donate { margin-top: 60px; }
         #hdrNavigate.default .column a {
            display: block;
            padding: 15px 0;
            font-size: 22px;
            color: #FFF;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            background: transparent url('/img/bg_nav_bar.jpg') bottom center no-repeat;
         }
            #hdrNavigate.default .column a:hover { text-decoration: underline; }
            #hdrNavigate.default #learn_more a { background-image: none; }
/* @end hdrNavigate **/

#photo {
	position: relative;
   background: transparent url('/img/bg_photo.jpg') top left no-repeat;
   width: 909px;
   height: 296px;
   left: -8px;
   top: -5px;
}
   #photo img { 
      margin: 11px;
      margin-top: 10px;
   }

#photo #cornerTL {
	background: transparent url("/img/corner-TL.png") top left no-repeat;
	top: 0;
	left: 0;
}

#photo #cornerTR {
	background: transparent url("/img/corner-TR.png") top left no-repeat;	
	top: 0;
	right: -1px;
}

#photo #cornerBL {
	background: transparent url("/img/corner-BL.png") top left no-repeat;	
	bottom: -2px;
	left:  0;
}

#photo #cornerBR {
	background: transparent url("/img/corner-BR.png") top left no-repeat;	
	bottom: -2px;
	right: -1px;
}


#photo #cornerTR, 
#photo #cornerTL, 
#photo #cornerBR, 
#photo #cornerBL {
	width: 36px;
	height: 38px;
	position: absolute;
	font-size: 1px;
}
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper .inner { background: transparent url('/img/bg_content.jpg') top left repeat-y; }
/** @group contentSlot */
#contentSlot {
   width: 570px;
   float: right;
   padding-right: 20px;
   padding-bottom: 40px;
   font-size: 1.2em;
   line-height: 1.85em;
}
   .content h1 { margin-bottom: 0; display: block; }
   .content p { margin-top: 1.6em; }
   .content table tr td  p { margin-top: 0em; }
   .content small.date {
      font-family: Geneva, Arial, "microsoft sans serif", sans-serif;
      color: #45260C;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 1.0em;
   }
/** @group register_container */
#register_container { padding-top: 15px; }
#register_container .box_btn {
   width: 267px;
   float: left;
   padding-right: 25px;
}
   #register_container .column2 { padding-right: 0; }
/* @end register_container **/
/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   width: 270px;
   float: left;
   padding-top: 30px;
   padding-left: 18px;
   padding-bottom: 204px;
}
   #sideBar ul { list-style: none; }
      #sideBar ul li { margin-bottom: 0.3em; }
      #sideBar ul li a {
         display: block;
         text-indent: -10000px;
         height: 45px;
         background-position: left top;
         background-repeat: none;
      }
         #sideBar ul li.paricipant_login a { background-image: url('/img/nav_participantlogin.gif'); }
         #sideBar ul li.prizes a { background-image: url('/img/nav_prizes.gif'); }
         #sideBar ul li.faqs a { background-image: url('/img/nav_faqs.gif'); }
         #sideBar ul li.contactus a { background-image: url('/img/nav_contactus.gif'); }
         #sideBar ul li.tellafriend a { background-image: url('/img/nav_tellafriend.gif'); }
         #sideBar ul li.supportparticipant a { background-image: url('/img/nav_supportParticipants.gif'); }
/* @end sideBar **/

/* @end contentWrapper **/


/** Footer
-------------------------- **/
/** @group footer */
#footer { }
#extra_fee { 
   line-height: normal;
   text-align: center;
   display: block;
   margin: 0.4em 0 0;
   color:#5D5C49;
}
#footer.outer {
   background: #ACA78A url('/img/bg_ftr_outer.gif') left top repeat-x;
   text-decoration: none;
}
   #footer .inner { 
      background: transparent url('/img/bg_ftr_inner.jpg') left top no-repeat;
      padding-top: 15px;
      text-align: center;
      min-height: 115px;
   }
   #footer a, #optionsBar a { 
      color: #75735B;
      text-decoration: none;
   }
      #footer a:hover, #optionsBar a:hover { text-decoration: underline; }
#pumpkins {
   position: absolute;
   bottom: 25px;
   left: 0;
   background: transparent url('/img/bg_pumpkins.png') left top no-repeat;
   height: 285px;
   width: 257px;
}
#leaves {
   position: absolute;
   bottom: 75px;
   right: 0;
   background: transparent url('/img/bg_leaves.png') left top no-repeat;
   height: 120px;
   width: 136px;
}
/* @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;
}

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


td.key {
    font-weight: bold;
    color: #902A04;
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
}
input[type=text].focused, input[type=password].focused, textarea.focused{
    margin: 2px;
    border: 1px solid #902A04;
    color: #902A04;
    background-color: white;
    width: 340px;
    float: left;
}
input[type=text].blurred, input[type=password].blurred, textarea.blurred {
    margin: 2px;
    border: 1px solid #C3C0B1;
    color: #666;
    background-color: #FBF8E5;
    width: 340px;
    float: left;   
}
tr.even td { background-color: #D5CFAB; }
   #participants td { padding: 3px 8px; }
   #participants tr:hover td { background-color: #D2A14B; }
td.label {
    width: 180px;
    font-weight: bold;
    border-right: 4px solid #C3C0B1;
    margin: 2px;
}
div.input {
   clear: both;
}
div.input label {
    width: 180px;
    font-weight: bold;
    display: block;
    border-right: 4px solid #C3C0B1;
    margin: 2px;
    float: left;
}
div.input.datetime label {
   width: 150px;
}
div.input.checkbox input {
   margin-left: 167px;
   position: relative;
   top: 5px;
   clear: left;
   float: left;
}
div.input.checkbox label {
    width: 370px;
    font-weight: bold;
    display: block;
    border-left: 4px solid #C3C0B1;
    border-right: 0;
    margin-top: 2px;
    padding-left: 3px;
    text-align: left;
    float: left;
}
div.input div.error-message {
   display: none;
}
/*.show_errors div.input div.error-message,*/
.error-message, noscript, p.error {
   display: block;
   clear: left;
   background:#8D1C1C;
   color:#FFFFFF;
   padding: 1px 5px 1px 10px;
   margin: 0;
   margin-left: 193px;
   margin-bottom: 25px;
   margin-right: 30px;
   position: relative;
   top: -4px;
}
   noscript { margin: 25px auto; padding: 0.7em 0.3em; text-align: center; }
   p.error { margin: 20px 0 0 0; padding: 4px 10px; border-bottom: 1px dashed #FBF8E5; }
      
   div.input .error { border: 1px solid #8D1C1C; }
td.required {
    border-right: 4px solid #902A04;
}
div.input.required label {
    border-right: 4px solid #902A04;
}
.error {
   color: red;
}
#overview {
   border: 1px dotted #B64010;
   padding: 10px;
   height: 80px;
}
#percentOfGoal {
   padding-left: 10px;
   padding-right: 20px;
   padding-top: 5px;
}
.posleft {
   clear:left;
   float:left;
}
#sidebar {
   float: right;
   width: 200px;
   padding: 0 20px 20px;
}
#sidebar h4 {
   margin-bottom: 3px;
}
#sidebar .donor {
   clear: left;
   font-size: .9em;
   line-height: 16px;
}
#sidebar .donor .name {
   float: left;
}
#sidebar .donor .amount {
   float: right;
}
ul.link_list {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
}
ul.link_list li {
   display: inline;
}
ul.link_list li a{
   /*background-color:#902A04;
      border:1px solid #902A04;*/
   
   color: #902A04;
   display: block;
   float: left;
   width: 160px;
   padding:1px 1px 1px;
   line-height: 12px;
   margin-bottom: 5px;
   text-decoration:none;
}
table#participants th {
   text-align: left;
}