body
  {
  text-align: center;
  font-family: Arial;
  font-size: 10pt;
  color: #777;
  background-color: #93B9DD;
  }

body.popup
  {
  text-align: left;
  background-color: white;
  }

h1
  {
  font-family: Georgia;
  font-weight: normal;
  font-size: x-large;
  margin: 0px;
  padding: 0px;
  color: #5480ab;
  }

h1 b { font-weight: normal; color: #1B366B; }

h2
  {
  font-family: Georgia;
  font-weight: normal;
  font-size: large;
  margin: 1em 0px 0px 0px;
  padding: 0px;
  color: #46526B;
  border-bottom: 3px solid #EEE;
  }

h3
  {
  font-weight: normal;
  font-size: medium;
  margin: 1em 0px 0px 0px;
  padding: 0px;
  }

a
  {
  text-decoration: none;
  color: #6FB5DF;
  }

a:hover
  {
  text-decoration: underline;
  color: #6FB5DF;
  }

hr
  {
  border: 0px;
  border-top: 5px solid #EEE;
  }

img
   {
   border: 0px;
   }

.faded { color: #ADAFB1; }
.error { color: red; }

.dotted { border-bottom: 1px dotted #DDD; }

.info { background-color: #A7C8DA; border: 2px solid #1B366B; margin-bottom: 2em; color: #111; padding: 1em; }

.notify-error { border-top: 2px solid red; border-bottom: 2px solid red; margin-bottom: 2em; color: red; padding: 1em; }
.notify-message { border-top: 2px solid green; border-bottom: 2px solid green; margin-bottom: 2em; color: green; padding: 1em; }

thead td { background-color: #777; color: #EEE; padding: 2px; }

fieldset
  {
  padding: 10px 0px 0px 10px;
  border: none;
  border-top: 1px solid #CCC;
 }

legend
  {
  font-weight: bold;
  color: #1B366B;
  }

dd
  {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  }

#container
  {
  width: 780px;
  margin: 0px auto;
  text-align: left;
  background-color: white;
  padding: 15px;
  position: relative;
  }

#footer
  {
  background-color: #B2BDC0;
  width: 760px;
  height:30px;
  margin: 0px auto;
  text-align: left;
  padding: 10px 25px;
  line-height: 1.4em;
  font-size: 8pt;
  color: #555;
  }

#footer a
  {
  color: #ffffff;
  }

#header
  {
  background: url(/images/artofgiving.jpg);
  height: 42px;
  margin-bottom: 20px;
  padding-top: 130px;
  }

#super-menu
  {
  float: right;
	text-align: right;
  line-height: 1.6em;
  }

#header-menu
  {
  height: 43px;
  background-image: url(/images/menug.gif);
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  }

#main-menu span { font-size: 12px; letter-spacing: normal;}
#main-menu a { color: #222; font-family: Georgia;}
#main-menu a:hover { color: #1a67cd; font-family: Georgia;}

#header-main, #header-sub
  {
  height: 43px;
  list-style: none;
  line-height: 43px;
  margin: 0px;
  padding: 0px;
  }

#header-main li, #header-sub li
  {
  float: left;
  }

#header-main li
  {
  font-size: 16px;
  color: white;
  border-right: 1px solid white;
  }

#header-main li a
  {
  color: white;
  padding: 0px 0.6em;
  height: 43px;
  }

#header-sub li a
  {
  color: white;
  padding: 0px 0.6em;
  line-height: 43px;
  }

#header-main li:hover 
  {
  background-color: #5381aa;
  
  }

#header-sub
  {
  float: right;
  }

#menu
  {
  margin: 0px 0px 0px 630px;
  padding: 10px;
  border-left: 2px solid white;
  width: 128px;
  background: #FFF;
  height: 89px;
  font-size: 105%;
  line-height: 1.4em;
  }

#menu b
  {
  font-weight: normal;
  font-family: Arial;
  font-size: 12px;
  color: #AAA;
  }

#menu a
  {
  font-family: Arial;
  text-decoration: none;
  color: #222;
  }

#content
  {
  padding: 0px 1em;
  overflow: hidden;
  }

#account
  {
  float: right;
  }

#account a
  {
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 1px;
  color: #555;
  }

.panel
  {
  padding: 10px;
  background-color: #F4F4F4;
  }

.category-thumb, .category-thumb-selected
  {
  width: 110px;
  padding: 5px;
  float: left;
  height: 125px;
  background-color: #DBEA9B;
  }

.category-thumb-selected { background-color: #DDD; cursor: pointer; }

.category-thumb-image
  {
  border: 1px solid #E3EAEF;
  background-color: white;
  height: 85px;
  margin-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  }

.category-thumb-selected .category-thumb-image { border: 1px solid #CCC; }

#charity-browser
  {
  height: 255px;
  border: 1px solid #999;
  margin: 1em 0px;
  background-color: white;
  }

.charity-browser-col1
  {
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 140px;
  }

.charity-browser-col1 li
  {
    padding: 2px;
    background-color: #777;
    border-bottom: 1px solid #AAA;
  }

.charity-browser-col1 a { color: #EEE; }

#charity-browser-col2
  {
  padding: 10px;
  }

.category-list
  {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 170px;
font-size: 88%;
  }

.category-list .category
  {
  background-color: #999;
  color: #EEE;
  padding: 2px;
  border-bottom: 1px solid white;
  }

.category-list .subcategory
  {
  padding: 2px;
  border-bottom: 1px solid #999;
  }

.design-list
  {
  list-style: none;
  margin: 0px;
  padding: 0px;
  }

.design-list li
  {
  padding-top: 1em;
  }

.png-new
  {
  position: absolute;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  }