/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 10 July 2008 @ 12:00 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   margin: 0;
	padding: 0;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
}
   html, input, select, textarea, #sideBar h4 { font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif; }
body {
   margin: 0; 
   padding: 0;
   background: #FFF url('../images/bg_body.jpg') top left repeat-x;
}
   a {
		color: #2F4474;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #CE702A; }
   	a img { border: 0; }
    
h1, h2, h3, h4, h5, h6, #vcard .value, #header #topNavigation {
	margin: 0;
	padding: 0;
	font-family: Garamond, "Times New Roman", Times, serif;
}
   h2, h3, h4, h5, h6 {
   	margin-bottom: 0.5em;
   	line-height: 1.25em;
   	font-weight: normal;
   	color: #33497C;
   }
   	h2 { font-size: 2.0em; }
   	h3 { font-size: 1.7em; }
   	h4 { font-size: 1.5em; }
   	h5 { font-size: 1.3em; }
   	h6 { font-size: 1.1em; }

div.hr, hr {
	height: 1px;
	margin: 1.0em 0;
	padding: 0;
	background: #2E57AA no-repeat scroll center;
	border: 0;
}
	div.hr hr {
		display: none;
	}

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

pre { color: #FFF; }

/** Header
-------------------------- **/
/** @group header */
#header {}
#header #banner {
	width: inherit;
	height: 310px;
}
#header #banner a, 
#header #banner a:visited
{
	position: absolute;
	display: block;
	background: url("../images/logo_new.jpg") 0 0 no-repeat;
	text-indent: -10000px;
	width: 290px;
	height: 215px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 81px;
	left: 0;
}
/** @group hdrImg */
#hdrImg {
   position: absolute;
   top: 22px;
   left: 320px;
   z-index: 2;
}
/* @end hdrImg **/
/** @group vcard */
#vcard {
   color: #FFF;
   font-size: 1.1em;
   position: absolute;
   top: 10px;
   right: 25px;
   z-index: 3;
}
   #vcard .value {
      color: #8191AE;
      font-size: 2.0em;
   }
/* @end vcard **/

/** @group topNavigation */
#header #topNavigation { height: 78px; }
/* @end topNavigation **/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper { 
   font-size: 1.2em;
   line-height: 1.5em;
}
   #default #contentWrapper { 
      background: transparent url('../images/bg_contentWrapper-default.jpg') top left repeat-y;
      min-height: 400px;
   }
   #default #accent_photo {
      background: transparent url('../images/bg_sidebar-default.jpg') left bottom no-repeat;
   }
/** @group contentSlot */
#contentSlot {
   width: 604px;
   float: left;
}
   #default #contentSlot {
      width: 655px;
      float: right;
   }
/** @group layout */
#contentSlot #layout {
   padding: 27px 21px;
}
#contentSlot #layout td.content { padding: 0; }
   #layout h2 { 
      font-size: 2.8em;
      margin: 0;
   }
      #layout p {
         margin: 0;
         padding: 0 0 0.5em 0;
      }
/* @end layout **/
/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   width: 351px;
   float: left;
   padding: 27px 0;
}
   #default #sideBar {
      width: 300px;
      float: left;
      padding: 0;
   }
#sideBar h4 {
   color: #00781D;
   font-size: 1.4em;
   margin: 0;
   padding: 0 6px;
}
#sideBar a {
   position: absolute;
   top: 3px;
   right: 25px;
}
   #sideBar a:visited { color: #2F4474; }
/** @group sectionNav */
#sectionNav { 
   text-align: right;
   padding-bottom: 300px;
}
   #sectionNav ul {
      margin: 0;
      padding: 0;
      list-style: none;
   }
   #sideBar #sectionNav ul li a:hover { text-decoration: underline; }
      #sectionNav ul li.lvl1 ul {
         padding: 30px 0 0 0;
      }
      #sectionNav ul li.lvl1 li.lvl2 { padding-bottom: 15px; }
      #sectionNav ul li.lvl1 li.lvl2 a {
         display: block;
         color: #2F4474;
         position: static;
         padding-right: 20px;
         font-weight: bold;
         text-decoration: none;
         font-size: 1.1em;
      }
         #sectionNav ul li.lvl1 li.selected a {
            color: #88A146;
            background: transparent url('../images/bg_nav_sub-selected.jpg') top left no-repeat;
            padding: 12px 20px 8px 0;
            padding-right: 20px;
         }
/* @end sectionNav **/

/** @group box */
#sideBar .box {
   width: 330px;
   background: transparent url('../images/bg_box_M.gif') top left repeat-y;
   margin-bottom: 25px;
}
   #sideBar .box_top { 
      background: transparent url('../images/bg_box_E.gif') top left no-repeat;
   }
   #sideBar .box_content { 
      width: 314px;
      background: transparent url('../images/bg_box_E.gif') -330px bottom no-repeat;
      padding: 8px;
   }
/* @end box **/
/** @group form */
#sideBar form {
   margin: 0;
   padding: 0 15px;
}
   #sideBar label {
      display: block;
      color: #26375E;
   }
   #sideBar input {
      background: #FFF url('../images/bg_input-text.gif') top left repeat-x;
      border: 1px solid #999;
      padding: 3px 4px 2px 4px;
      color: #26375E;
      font-weight: bold;
      font-size: 1.1em;
   }
      #sideBar #donate_amt { 
         width: 160px;
         padding: 6px 8px 5px 8px;
         font-size: 1.3em;
      }
      #sideBar #your_email_address, #sideBar #password { padding:4px; }
      #sideBar #your_email_address { width: 270px; }
      #sideBar #password { width: 171px; }
         #sideBar button.btn_green {
            margin: 0 0 0 5px;
            padding: 5px 6px;
            border: 1px solid #7C7D7C;
            background: #006600 url('../images/bg_btn_green.gif') top left repeat-x;
            font-size: 1.4em;
            color: #FFF;
            vertical-align: bottom;
         }
         #sideBar button.btn_blue {
            margin: 0 0 0 5px;
            padding: 2px 6px;
            border: 1px solid #7C7D7C;
            background: #33497C url('../images/bg_btn_blue.gif') top left repeat-x;
            font-size: 1.4em;
            color: #FFF;
            vertical-align: bottom;
         }
/* @end form **/
/* @end sideBar **/
/* @end contentWrapper **/


/** Footer
-------------------------- **/
/** @group footer */
#footer {
	text-align: center;
	padding: 15px 5px 5px 5px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.25em;
	background: transparent url('../images/bg_footer.gif') top left repeat-x;
	height: 22px;
}
   #footer a { 
      color: #FFF;
      text-decoration: none;
   }
      #footer a:hover { text-decoration: underline; }
/* @end footer **/


/** @group formContent */
#formContent td.content { padding: 2px 0 8px 0; }

#formContent td.content label { padding: 0 5px; font-weight: bold; }

#formContent input.input, #formContent textarea.textarea { 
   border: 1px solid #83833C;
   padding: 3px;
   margin: 2px 0;
   vertical-align: middle;
}

#formContent input.submit {
   background-color: #796043;
   border: 1px solid #5B4732;
   border-left-color: #A5825B;
   border-top-color: #A5825B;
   color: #FFF;
   padding: 3px;
   margin: 2px 0;
}
/* @end formContent **/


/** Class Styles
-------------------------- **/
.positioner { position: relative; }

.hidden {
	display: none;
}

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