BODY, P, B, A, H1, DIV, SPAN, FONT, TABLE {font-family:Arial, sans serif;}

body
{
	background-image: url("images/lawn5.jpg");
	background-color: Gray;
}

TABLE.hdr
{
	background-color:Gray;
}

TABLE.menu
{
	background-image: url("images/beige001.jpg");
}

TABLE.maintable
{
	 background-image: url("images/wood.jpg");
}

p.mission
{
	text-align:left;
	color:black;
}
.missionhdr
{
	text-align:center;
	font-size:large;
	font-weight:bold;
	text-decoration:underline;
	color:navy;
}
.messagehdr
{
	text-align:center;
	font-size:large;
	font-weight:bold;
	text-decoration:underline;
	color:navy;
}

.eventhdr
{
	text-align:left;
	font-size:x-large;
	font-weight:bold;
	text-decoration:underline;
	color:black;
	padding-left:40px;
}
.message
{
	text-align:left;
	color:black;
}

.CRTref
{
	font-style:italic;
	font-weight:bold;
}

TD.missioncell
{
	padding-bottom:10px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 0px;
}

TD.messagecell
{
	padding-bottom:10px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 0px;
}

.pastevent
{
	font-style:italic;
	color:black;
}

.comingevent
{
	font-weight:bold;
	color:Blue;
	font-size:larger;
}

.eventbody
{
	background-image: url("images/wood1.jpg");
}

.linksbody
{
	background-image: url("images/stone1.jpg");
}

TABLE.linkstable1
{
	border-width:2; background-image: url("images/wood1.jpg");
	border-style:groove;
	color:Navy;
}
TD.linkshdr
{
	padding: 10px 30px 10px 30px;
}

TABLE.linkstable2
{
	border-width:2; background-image: url("images/carpet2.jpg");
	border-style:groove;
	border-color:gray;
}

P.linkshdr
{
	font-size:x-large;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
}

TH.linkstblhdr
{
	font-family:Book Antiqua;
	font-size:x-large;
	background-color:Gray;
}
TD.linkstbl
{
	padding: 10px 10px 10px 10px;
	border-width:medium;
	border-style:inset;
}
P.short
{
	line-height:.75;
}
.linktitle
{
	font-style:italic;
	font-size:small;
}

.donatepage
{
	background-image: url("images/wood.jpg");
	margin-left:30px;
	margin-right:30px;
}

.contactspage
{
	background-image: url("images/crete.jpg");
}

.volunteerbody
{
	background-image: url("images/terrycloth.jpg");
	color:maroon;
}

h1.volunteer
{
	color:Green;
}

TABLE.contactstable
{
	background-image: url("images/beige001.jpg");
}
TD.contacts
{
	border-bottom-color:red;
	border-style:ridge;
	border-width:thick;
}
P.contacthdr
{
	text-align:center;
	font-size:x-large;
	font-family:papyrus;
	font-weight:bold;
	color: black;
	padding-left:50px;
	padding-right:50px;
	padding-top:20px;
	padding-bottom:20px;
}

table.contacthdrtbl
{
	border-width:2;
	border-style:groove;
	background-color:Brown;
}

table.rowwould
{
	border:groove 2;
	border-width:2px;
}


.callbody
{
	background-image:url("images/carpet2.jpg");
}

.callheader
{
	font-size:large;
	text-align:center;
}
.petitionbutton {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: large;

	border: medium outset;
	background-color:yellow;
	margin: 5px;
	padding: 5px;
}

table.petition
{
background-image:url("images/carpet2.jpg");
padding:5px;
margin:5px;

}

td.petition
{
	padding:5px;
	margin:5px;
	text-align:center;
}

.article_header {
	font-size:x-large;
	font-weight:bold;
}
.article_author {
	font-size:small;
	font_weight:fine;
	text_align:right;
}
.article_body {
font-family:"Times New Roman", Times, serif;
background-image: url("images/carpet2.jpg");
}

/*
  +------------------------------------------------------------------+
  | MikeCherim.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 : #ffffdd;
  margin : auto;
  width : 180px;
  height : 340px;
  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 */
}

/* 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 : #ffffdd;
  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;
}