/*------------------------------------------------- 
PAGE BODY
-------------------------------------------------*/

body {
  margin: 0 auto;
  padding: 0;
  font-family: Georgia;
  color: #333;
  background-color: #fff;
  text-align: center;
}


/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

a {text-decoration: underline; padding: 1px; }
a:link { color: #03c; }
a:visited { color: #03c; }
/* ---a:hover { color: #fff; background-color: #30c; text-decoration: none; }
*/

#el08 {font-size: 100%;}

img {
  border: none;
}

a.image:link, a.image:visited, a.image:hover {
  background: none;
  padding: 0;
  margin: 0;
}

a.admin:link, a.admin:visited {
  color: #f00;
  font-family: Georgia;
  font-size: 11px;
  font-weight: normal;
}

a.admin:hover { color: #fff; background: #f00; }

a.black:link, a.black:visited {
  color: #000;
}

a.black:hover {
  color: #fff;
  background: #000;
}

a.white:link, a.white:visited {
  color: #fff;
}

a.white:hover {
  color: #000;
  background: #fff;
}

a.anchor:link, a.anchor:visited, a.anchor:hover {
  color: #fff;
  background: #fff;
  font-size: 0px;
  text-decoration: none;
  padding: 0;
}

form {
  margin: 0; padding: 0;
}

p {
  font-size: 16px;
  line-height: 18px;
}

small {
  font-size: 10px;
  line-height: 13px;
}

ol, ul, li {
  margin: 0;
  padding: 0;
}

ul li {
  list-style-type: none;
}


li {
  font-size: 18px;
  line-height: 19px;
  padding: 3px 0;
}

li img {
  padding-right: 3px;
}

h1 {
  font-family: Georgia;
  padding: 0;
  border-bottom: 0;
  margin: 0;
  color: #333;
  font-size: 48px;
  font-weight: bold;
}

h2 {
  font-family: Georgia;
  margin: 20px 0 5px 0px;
  color: black;
  font-size: 24px;
  padding: 0;
}

h3 {
  margin: 20px 0 0 0;
  color: #666;
  font-family: Georgia;
  font-size: 14px;
  padding: 0;
}

h4 {
  margin: 0 0 0 0;
  font-family: Georgia;
  font-size: 18px;
  padding: 0;
}

td, th {
  padding: 3px;
}

.red {
  color: #900;
}

.blue {
  color: #06c;
  }
  
.green {
  color: #390;
  }
  
.highlight {
  background-color: #ffc;
}

.new {
  background-color: #cfc;
}

strike {
  color: #999;
}

code, pre       {
  font-family: Georgia;
  background: inherit;
  color: #333;
}

  /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */

* html code     {
  font-size : 105%; 
}

.sentence {
  text-transform: none;
}

   /* CHART LISTS */
   .chartlist { 
     float: left; 
     width: 100%;
     font-family: Verdana;
     font-weight: bold;
     font-size: 12px;
   }
   .chartlist li {
     position: relative;
     display: block;
     margin: .5em 0 .5em 0;
     background: #999;
     border-top: 1px solid #999;
     border-bottom: 1px solid #666;
     _zoom: 1;
     height: 20px;
   }
   .chartlist li a {
     display: block;
     margin: 0 0 0 .25em;
     padding: .1em 0.5em 0.4em 0.5em;
     position: relative;
     z-index: 2; 
     text-decoration: none;
     color: #FFF;
     font-size: 14px;
   }
   .chartlist .count {
     display: block;
     position: absolute;
     top: 0; 
     right: 0; 
     margin: 0 .5em;
     text-align: right;
     color: #000; 
     font-weight: bold;
     font-size: 0.7em;
     line-height: 2em; 
   }
   .chartlist .index {
     display: block;
     position: absolute;
     top: 0; 
     left: 0; 
     height: 100%;
     background: #205BAB;
     text-indent: -9999px;
     overflow: hidden;
     line-height: 2em;
   }
/*   .chartlist li:hover {
     background: #EFEFEF;
   }
*/
   /* WIDE CHART LISTS */
   .widechartlist { 
     float: left; 
     width: 100%;
     font-family: Verdana;
     font-weight: bold;
     font-size: 12px;
   }
   .widechartlist li {
     position: relative;
     display: block;
     margin: .3em 0 .3em 0;
     background: #999;
     border-top: 1px solid #999;
     border-bottom: 1px solid #666;
     _zoom: 1;
     height: 20px;
   }
   .widechartlist li a {
     display: block;
     margin: 0 0 0 .25em;
     padding: .1em 0.5em 0.4em 0.5em;
     position: relative;
     z-index: 2; 
     text-decoration: none;
     color: #FFF;
     font-size: 11px;
   }
   .widechartlist .count {
     display: block;
     position: absolute;
     top: 0; 
     right: 0; 
     margin: 0 .5em;
     text-align: right;
     color: #000; 
     font-weight: bold;
     font-size: 0.7em;
     line-height: 2em; 
   }
   .widechartlist .index {
     display: block;
     position: absolute;
     top: 0; 
     left: 0; 
     height: 100%;
     background: #205BAB;
     text-indent: -9999px;
     overflow: hidden;
     line-height: 2em;
   }
/*   .widechartlist li:hover {
     background: #EFEFEF;
   }
*/

/*-------------------------------------------------
TOP PROMOTION
-------------------------------------------------*/

div#toppromo {
  text-align: center;
  background-color: #205BAB;
  padding: 5px;
  color: #fff;
  font-size: 14px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 20px;
}

#toppromo a {
	color: #fff;
}


/* top donations */

.top_donations {
	font-family: Verdana;
	font-size: 18px;
}

.top_donations h3 {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: black;
}

/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

div#Container {
  margin: 0 auto;
  text-align: center;
  width: 1025px;
  min-width: 850px;
}

div#centeredalert {
  text-align: center;
  width: 100%;
}

.ClearAll {
  padding: 0px;
  clear: both;
  font-size: 0px;
}

.Left {
  font-family: Georgia;
  clear: left;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 700px;
  float: left;
}

div#about {
	padding: 0 20px 0 0;
}
#about p {
	font-size: 18px;
}

div#welcome {
	padding: 0 20px 0 0;
}
#welcome p {
	font-size: 18px;
	line-height: 22px;
}

.Full {
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
  clear: left;
}

.Right {
  margin: 0;
  margin-left: 10px;
  margin-top: 50px;
  padding: 0px;
  text-align: left;
  float: left;
  width: 300px;
  font-family: Verdana;
}

#Header {
  clear: both;
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  text-align: left;
  display: inline;
}


/*-------------------------------------------------
SECTION HEADER
-------------------------------------------------*/

.SectionHeader {
  margin: 0 0 20px 0;
}

.SectionHeader h1 /* title of the page */ {
  padding-bottom: 2px;
  border-bottom: 1px solid #666;
  margin: 0;
  font-size: 48px;
  font-family: Georgia;
  color: #000;
}

.SectionHeader h3 {
  font-family: Georgia;
  padding: 2px 0 0 0;
  margin: 0 0 0 0;
  font-size: 10px;
  font-weight: normal;
  color: #666;
}

.SectionHeader strong {
  color: #f00;
}


/*-------------------------------------------------
OTHER
-------------------------------------------------*/

div.signup h4 {
  font-size: 10px;
  font-weight: normal;
  color: #999;
  margin: 2px 0 3px 0;
  padding: 0;
}

div#centeredalert h1 {
  font-size: 16px;
  margin: 10px 0;
  padding: 0;
  color: #900;
}

div#centeredalert h2 {
  font-size: 11px;
  margin: 30px 0;
  padding: 0;
  color: #000;
  font-weight: normal;
}

div.greybox {
  font-family: Verdana;
  margin: 0px 0 20px 0;
  padding: 0px 0px 5px 0px;
}

div.greybox p {
 font-family: Verdana;
 font-size: 14px;
 padding: 0;
 color: #333;
}

div.greybox h2 {
 font-family: Verdana;
 margin: 15px 0 0 0;
 font-size: 16px;
 padding: 0;
 font-weight: bold;
}

div.signup h3 {
  margin: 0 0 0 0;
  font-size: 18px;
  padding: 0;
  color: black;
  font-weight: bold;
}

div.signup input.text_entry {
  font-size: 16px;
  font-weight: normal;
  padding: 5px;
  margin: 0;
}

div.signup {
  font-size: 18px;
  font-weight: normal;
}

div.signup p {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}



/*-------------------------------------------------
ALERTS
-------------------------------------------------*/

div#notice, div#alert {
  display: inline;
  font-size: 14px;
}

div#alert {
  background-color: #c33;
  color: #fff;
}

/*-------------------------------------------------
ERROR HANDLING
-------------------------------------------------*/

.fieldWithErrors {
  padding: 5px;
  background-color: red;
  display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #F00;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  margin-left: 25px;
}

div.listlimit {
  font-size: 11px;
  padding: 7px;
  width: 450px;
  text-align: left;
  margin-left: 250px;
}


/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

div#footer {
  clear: left;
  border-top: 1px solid #dcdcdc;
  padding: 10px 0;
  font-size: 10px;
  line-height: 14px;
  color: #666;
  text-align: left;
}

#footer h1{
  clear: left;
  border-top: 1px solid #dcdcdc;
  padding: 10px 0;
  font-size: 10px;
  line-height: 14px;
  color: #666;
  text-align: left;
}

#footer p {
	font-size: 18px;


}

/*-------------------------------------------------
Donation % Bar Graph
-------------------------------------------------*/

.graph {
       border: solid 1px white;
     }

     .bar {
       background-color: lightgrey;
       text-align: right;
       padding-right: 0.5em;
       width: 250px;
     }

     .bar div {
       border-top: solid 2px #0077DD;
       background-color: #004080;
       border-bottom: solid 2px #002266;
       text-align: right;
       color: white;
       float: left;
       padding-top: 0;
       height: 1em;
     }


/*
#roll_button a img {height: 52px; width: 699px; border-width: 0;}

a#roll_button img {background: url(images/click_fan_plain.jpg) top left no-repeat;}

a#roll_button:hover img {background: url(images/click_fan_hover.jpg) top left no-repeat;}

*/