@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font:11px Tahoma;
	color:#333333;
	background-image:url(images/background.jpg);
	background-repeat:repeat;
}


.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
	clear:both;
	height:0px;
}

#main {
	margin:auto;
	padding:0;
	width:782px;
}

/*--Header*/

#navigation {
	margin:20px 0 0 0;
	padding:0;
	width:782px;
	height:54px;
}

#navigation #navi_content {
	height:38px;
	width:756px;
	float:left;
	padding:16px 0 0 0;
	background-image:url(images/bg_navi.png);
	background-repeat:repeat-x;
}

#navigation #navi_content a {
	padding:0;
	margin:0 10px;
	position: relative; 
}

#navigation #navi_content a:hover {
	padding:0;
	margin:0 10px;
	background-image:url(images/bg_hover_navi.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	position: relative; 
}

#banner {
	margin:4px 0 0 0;
	padding:0;
	width:782px;
	height:258px;
}


#bigbanner {
	margin:4px 0 0 0;
	padding:0;
	width:782px;
	height:406px;
}


#banner #logo {
	padding:27px 0 0 24px;
}

/*--Header*/

#body {
	margin:3px 0 0 0;
	padding:0;
	width:782px;
}

#body2 {
	margin:3px 0 0 0;
	padding:0 0 5px 0;
	width:782px;
	background-color:#FFFFFF;
	text-align: center;
}

#welcome {
	margin:0;
	padding:0;
	height:265px;
	width:546px;
	background-image:url(images/welcome_bg.jpg);
	background-repeat:repeat-x;
	float:left;
}

#welcome #welcome_content {
	padding:9px 0 0 15px;
	float:left;
}

#welcome_content p {
	margin:0 0 0 14px;
	padding:0;
	width:340px;
	font:11px Tahoma;
	color:#b4cdd8;
	float:left;
}

#welcome_content p a {
	color:#fff;
	font-weight:bold;
}

#welcome_content p a:hover {
	color:#dcc196;
	font-weight:bold;
	text-decoration:none;
}

#welcome_content p strong {
	color:#FFFFFF;
}

#event {
	margin:0;
	padding:0;
	background-image:url(images/event_icon_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#382e22;
	height:265px;
	width:235px;
	float:right;
}

#line_event {
	margin:0;
	padding:0;
	height:3px;
	width:auto;
	background-color:#FFFFFF;
}

#event_content {
	margin:0;
	padding:12px 0 0 8px;
}

#event ul {
	margin:0;
	padding:0;
}

#event ul li{
	margin:10px 0 0 0;
	padding:0px 10px 0 0px;
	background-image:url(images/event_icon2.jpg);
	background-repeat:no-repeat;
	background-position:0em 0.4em;
	list-style:none;
	font:11px Tahoma;
	text-indent:20px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}

#event ul li a {
	text-decoration:none;
	color:#fff;
}

#event ul li a:hover {
	text-decoration:none;
	color:#b4cd8c;
} 

#event ul li a small {
	font:11px Tahoma;
}

/*---Sub Body---*/

#sub_body {
	margin:2px 0 0 0;
	padding:0 0 5px 0;
	width:782px;
	background-color:#FFFFFF;
}

#sub_body2 {
	
	margin:2px 0 0 0;
	padding:0 0 5px 0;
	width:782px;
	background-color:#FFFFFF;
	text-align:center;
}

#sub_body #story {
	margin:0;
	padding:10px 0 0 10px;
	width:290px;
	float:left;
	font:11px Tahoma;
	color:#6b421d;
	background-color:#FFFFFF;
}

#story ul {
	margin:0;
	padding:0;
}

#story ul li {
	margin:10px 0 0 0;
	padding:0px 10px 0 0px;
	background-image:url(images/story_icon.jpg);
	background-repeat:no-repeat;
	background-position:0em 0em;
	text-indent:25px;
	list-style:none;
	font:14px Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	color:#6b421d;
	text-transform:uppercase;
}

#story ul li a{
	color:#438308;
}

#story ul li a:hover{
	color:#565656;
	text-decoration:none;
}

#text {
	margin:10px 0 0 0;
	padding:0;
}

#story p {
	margin:0 0 0 10px;
	padding:0;
	float:left;
	width:200px;
}

#text img {
	border:1px solid #6b421d;
}

#story p a {
	color:#438308;
}

#story p a:hover {
	color:#565656;
	text-decoration:none;	
}

#sub_body #new {
	margin:8px 0 0 0;
	padding:18px 0 10px 13px;
	width:225px;
	float:left;
	background-color:#FFFFFF;
	border-left:1px dotted #858585;
}

#new ul {
	margin:0;
	padding:0;
}

#new ul li {
	margin:0;
	padding:10px 0px 0 0px;
	background-image:url(images/new_icon.jpg);
	background-repeat:no-repeat;
	background-position:0em 0.85em;
	text-indent:20px;
	list-style:none;
	font:12px Tahoma;
	line-height:15px;
	font-weight:bold;
	color:#4f4f4f;
}

#new a {
	color:#4f4f4f;
	background-image:url(images/arrow_grey.jpg);
	background-repeat:no-repeat;
	background-position:0em 0.35em;
	text-indent:10px;
}

#new a:hover {
	color:#877f46;
	background-image:url(images/arrow_grey.jpg);
	background-repeat:no-repeat;
	background-position:0em 0.35em;
	text-indent:10px;
}

#sub_body #medal {
	margin:8px 0 0 10px;
	padding:10px 0 5px 0px;
	width:230px;
	float:left;
	background-color:#eeede0;
	border-left:1px dotted #858585;
	text-align:center;
}

#sub_body #medal p {
	margin:0;
	padding:6px 10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#164c00;
}

#newletter {
	margin:8px 0 0 7px;
	padding:3px 0 10px 5px;
	text-align:left;
	width:210px;
	height:84px;
	border:1px solid #a1a099;
	float:left;
}

#newletter b {
	font:14px Arial, Helvetica, sans-serif;
	color:#5a5948;
}

#newletter small {
	padding:0;
	margin:0;
	font:11px Tahoma;
}

#newletter input {
	margin:5px 0 0 0;
	padding:0 0 0 3px;
	font:11px Tahoma;
	width:135px;
}

#newletter .send_btn {
	float:right;
	margin:8px 10px 0 0;
}

#line_newletter {
	margin:5px 4px 5px 0;
	padding:0;
	width:auto;
	height:1px;
	background-image:url(images/line_newletter_bg.jpg);
	background-repeat:repeat-x;
}

	font:11px Tahoma;
}

/*---Footer---*/

#shadow {
	margin:0;
	padding:0;
	width:782px;
	height:16px;
}

#footer {
	margin:0 0 20px 0;
	padding:0;
	width:782px;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	color:#ffffe1;
	text-align:center;
}

#footer #link {
	margin:0 0 6px 0;
	padding:0;
}

#footer a {
	color:#ffffe1;
	text-decoration:none;
	padding:0 10px;
}

#footer a:hover {
	color:#000;
	text-decoration:none;
	background-color:#FFFFFF;
	padding:0 10px;
}

/*--Sub Page--*/

#sub_header {
	margin:1px 0 0 0;
	padding:0;
	height:38px;
	width:auto;
	background-color:#cdcdcd;
}

#sub_header_right_bg {
	margin:0;
	padding:0;
	float:right;
	background-image:url(images/sub_header_right_bg.jpg);
	background-repeat:no-repeat;
	background-color:#271e14;
	width:545px;
	height:38px;
}

#sub_header_right_bg a {	
	margin:0 0 0 25px;
	padding:0 0 0 15px;
	font:13px/38px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#sub_header_right_bg a:hover {	
	margin:0 0 0 25px;
	padding:0 0 0 15px;
	font:13px/38px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(images/arrow004.png);
	background-repeat:no-repeat;
	background-position:0em;
	text-decoration:none;
}

#sub_header_right_bg .donatesub{
	margin:5px 4px 0 0;
	float:right;
}

#body_main_sub {
	margin:2px 0 0 0;
	padding:0;
	background-color:#FFFFFF;
}

#banner_sub {
	margin:4px 0 0 0;
	padding:0;
	width:782px;
	height:198px;
}

#banner_sub_2 {
	margin:4px 0 0 0;
	padding:0;
	width:782px;
	height:198px;
}

#logo_sub {
	padding:18px 0 0 19px;
}

#navigation_left {
	margin:0 0 0 3px;
	padding:0 0 10px 0;
	width:235px;
	background-image:url(images/navi_left_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#335860;
	float:left;
}

#navigation_left #navigation_left_content {
	padding:5px 0 0 0px;
	float:left;
}

#navigation_left ul {
	margin:0;
	padding:0;
}


#navigation_left ul li{
	padding:0;
	list-style:none;
	margin:0px 0 0 5px;
}

#navigation_left a {
	display:block;
	clear:both;
	padding-left:2px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height:28px;
	padding:0 0 0 15px;
}

#navigation_left a:hover {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#e0d9a4;
	text-decoration:none;
	line-height:28px;
	background-image:url(images/arrow003.png);
	background-repeat:no-repeat;
	background-position:0em 0.75em;
	padding:0 0 0 15px;
}

#navigation_left strong {
	color:#FFFFFF;
}

#line_navileft {
	margin:0;
	padding:0;
	height:3px;
	width:auto;
	background-color:#FFFFFF;
}

#sub_body_2 {
	margin:3px 5px 10px 0;
	padding:0;
	float:right;
	width:529px;
}

#sub_body_2_top,#sub_body_2_bottom {
	margin:0;
	padding:0;
	height:13px;
}

#sub_body_2_top_mid,#sub_body_2_bottom_mid  {
	float:left;
	background-color:#ffffea;
	height:13px;
	width:505px;
}

#sub_body_2_middle {
	margin:0;
	padding:0;
	width:509px;
	background-color:#ffffea;
	padding:0px 10px;
}

#sub_body_2_middle b{
	font:20px "Times New Roman", Times, serif;
	color:#467885;
	font-weight:bold;
}

#sub_body_2_middle p {
	margin:0;
	padding:0;
	line-height:17px;
	color:#6b421d;
}

#sub_body_2_middle .line_hori {
	margin:5px 0;
	padding:0;
	height:5px;
	width:auto;
	background-image:url(images/bg_line.jpg);
	background-repeat:repeat-x;
}

#sub_body_2_middle p b {
	font:11px Tahoma;
	font-weight:bold;
	color:#88572c;
}

#sub_body_2_middle a {
	color:#4f4f4f;
	
}

#sub_body_2_middle a:hover {
	color:#877f46;

	text-decoration:none;
}

#sub_body_2_middle ul {
	margin:0;
	padding:0;
}

#sub_body_2_middle li {
	margin:10px 0 0 0;
	padding:0px 10px 0 0px;
	background-image:url(images/arrow_grey.jpg);
	background-repeat:no-repeat;
	background-position:1.0em 0.35em;
	text-indent:25px;
	list-style:none;
}

#sub_body_2_middle li a {
	margin:10px 0 0 0;
	padding:0px 10px 0 0px;
	background-repeat:no-repeat;
	background-position:1.0em 0.35em;
	text-indent:25px;
	list-style:none;
}

#sub_body_2_middle li a:hover {
	margin:10px 0 0 0;
	padding:0px 10px 0 0px;
	background-repeat:no-repeat;
	background-position:1.0em 0.35em;
	text-indent:25px;
	list-style:none;
}

#sub_body_2_middle .none_lt {
	margin:10px 0 0 0;
	padding:0px 10px 0 30px;
	text-indent:25px;
	list-style:none;
	background-image:none;
}

#sub_body_2_middle_2 ul {
	margin:0;
	padding:0;
}

#sub_body_2_middle_2 ul li {
	margin:5px 0 0 0;
	padding:0px 10px 0 0px;
	text-indent:25px;
	list-style:none;
}

.none_lt {
	list-style:none;
}

#sub_body_3_middle {
	margin:0;
	padding:0;
	height:15px;
	background-color:#ffffea;
	padding:0px 10px;
}

#sub_body_3_middle a {
	color:#4f4f4f;
	background-position:0em 0.35em;
	text-indent:10px;
	float: right;
}

#sub_body_3_middle a:hover {
	color:#877f46;
	background-position:0em 0.35em;
	text-indent:10px;
	text-decoration:none;
	float: right;
}

imgRightH {
	font-size:9px;
	line-height:13px;
	width:204px;
}

.imgRightH {
	background:#FFFFFF none repeat scroll 0%;
	border:2px solid #B5B4A0;
	clear:right;
	float:right;
	margin-bottom:10px;
	margin-left:13px;
	text-align:center;
}

imgLeftH {
	font-size:9px;
	line-height:13px;
	width:204px;
}

.imgLeftH {
	background:#FFFFFF none repeat scroll 0%;
	border:2px solid #B5B4A0;
	clear:left;
	float:left;
	margin-bottom:10px;
	margin-left:0px;
	text-align:center;
}

#leftMenu{
    margin:3px 0 5px 3px;
	padding:0 0 10px 0;
	color:#FFFFFF;
	width:235px;
	background-image:url(images/navi_left_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#335860;
	float:left;
}

#dhtmlgoodies_slidedown_menu li{
	list-style-type:none;
	position:relative;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height:27px;
	width:auto;
}

#dhtmlgoodies_slidedown_menu ul{
	margin:5px 0 0 5px;
	padding:0px;
	position:relative;
	width:auto;	
}

#dhtmlgoodies_slidedown_menu div{
	margin:0px;
	padding:0px;
}

/* 	Layout CSS */

#dhtmlgoodies_slidedown_menu{		
	width:auto;
	padding:0 5px 0 0;
	visibility:hidden;
}

#dhtmlgoodies_slidedown_menu a{
	display:block;
	clear:both;
	padding-left:2px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height:28px;
	padding:0 0 0 15px;

}

#dhtmlgoodies_slidedown_menu a:hover {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#e0d9a4;
	text-decoration:none;
	line-height:28px;
	background-image:url(images/arrow003.png);
	background-repeat:no-repeat;
	background-position:0em 0.75em;
	padding:0 0 0 15px;

}

.padding {
	padding:0 0 0 10px;
}

/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | MIX: Donations Gauge                                             |
  | Cascading Style Sheet                                            |
  | Copyright May 2006                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* this exists for one reason: the gauge and nogauge message need a home. 
   you can stack this box or float it or what have you. all of the other
   elements are relative to the div so the div is all yours */
div#cdg-shell { 
  background-color : #ffffea;
  margin : auto;
  width : 180px;
  height : 320px;
  display : block;
  border : 1px solid #666;
  overflow : hidden;
}

/* now we style the inner box when no funds are needed. grab the image 
   from: http://mikecherim.com/experiments/images/cdg_no_tmom.gif */
div#cdg-noshell {
  /*background : #ffffdd url(images/cdg_no_tmom.gif) no-repeat bottom right;*/
  width : 100%;
  height : 310px;
  display : block;
}

/* This styles the heading and the positions left both it second line (goal amount) */ 
h2#cdg_h2, p#cdg_goal { 
  color : #669900;
  font-size : 1.1em;
  padding : 0;
  margin-left : 5px;
}

/* but the styles for the second line need some tweaking */
p#cdg_goal { 
  color : #666;
  font-size : 0.8em;
  font-weight : bold;
  padding-bottom : 2px;
}

/* this holds the thermometer. The heigh of this box is critical to the functionality
   I know, the crosshair is dumb, so shoot me. I like it :p
   Please note: The thermometer body is an embedded image. If you change background 
   colors, you'll need to change that image. The opaque portions must stay that way.
   Grab the image from: http://mikecherim.com/experiments/images/cdg_tmom.gif */ 
div#cdg {
  margin : 0;
  width : 178px;
  height : 300px;
  display : block;
  cursor : crosshair;
  position : relative;
  font-size : 0.8em;
  border-right : 2px solid #888; /* this sort of "finishes" the embedded image */
  clear:right;
	float:right;
}

/* this is the marker and we stick it to the bottom. In-line css margin-bottom is 
   adjusted by the script to move the marker... like magic. The background makes 
   it cover up the Goal amount line. Using absolute positioning for good not evil */
p#cdg_p { 
  position : absolute;
  background-color : #ffffea;
  bottom : 0;
  left : 5px;
  color : #333;
  z-index : 5;
  border-bottom : 1px solid #cd0000;
}  

/* this is so non-visual users will have the data presented to them in a logical 
   way not needed by those with the imagery */
p#cdg_p span.blind {
  position : absolute;
  margin-top : -9000px;
  margin-left : -9000px;
}

/* ah, the bold, red right-arrow (&rarr;)
   FYI: The arrow isn't supported by browser < or = to IE 5.5 */
p#cdg_p span.cdg_arw {
  color : #cd0000;
  font-weight : bold;
}

/* the mercury... I chose a slightly deeper red. it moves via script 
   as well like the marker, using margin-bottom */
div#cdg_m { 
  position : absolute;
  bottom : 0;
  right : 0;
  display : block;
  width : 55px;
  background-color : #cd0000;
}

/* I use this to position the image in the lower right to control mercury view */
div#cdg img {
  position : absolute;
  bottom : 0;
  right : 0;
  display : block;
  width : 60px;
  height : 300px;
}

/* this is the no fundraiser text */
p#cdg_no {
  font-size : 0.8em;
  font-weight : bold;
  margin : 20px 15px;
  line-height : 30px;
}

/* this is the no fundraiser link style (Contact Us) */
p#cdg_no a {
  color : #669900;
}

/* and it hover and focus states */
p#cdg_no a:hover, p#cdg_no a:focus, p#cdg_no a:active {
  text-decoration : none;
  color : #000;
}


/* End Styles */