/** Site-wide Header: public-nav.jsp **/

.pageTopics {
    line-height: 12px;
    width: 760px; 
    margin-left: auto; 
    margin-right: auto; 
    font-size: 12px; 
    font-weight: normal; 
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666633;
    border: none;
    background-color: transparent;
}

div.sitePanel {
    border: 0px solid #999966;
    width: 760px;
    background-color: transparent;
    margin-bottom: 0px;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

div.siteFooter {
    margin-top: 4px;
    margin-bottom: 6px;
    color: #666633;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}

#siteFooter a, #siteFooter a:active, #siteFooter a:link, #siteFooter a:visited, #siteFooter a:hover {
    font-weight: bold;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
}

#siteFooter h4 {
    margin-top: 0px;
    color: #666633;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

#banner {
    background-color: ffffff;
}

table.loginBar {
    margin-top: 8px;
    margin-bottom: 0px;
    width: 760px;
    height: 20px;
    padding-top: 0px;
    padding-bottom: 6px;
    background: url(http://www.universalgiving.org/images/login-bar-background.jpg) top left repeat-x;
    background-color: #336699;
    border-top: 1px solid #336699;
}

td.loginBarLeft {
    width: 350px;
    padding-left: 10px;
    vertical-align: bottom;
    text-align: left;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #ffffff;
    font-weight: bold;
    border: 0px;
}

#loginBarLeft a, #loginBarLeft a:visited, #loginBarLeft a:link, #loginBarLeft a:hover {
    color: #ffffff;
    font-weight: bold;
}

#loginBarRight a, #loginBarRight a:visited, #loginBarRight a:link, #loginBarRight a:hover {
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    display: inline;
}
#loginBarRight img {
    display: inline;
}

td.loginBarRight {
    color: #ffffff; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-right: 10px;
    vertical-align: bottom;
    text-align: right;
    height: 20px;
    border: 0px;
}

td.sloganBackground {
    width: 500px;
    height: 90px;
    background: url(http://www.universalgiving.org/images/slogan-background-500-curve.jpg) center left no-repeat;
    text-align: left;
    vertical-align: bottom;
}

h1.slogan {
    background-color: #222244;
    display: inline;
    padding-right: 3px;
    padding-left: 3px;
    margin-left: 120px;
    line-height: 16px;
    color: #ffffff;
    font-weight: normal;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/** 0e3c5d **/
div.nav {
    width: 760px;
    margin: 0px;
    align: center;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    border-right: 0px solid #ffffff;
    margin-bottom: 2px;
    background-color: transparent;
}

table.nav {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    align: center;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 6px;
    background: url(http://www.universalgiving.org/images/nav-unselected-background.jpg) bottom left repeat-x;
    background-color: #000000;
}
td.navItem {
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    font-weight: bold;
    margin:0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}
td.navItemSelected {
    color: #ffffff;
    background: url(http://www.universalgiving.org/images/nav-background.jpg) top left repeat-x;
    background-color: #cfca6e;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}

a.navItem, a:link.navItem, a:visited.navItem {
    display: block;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    font-weight: bold;
    border-top: 3px solid #336699;
    border-bottom: 1px solid #ffffff;
}

a.navItemSelected, a:link.navItemSelected, a:visited.navItemSelected {
    display: block;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 14px;
    padding-right: 14px;
    color: #333300;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    font-weight: bold;
    border-top: 1px solid #cccc99;
    border-left: 1px solid #cccc99;
    border-right: 1px solid #666633;
    border-bottom: 0px solid #999966;
    margin: 0px;
}

a:hover.navItem, a:hover.navItemSelected {
    display: block;
    color: #000000;
    background-color: #6699cc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 4px;
    padding-left: 14px;
    padding-right: 14px;
    border: 1px solid #ffffff;
    margin: 0px;
}

span.verified { 
    border: 1px solid #666633;
    background-color: #999966;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    padding-left: 6px; 
    padding-right: 6px; 
    padding-top: 2px;
    padding-bottom: 2px;
 }

span.unverified { 
    border: 0px solid #999999;
    background-color: none;
    color: #666666;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    padding-left: 6px; 
    padding-right: 6px; 
 }

div.areaSummary {
    width: 760px;
    margin: 0px;
    background: #336699;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
    text-align: left;
}
div.areaSummaryPadding {
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 6px;
}

/** Home page **/

.homePortletMoreAction {
    display: block;
    text-align: right;
    vertical-align: bottom;
    border-bottom: 0px solid #eeeeee;
    padding-bottom: 6px;
    padding-top: 2px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 0px;
    text-decoration: none;
    font-weight: bold;
}

table.homeSplitPanel7 {
    width: 740px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    margin-bottom: 0px;
}

td.homeSplitPanelLeft7 {
    width: 222px;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    border-right: 0px solid #336699;
    border-left: 0px solid #336699;
    border-top: 0px solid #336699;
    border-bottom: 0px solid #336699;
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

td.homeSplitPanelRight7 {
    padding-left: 10px;
    vertical-align: top;
    border-top: 0px solid #336699;
    border-bottom: 0px solid #336699;
}

div.homePortlet7 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 10px;
  border: 1px solid #666677;
  text-align: left;
    background: url(http://www.universalgiving.org/images/box-background.jpg) top left repeat-x;
    background-color: #eef1f4;
}

h1.homePortlet7 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-right: 0px;
  margin-left: 0px;
  border-top: 1px solid #223355;
  border-bottom: 0px solid #223355;
  border-left: 0px solid #223355;
  border-right: 1px solid #223355;
  background-color: #eeeeee;
  color: #000000;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-transform: lowercase;
}

h2.homePortlet7 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  border: none;
  color: #336699;
}

#homeWelcome {
  color: #223355;
  margin-bottom: 12px;
}

#homeDonate7 h1.homePortlet7 {
  border: none;
  margin-bottom: 2px;
  background-color: #6699cc;
  color: #003366;
}
#homeDonate7 div.homePortlet7 {
  border: 0px solid #336699;
  margin-bottom: 2px;
  padding-bottom: 20px;
  color: #6699cc;
  background: none;
  background-color: #336699;
}
#homeDonate7 .body, #homeDonate7 td, #homeDonate7 th {
  color: #ffffff;
}

#homeVolunteer7 h1.homePortlet7 {
  border: none;
  background-color: #cccc99;
  color: #666633;
  margin-bottom: 2px;
}
#homeVolunteer7 div.homePortlet7 {
  border: 0px solid #999966;
  margin-bottom: 0px;
  padding-bottom: 20px;
  color: #ffffff;
  background: none;
  background-color: #999966;
}
#homeVolunteer7 .body, #homeVolunteer7 td, #homeVolunteer7 th {
  color: #ffffff;
}

#homeServices7 {
  background-color: #336699;
  color: #ffffff;
  padding-bottom: 0px;
  padding-left: 0px;
  border-left: 0px solid #ffffff;
  border-bottom: 1px solid #336699; 
  vertical-align: top;
  padding-top: 0px;
}

#homeServices7 h1.homePortlet7 {
  background-color: #cccc99;
  color: #003366;
  margin-top: 0px;
  border-top: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
  border-right: 0px solid #999999;
  border-bottom: 2px solid #ffffff;
  margin-bottom: 0px;
}

#homeServices7 div.homePortlet7 {
  height: 100%;
  color: #cccc99;
  background: none;
  background-color: #336699;
  border-bottom: 0px solid #999999;
  border-left: 0px solid #ffffff;
  border-right: 0px solid #999999;
  border-top: 0px solid #ffffff;
  margin: 0px;
  padding-bottom: 16px;
}

#homeServices7 a, #homeServices7 a:hover, #homeServices7 a:link, #homeServices7 a:active, #homeServices7 a:visited {
  color: #ffffff;
}

#homeGivingTips7 {
  border-right: 0px solid #336699;
  padding-right: 10px;
}

#homeGivingTips7 div.homePortlet7 {
    background: url(http://www.universalgiving.org/images/box-background.jpg) top left repeat-x;
    background-color: #eef1f4;
}

#homeGiftPackages7 .homePortletMoreAction {
    padding-bottom: 10px;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

#homeGiftPackages7 div.homePortlet7 {
    background: none;
    background-color: transparent;
    padding: 0px;
    border-right: 0px solid #999966;
    border-left: none;
    border-bottom: none;
    border-top: none;
}

#homeGiftPackages7 h2.homePortlet7 {
    background-color: transparent;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 0px;
}

#homeGiftPackages7 p {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 10px;
    margin-right: 5px;
}

#rotatingAlert7 img.homePortlet {
    margin-bottom: 10px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 10px;
    padding: 0px;
    float: left;
    border: none;
}

#rotatingSpotlight7 img.homePortlet {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 0px;
    padding: 0px;
    float: right;
    border: none;
}

#rotatingAlert7 {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-right: 1px solid #666677;
    border-top: 1px solid #666677;
    border-left: 1px solid #666677;
    border-bottom: 1px solid #666677;
    margin-bottom: 10px;
    background: url(http://www.universalgiving.org/images/box-background.jpg) top left repeat-x;
    background-color: #eef1f4;
}

#rotatingSpotlight7 {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-right: 1px solid #666677;
    border-top: 1px solid #666677;
    border-left: 1px solid #666677;
    border-bottom: 1px solid #666677;
    margin-bottom: 10px;
    background: url(http://www.universalgiving.org/images/box-background.jpg) top left repeat-x;
    background-color: #eef1f4;
}

#rotatingAlert7 .portletSmallTitle {
    border-top: 0px solid #eeeeee;
    padding-top: 0px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #336699;
    font-family: Arial, Helvetica, sans-serif;
}
#rotatingAlert7 p {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 0px;
    margin-right: 0px;
}

#rotatingAlert7 .homePortletMoreAction {
    border-bottom: 0px solid #eeeeee;
    padding-bottom: 6px;
    padding-top: 2px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    text-decoration: none;
    font-weight: bold;
}

#rotatingSpotlight7 .portletSmallTitle {
    border-top: 0px solid #eeeeee;
    padding-top: 0px;
    padding-left: 0px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #336699;
    font-family: Arial, Helvetica, sans-serif;
}

#rotatingSpotlight7 p {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 0px;
    margin-right: 0px;
}

#rotatingSpotlight7 .homePortletMoreAction { 
    border-bottom: 0px solid #eeeeee;
    padding-bottom: 6px;
    padding-top: 2px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    text-decoration: none;
    font-weight: bold;
}

/** End homepage **/

a, a:link, a:active, a:visited { 
  color: #993300; 
  font-family: Arial, Helvetica, sans-serif; 
} 

body {
    background: url(http://www.universalgiving.org/images/background.jpg) top left repeat-x;
    background-color: #cccc99; 
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: center;
}

hr {
    height: 1px;
    color: #666666;
    background-color: #666666;
    margin-top: 6px;
    margin-bottom: 6px;
    border: 0px;
    padding: 0px;
}

.body, th, td, p, li, dt, dd, body, dl {
    color: #223355;
    font-size: 12px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
} 

form {
    margin: 0px;
    padding: 0px;
}

.mainPanelWide {
    width: 758px;
    vertical-align: top;
    background-color: #ffffff;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 24px;
    border: 1px solid #336699;
}

table.mainPanel {
    border-left: 0px solid #ffffff;
    height: 500px;
}

/** 0e3c5d; **/
td.mainPanel {
    width: 536px;
    vertical-align: top;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 24px;
    border-left: 0px solid #336699;
}

.pageTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    color: #223355;
    padding-top: 12px;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0px;
}

h1, h1.pageTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    color: #223355;
    text-align: left;
    margin-bottom: 8px;
    margin-top: 6px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: transparent;
    border-top: 0px solid #336699;
    border-bottom: 2px solid #336699;
}

h2, .pageSectionTitle { 
    font-size: 16px; 
    font-weight: bold; 
    line-height: 20px; 
    font-family: Arial, Helvetica, sans-serif;
    color: #336699;
    margin-top: 24px; 
    margin-bottom: 6px;
} 

a.pageSectionTitle, a:visited.pageSectionTitle, a:active.pageSectionTitle {
    color: #336699;
    text-decoration: none;
}

div.submenu {
    background-color: transparent; 
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 0px solid #ffffff;
}

table.submenu {
    margin-left: 0px;
    margin-right: auto;
    border-top: 0px solid #333333;
    border-bottom: 0px solid #333333;
    border-left: 0px solid #cccccc;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
tr.submenu {
    padding: 0px;
    margin: 0px;
}
td.submenu {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

a.submenu, a:visited.submenu {
    background-color: transparent;
    text-align: center;
    display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
    border-left: 0px solid #336699;
    border-right: 1px solid #993333;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 0px;
    margin-right: 0px;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
a.submenuSelected, a:visited.submenuSelected {
    display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
    border-left: 0px solid #999999;
    border-right: 1px solid #993333;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}
a:hover.submenu, a:hover.submenuSelected {
    background-color: #6699cc;
    color: #ffffff;
}

div.simpleMenuItem {
    display: block;
    padding-left: 9px;
    background: url(http://www.universalgiving.org/images/action-widget-black.gif) center left no-repeat;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
}
a.menu {
    display: block;
    padding-left: 9px;
    background: url(http://www.universalgiving.org/images/action-widget-black.gif) center left no-repeat;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
}

#auxPanel a.menu, #auxPanel a:link.menu, #auxPanel a:visited.menu, #auxPanel a:active.menu, #auxPanel a:hover.menu {
    display: block;
    padding-left: 9px;
    background: url(http://www.universalgiving.org/images/action-widget-white.gif) center left no-repeat;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
    color: #ffffff;
    font-size: 11px;
}

h2.donateBoxTitle, #auxPanel h2.donateBoxTitle {
    margin-left: 0px; 
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 3px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    color: #ffffff;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 18px;
    line-height: 24px;
    background-color: #666633;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    border-right: 1px solid #ffffff;
}

h3.donateBoxTitle, #auxPanel h3.donatBoxTitle {
    padding-top: 3px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    margin-left: 0px; 
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 18px;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #666633;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    border-right: 2px solid #ffffff;
}

div.donateBox {
    background-color: #666633;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin-left: 0px; 
    margin-right: 0px;
    margin-bottom: 6px;
    padding-top: 8px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
    color: #ffffff;
    font-size: 11px;
    text-align: left;
}

table.donateBox {
    width: 190px;
    border-top: 0px solid #ffffff;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    color: #ffffff;
    text-transform: none;
}

tr.donateBox {
    vertical-align: baseline;
}

th.donateBox {
    font-weight: bold;
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 3px;
    color: #ffffff;
    text-align: right;
    text-transform: none;
    border-right: 0px solid #ffffff;
    font-family: Arial, Helvetica, sans-serif;
}

td.donateBox {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 11px;
    font-weight: normal;
    padding-left: 3px;
    text-align: left;
    color: #ffffff;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}

a:link.donateBox, a:visited.donateBox, a:hover.donateBox {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: underline;
    font-weight: normal;
}


/** The BlockListPanel Component:                                      **/
/**                                                                    **/
/** This component is useful when listing blocks of information.  For  **/
/** It was introduced for displaying testimonials/comments on matching **/
/** grants.                                                            **/

div.blockListPanel {
    background-color: #e6e6e6;
    border-top: 1px solid #333333;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 32px;
}

ul.blockListPanel {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 0px;
    list-style-type: none;
    list-style-position: outside;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    background-color: #ffffff;
}

li.blockListPanel {
    background-color: #ffffff;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #666666;
    margin-right: 0px;
    margin-top: 1px;
    margin-left: 1px;
    margin-bottom: 1px;
    border-top: 0px solid #666666;
    border-left: 0px solid #666666;
}

table.orgRegSteps {
    border-bottom: 1px solid #cc6600;
    border-right: 1px solid #cc6600;
    margin-top: 12px;
    margin-bottom: 12px;
}

th.orgRegSteps {
    font-size: 12px;
    font-weight: bold;
    color: #cc6600;
    border-left: 1px solid #cc6600;
    border-top: 1px solid #cc6600;
    padding: 2px;
    text-align: center;
}

td.orgRegSteps {
    font-size: 12px;
    font-weight: bold;
    color: #cc6600;
    border-left: 1px solid #cc6600;
    border-top: 1px solid #cc6600;
    padding: 2px;
    text-align: center;
    width: 30px;
    height: 30px;
}

.orgRegStepSelected {
    background-color: #ffcc66;
}

.giftCard {
    background: #eeeeee;
    border: 1px solid #336699;
    padding: 20px;
    text-align: left;
    width: 400px;
}

.giftCardMainPanel {
    background: #ffffff;
    padding: 1px;
    width: 300;
    border-left: 1px solid #336699;
    border-right: 2px solid #336699;
    border-top: 1px solid #336699;
    border-bottom: 2px solid #336699;
}
.giftCardMainMessage {
    text-align: center;
    padding: 5px;
    color: #666666;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
}

.giftCardGreeting {
    color: #000000;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

.giftCardCustomMessage {
    color: #000000;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

.giftCardFooter {
    color: #000000;
    font-size: 12px;
    line-height: 14px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    border-top: 1px solid #000000;
}

dt {
    font-weight: bold;
} 

th.listingLinks {
    font-weight: normal;
    padding-right: 8px;
    padding-bottom: 8px;
}

td.listingLinks {
    font-weight: normal;
    padding-bottom: 4px;
}

#auxPanel td.listingLinks {
    color : #ffffff;
}
a:link.listingLinks, a:visited.listingLinks, a:hover.listingLinks {
    font-weight:normal;
    font-size: 12px;
    line-height: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.slogan {
    color:#555555;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

/** HOME PAGE AND NEWSLETTER **/

h2.statsLabel, a.statsLabel {
    color: #223355;
    font-size: 12px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 6px;
    margin-top: 0px;
    border: none;
    font-weight: normal;
    text-decoration: none;
}

.portletTitleSpacer {
    font-size: 32px;
    line-height: 32px;
}
.portletTitle { 
    font-size: 24px; 
    font-weight: bold; 
    line-height: 28px; 
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
} 

h1.portletTitle {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 28px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
    margin: 0px;
    background-color: #ffffff;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

h2.portletTitle {
    font-size: 13px; 
    font-weight: bold; 
    line-height: 24px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #ffffff;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-transform: uppercase;
}

div.portletBody {
    padding: 10px;
    margin: 0px;
}

td.splitPanelSpacer {
    background-color: #999966;
}

.portletSmallTitleSpacer {
    font-size: 24px;
    line-height: 24px;
}
.portletSmallTitle { 
    font-size: 13px; 
    font-weight: bold; 
    line-height: 14px; 
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
} 

div.portletSmallTitle {
    margin-bottom: 12px;
}

#auxPanel .portletSmallTitle {
    color: #ffffff;
}

.defaultColor {
    color: #222222;
}

.regBackground {
/**       background-color: #e6e6cc; **/
    background: #EAE1B1;
}

.alertBackground {
    /**   background-color: #e6e6cc; **/
    background: #EAE1B1;
}

.volunteerBackground {
    background: #999966;
}

.donateBackground {
    background: #336699;
}

.aboutBackground {
    background: #993300;
}

.volunteerColor {
    color: #999966;
}
.donateColor {
    color: #336699;
}
.alertColor {
    color: #000000;
}

/** SIDE-COLUMN VERTICAL TABBED PANE FOR THE ORG PROFILES **/

div.receiverSideMenu {
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    margin-left: 0px;
    margin-top: 12px;
    margin-bottom: 24px;
    margin-right: 0px;
}

a.receiverSideMenuSelected, a:link.receiverSideMenuSelected, a:visited.receiverSideMenuSelected, a:active.receiverSideMenuSelected {    
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 9px;
    padding-top: 3px;
    padding-bottom: 3px;
    background: url(http://www.universalgiving.org/images/action-widget-white.gif) center left no-repeat;
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: left;
}

a.receiverSideMenu, a:link.receiverSideMenu, a:visited.receiverSideMenu, a:active.receiverSideMenu {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 9px;
    margin-left: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-decoration: underline;
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: left;
}

a:hover.receiverSideMenu, a:hover.receiverSideMenuSelected {
    background-color: #666633;
}

.receiverSideMenuInfo, a:link.receiverSideMenuInfo, a:visited.receiverSideMenuInfo, a:active.receiverSideMenuInfo {
    font-style: italic;
    font-size: 12px;
}

img.checkmark {
    position: relative;
    top: -5px;
    left: 0px;
}

div.checkItemTitle {
    font-size: 12px;
    font-weight: bold;
    padding-top: 3px;
}
div.checkItemDisabled {
    color: #666666;
}

div.checkbox {
    margin: 0px;
    padding: 0px;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border-top: 2px solid #009900;
    border-left: 2px solid #009900;
    border-right: 1px solid #009900;
    border-bottom: 1px solid #009900;
}

div.propertyForm {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    background-color: #ffffff;
    border-top: 0px solid #999999;
    border-bottom: 1px solid #666666;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 12px;
}

table.propertyForm {
    border: 0;
    padding: 0;
    cellspacing: 0;
    margin: 0;
}

tr.propertyForm {
    
}

th.propertyForm {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-align: left;
    vertical-align: top;
    padding-right: 0px;
    padding-top: 7px;
    padding-bottom: 2px;
    padding-left: 0px;
    margin: 0px;
}

td.propertyForm {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
    vertical-align: top;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 7px;
    padding-left: 20px;
    margin: 0px;
}

table.subcomponent, div.subcomponent {
    border-top: 0px solid #cccccc;
    border-left: 0px solid #cccccc;
    border-right: 0px solid #cccccc;
    border-bottom: 0px solid #cccccc;
    padding: 6px;
    margin: auto;
}

div.componentPropertyForm, table.componentPropertyForm {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 2px solid #999999;
    border-right: 2px solid #999999;
    padding: 6px;
    text-align: left;
}

th.componentPropertyForm {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
    vertical-align: top;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 2px;
    padding-left: 6px;
    margin: 0px;
}

td.componentPropertyForm {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
    vertical-align: top;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 6px;
    padding-left: 6px;
    margin: 0px;
}

.propertyFormHelp { 
    color: #cc6600; 
    font-weight: normal;
    font-size: 12px; 
    font-family: Arial, Helvetica, sans-serif
} 

ul.propertyFormHelp {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 20px;
}

div.pageActionBox {
    height: 28px;
    float: right;
    border: 0px solid #000000;
    margin-left: 8px;
    margin-bottom: 0px;
    margin-top: 12px;
    margin-right: 0px;
    padding: 0px;
    vertical-align: bottom:
    font-size: 12px;
    line-height: 28px;
}

div.pageActionPanel {
    position: relative;
    top: -40px;
    bottom: -40px;
    border: 0px solid #000000;
    float: right;
    margin-left: 8px;
    margin-bottom: 0px;
}

a.pageActionLink, a:link.pageActionLink, a:visited.pageActionLink, a:active.pageActionLink {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
}

input.button120 {
    width: 120px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-120-transparent.gif) top left no-repeat;
    background-color: #cccccc;
    color: #333333;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    border: 0px solid #000000;
}

input.button120Hover {
    width: 120px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-120-transparent.gif) top left no-repeat;
    background-color: #eeeeee;
    color: #000000;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    border: 0px solid #000000;
}

a.button120, a:link.button120, a:visited.button120, a:active.button120 {
    width: 120px;
    height: 20px;
    display: block;
    background: url(http://www.universalgiving.org/images/button-120-transparent.gif) top left no-repeat;
    background-color: #cccccc;
    color: #333333;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px solid #000000;
    text-decoration: none;
    text-transform: lowercase;
}

a:hover.button120 {
    background-color: #eeeeee;
    color: #000000;
}

input.button80 {
    text-transform: lowercase;
    width: 80px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-80-grey.gif) top left no-repeat;
    color: #333333;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    border: 0px solid #000000;
}

input.button80Hover {
    text-transform: lowercase;
    width: 80px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-80-grey-hover.gif) top left no-repeat;
    color: #000000;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    border: 0px solid #000000;
}

a.button80, a:link.button80, a:visited.button80, a:active.button80 {
    width: 80px;
    height: 20px;
    display: block;
    background: url(http://www.universalgiving.org/images/button-80-grey.gif) top left no-repeat;
    color: #333333;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px solid #000000;
    text-decoration: none;
    text-transform: lowercase;
}

a:hover.button80 {
    background: url(http://www.universalgiving.org/images/button-80-grey-hover.gif) top left no-repeat;
    color: #000000;
}

input.buttonDonate {
    width: 80px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-80-transparent.gif) top left no-repeat;
    background-color: #336699;
    color: #333333;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    border: 0px solid #000000;
    text-tranform: lowercase;
}

input.buttonDonateHover {
    width: 80px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-80-transparent.gif) top left no-repeat;
    background-color: #6699cc;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    border: 0px solid #000000;
    text-transform: lowercase;
}

a.buttonDonate, a:link.buttonDonate, a:visited.buttonDonate, a:active.buttonDonate {
    width: 80px;
    height: 20px;
    display: block;
    background: url(http://www.universalgiving.org/images/button-80-transparent.gif) top left no-repeat;
    background-color: #336699;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px solid #000000;
    text-decoration: none;
    text-transform: lowercase;
}

a:hover.buttonDonate {
    background-color: #6699cc;
}

input.buttonRequest {
    width: 90px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-90-transparent.gif) top left no-repeat;
    background-color: #993300;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    border: 0px solid #000000;
    text-tranform: lowercase;
}

input.buttonRequestHover {
    width: 90px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-90-transparent.gif) top left no-repeat;
    background-color: #cc4c19;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    border: 0px solid #000000;
    text-transform: lowercase;
}

a.buttonRequest, a:link.buttonRequest, a:visited.buttonRequest, a:active.buttonRequest {
    width: 90px;
    height: 20px;
    display: block;
    background: url(http://www.universalgiving.org/images/button-90-transparent.gif) top left no-repeat;
    background-color: #993300;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px solid #000000;
    text-decoration: none;
    text-transform: lowercase;
}

a:hover.buttonRequest {
    background-color: #cc4c19;
}

input.button80Light {
    width: 80px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-80-grey.gif) top left no-repeat;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    text-transform: lowercase;
    color: #333333;
    background-color: transparent;
    border: none;
}

input.button80LightHover {
    width: 80px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-80-grey-hover.gif) top left no-repeat;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    text-transform: lowercase;
    background-color: transparent;
    color: #000000;
    border: none;
}

a.button80Light, a:link.button80Light, a:visited.button80Light, a:active.button80Light {
    width: 80px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-80-grey.gif) top left no-repeat;
    display: block;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-decoration: none;
    text-transform: lowercase;
    color: #333333;
    background-color: transparent;
    border: none;
}

a:hover.button80Light {
    background-color: transparent;
    background: url(http://www.universalgiving.org/images/button-80-grey-hover.gif) top left no-repeat;
    color: #000000;
    border: none;
}

input.buttonDonateLight {
    width: 80px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-80-grey.gif) top left no-repeat;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    text-transform: lowercase;
    color: #333333;
    background-color: transparent;
    border: none;
}

input.buttonDonateLightHover {
    width: 80px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-80-grey-hover.gif) top left no-repeat;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    text-transform: lowercase;
    background-color: transparent;
    color: #000000;
    border: none;
}

a.buttonDonateLight, a:link.buttonDonateLight, a:visited.buttonDonateLight, a:active.buttonDonateLight {
    width: 80px;
    height: 20px;
    background: url(http://www.universalgiving.org/images/button-80-blue.gif) top left no-repeat;
    display: block;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-decoration: none;
    text-transform: lowercase;
    color: #333333;
    background-color: transparent;
    border: none;
}

a:hover.buttonDonateLight {
    background-color: transparent;
    background: url(http://www.universalgiving.org/images/button-80-blue-hover.gif) top left no-repeat;
    color: #000000;
    border: none;
}


div.formActionPanel {
    text-align: center;
    align: center;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 24px;
    margin-left: 30px;
    margin-right: 30px;
}
table.formActionPanel {
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    align: center;
}
td.formActionPanel {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    padding-right: 6px;
}

div.profileActionPanel {
    text-align: left;
    align: right;
    border: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 0px;
    margin-right: 0px;
}

table.profileActionPanel {
    width: 100%;
    border: 0px;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    align: center;
}
td.profileActionPanel {
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-right: 1px solid #ffffff;
}

a.profileActionPanel {
    text-align: center;
    display: block;
    background: #e6e6e6;
    border: 1px solid #993300;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    margin: 1px;
    text-decoration: none;
    color: #993300;
    text-transform: none;
}

a:hover.profileActionPanel {
    margin: 0px;
    border: 2px solid #993300;
    color: #993300;
    background-color: #eeeeee;
    text-decoration: none;
}

.profileContextBar {
    border-top: 1px solid #336699;
    border-left: 1px solid #336699;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 6px;
    background-color: #bbccdd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

div.propertySheet {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    background: url(http://www.universalgiving.org/images/box-background.jpg) top left repeat-x;
    background-color: #eef1f4;
    border: 1px solid #999999;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 12px;
    text-align: left;
}

#printable div.propertySheet {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 10px;
    margin-bottom: 12px;
    width: 80%;
}

#printable hr {
    color: #000000;
    background-color: #000000;
}

table.propertySheet {
    border: 0px;
    padding: 0px;
    cellspacing: 0px;
    margin: 0px;
}


#mainPanelWide table.propertySheet {
    width: 700px;
}

#mainPanel table.propertySheet {
    width: 470px;
}

th.propertySheet {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 0px;
    margin: 0px;
    white-space: nowrap;
    width: 1%;
}

td.propertySheet {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 0px;
    margin: 0px;
}

a.propertySheetAction {
    font-weight: bold;
    margin-left: 12px;
    margin-right: 12px;
    text-decoration: underline;
    border: 0px solid #999999;
    background-color: transparent;
    color: #993300;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 11px;
    line-height: 13px;
}

a:hover.propertySheetAction {
    border: 1px solid #993300;
    margin-left: 11px;
    margin-right: 11px;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.progressMeter {
    margin-top: 0px;
    margin-bottom: 0px;
    border-left: 2px solid #000000;
    padding-top: 4px;
    padding-bottom: 4px;
}

table.progressMeter {
    border-left: 1px solid #000000;
    padding: 0px;
    margin: 0px;   
    background: #ffffff;
}

td.progressMeterComplete {
    height: 8px;
    border-left: 0px solid #009933;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    background: #33cc66;
}

td.progressMeterRemaining {
    height: 6px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    background: #ffffff;
}

.progressMeterAmount {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    padding-left: 6px;
}


/* Main prompt for form properties */
.formPrompt1 {
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* Prompt for form property components.
 * E.g. "city" and "state" might be prompts for components of a 
 * donation_address property, which has the main prompt "Where should 
 * donations be mailed to?" 
 */
.formPrompt2 {
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

body.basic {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-color: #ffffff;
}

.basicHead {
    background: #ffffff;
    border-bottom: 2px solid #336699;
    vertical-align: top;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.basicBody {
    background: #ffffff;
    text-align: left;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.registrationTips {
    width: 80%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    text-align: left;
    background: #eeeeee;
    border-top: 1px solid #FF9933;
    border-bottom: 1px solid #FF9933;
}

ul.helpbody {
    padding-left: 20px;
    list-style-type: circle;
    padding-top: 0px;
    padding-bottom:0px;
    margin:0px;
}

#auxPanel hr, hr.helpbody {
    height: 1px;
    width: 100%;
    color: #ffffff;
    background-color: #ffffff;
    margin-top: 6px;
    margin-bottom: 6px;
    border: 0px;
    padding: 0px;
}
.registrationTipsTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    color: #000000;
}

.paragraphTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    color: #000000;
}

div.paragraphTitle, h3.paragraphTitle {
    margin-top: 12px;
    margin-bottom: 2px;
}

.helpKey {
    color: #000000;
    font-size: 10px;
    line-height: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    background: #dddddd;
    border: 1px solid #999999;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
}


.photoCaption { 
    color: #ffffff; 
    font-size: 10px; 
    line-height: 14px; 
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a:link.photoCaption, a:visited.photoCaption, a:active.photoCaption { 
    color: #ffffff; 
    font-size: 10px; 
    line-height: 14px; 
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.featuredQuote { 
    padding-left: 20px;
    text-align: left;
    vertical-align: middle;
    color: #999966;
    font-size: 13px;
    line-height: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#areaPublic2 .featuredQuote {
    color: #8899aa;
}

.testbody { 
    color: #000000; 
    font-size: 11px; 
    line-height: 10px; 
    font-family: Arial, Helvetica, sans-serif
} 
 

/** From now on, use h2 or h3 with class="auxPanel". **/
/** We reserve h1 for future                  **/

table.mainSplitPanelFrame {
    width: 760px;
    background-color: #999966;
    border: 1px solid #336699;
}

td.auxPanelFrame {
    border-right: 0px solid #ffffff;
    width: 224px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #999966;
}

div.auxPanel {
    color: #ffffff;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

#auxPanel img.homePortlet {
    width: 150px;
    margin-left: 26px;
    margin-right: 26px;
    border: 1px solid #ffffff;
}

#sponsoredSearchResult img.homePortlet {
    width: 150px;
    margin-left: 26px;
    margin-right: 26px;
    border: 1px solid #000000;
    padding: 0px;
}
p.auxPanel, #auxPanel p {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
}

h2.auxPanel, div.helpheader1, #auxPanel h2 {
    color: #ffffff; 
    font-size: 20px; 
    line-height: 24px; 
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 12px;
    padding-bottom: 6px;
    margin-top: 0px;
    margin-bottom: 12px;
    font-weight: normal;
    background-color: transparent;
    border-bottom: 1px solid #ffffff;
    margin-right: 0px;
    margin-left: 0px;
}

h3.auxPanel, div.helpheader2, #auxPanel h3 {
    margin: 0px;
    padding-top: 12px;
    padding-bottom: 6px;
    color: #ffffff; 
    font-size: 13px; 
    line-height: 16px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
}

h4.auxPanel, div.helpheader3, #auxPanel h4 {
    margin-top: 12px;
    margin-bottom: 0px;
    color: #ffffff; 
    font-size: 12px; 
    line-height: 16px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
}

a:link.auxPanel, a:visited.auxPanel, a:active.auxPanel, #auxPanel a:link, #auxPanel a:visited, #auxPanel a:active { 
    color: #ffffff; 
    font-family: Arial, Helvetica, sans-serif;
}

#auxPanel a.button80Light {
    color: #333333;
}

#auxPanel a:hover.button80Light {
    color: #000000;
}

.helpheader1 { 
    color: #ffffff; 
    font-size: 24px; 
    line-height: 28px; 
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
} 
 

.helpheader2 { 
    color: #ffffff; 
    font-size: 13px; 
    line-height: 16px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
} 

a:link.helpheader2, a:visited.helpheader2, a:active.helpheader2 { 
    color: #ffffff; 
    font-size: 13px; 
    line-height: 16px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.helpheader3 { 
    color: #ffffff; 
    font-size: 12px; 
    line-height: 16px; 
    font-weight: normal; 
    font-family: Arial, Helvetica, sans-serif
} 

.sideMenuItem {
    color: #ffffff; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Arial, Helvetica, sans-serif;
    line-height: 13px;
    padding-top: 2px;
    padding-bottom: 2px;
}

a:link.sideMenuItem, a:visited.sideMenuItem, a:active.sideMenuItem { 
    color: #ffffff; 
    font-size: 11px; 
    line-height: 14px; 
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

a:link.selectionMenu, a:visited.selectionMenu, a:active.selectionMenu, a.selectionMenu {
    display: block;
    padding-left: 9px;
    margin-left: 0px;
    text-decoration: underlline;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
}

a:link.selectionMenuSelected, a:visited.selectionMenuSelected, a:active.selectionMenuSelected, a.selectionMenuSelected {
    display: block;
    padding-left: 9px;
    margin-left: 0px;
    text-decoration: none;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(http://www.universalgiving.org/images/action-widget-black.gif) center left no-repeat;    
    font-weight: bold;
}

#auxPanel a:link.selectionMenu, #auxPanel a:visited.selectionMenu, #auxPanel a:active.selectionMenu, #auxPanel a.selectionMenu {
    color: #ffffff;
}

#auxPanel a:link.selectionMenuSelected, #auxPanel a:visited.selectionMenuSelected, #auxPanel a:active.selectionMenuSelected, #auxPanel a.selectionMenuSelected {
    background: url(http://www.universalgiving.org/images/action-widget-white.gif) center left no-repeat;    
}

.largeQuote {
    font-size: 36px; line-height: 5px; vertical-align: bottom; color: #cccc99;
}

#areaPublic2 .largeQuote {
    color: #aabbcc;
}

.auxPanelLargeQuote {
    font-size: 36px; line-height: 5px; vertical-align: bottom; color: #eeeecc;
}

/**
#areaPublic2 .auxPanelLargeQuote {
    color: #bbddff;
}
**/

.helpbody, a.helpbody { 
    color: #ffffff; 
    font-size: 12px; 
    line-height: 14px; 
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
} 

.testbody1 { 
    color: #CC0000; 
    font-size: 11px; 
    line-height: 10px; 
    text-decoration: underline; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.testbody2 { 
    color: #CC0000; 
    font-size: 11px; 
    line-height: 14px; 
    text-decoration: underline; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.testheader1 { 
    color: #000000; 
    font-size: 11px; 
    line-height: 18px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
} 
 
 

.loginbox { 
    color: #000000; 
    font-size: 10px; 
    font-weight: normal;
    line-height: 10px; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.paramlabel { 
    color: #000000; 
    font-size: 11px; 
    line-height: 18px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
} 

.searchheader1 { 
    color: #ffffff; 
    font-size: 11px; 
    line-height: 18px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
} 

a:link.searchheader1, a:visited.searchheader1, a:active.searchheader1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    color: #ffffff;
}

.formbox50 { 
    font-size: 10px;
      line-height: 12px;
    width: 50px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #000000; 
    background: #ffffff;
      line-height: 11px;
      height: 18px;
      vertical-align: middle; 
} 
 

.formbox75 { 
    font-size: 10px;
      line-height: 12px;
    width: 75px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #000000; 
    background: #ffffff;
      line-height: 11px;
      height: 18px;
      vertical-align: middle;
} 
 

.formbox110 {
    font-size: 10px;
    width: 110px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
} 
 

.formbox120 {
    font-size: 10px;
    width: 120px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
} 

.formbox125 {
    font-size: 10px;
    width: 125px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
} 
 

.formbox135 {
    font-size: 10px;
    width: 135px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
} 
 

.formbox140 {
    font-size: 10px;
    width: 140px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
} 
 

.formbox150 {
    font-size: 10px;
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
} 
 

.formbox160 {
    font-size: 10px;
    width: 160px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
} 
 

.formbox170 { 
    font-size: 10px;
    width: 170px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #000000; 
    background: #ffffff;
      line-height: 11px;
      height: 18px;
      vertical-align: middle;
} 
 

.formbox180 { 
    font-size: 10px;
    width: 180px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #000000; 
    background: #ffffff;
      line-height: 11px;
      height: 18px;
      vertical-align: middle;
} 
 

.formbox200 {
    font-size: 10px;
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
} 
 

.formbox260 { 
    font-size: 10px;
    width: 260px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #000000; 
    background: #ffffff;
      line-height: 11px;
      height: 18px;
      vertical-align: middle;
} 
 

.formbox300 { 
    font-size: 10px;
    width: 300px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #000000; 
    background: #ffffff;
      line-height: 11px;
      height: 18px;
      vertical-align: middle;
} 
 
.formbox360 { 
    font-size: 10px;
    width: 360px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #000000; 
    background: #ffffff;
      line-height: 11px;
      height: 18px;
      vertical-align: middle;
} 

.formbox400 { 
    font-size: 10px;
    width: 400px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #000000; 
    background: #ffffff;
      line-height: 11px;
      height: 18px;
      vertical-align: middle;
} 
 

.searchbody1 { 
    color: #ffffff; 
    font-size: 11px; 
    line-height: 18px; 
    font-family: Arial, Helvetica, sans-serif;
} 
 
 

.spotlightheader1 { 
    color: #000000; 
    font-size: 14px; 
    line-height: 14px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.spotlightbody { 
    color: #666666; 
    font-size: 11px; 
    line-height: 12px; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.loggedinheader { 
    color: #000000; 
    font-size: 12px; 
    line-height: 13px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.header2 { 
    color: #000000; 
    font-size: 15px; 
    line-height: 17px; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.header3 { 
    color: #000000; 
    font-size: 14px; 
    line-height: 17px; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.header4 { 
    color: #999999; 
    font-size: 18px; 
    font-weight: bold; 
    line-height: 24px; 
    font-family: Arial, Helvetica, sans-serif;
} 


.header4donation { 
    color: #336699; 
    font-size: 18px; 
    font-weight: bold; 
    line-height: 24px; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.header4register { 
    color: #CC6600; 
    font-size: 18px; 
    font-weight: bold; 
    line-height: 24px; 
    font-family: Arial, Helvetica, sans-serif;
} 

.loginOrRegisterBoxTitle { 
    color: #CC6600; 
    font-size: 18px; 
    font-weight: normal; 
    line-height: 24px; 
    font-family: Arial, Helvetica, sans-serif;
}  

.header5 { 
    color: #000000; 
    font-size: 15px; 
    font-weight: bold; 
    line-height: 17px; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.header6 { 
    color: #000000; 
    font-size: 24px; 
    font-weight: bold; 
    line-height: 28px; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.formtext { 
    color: #000000; 
    font-size: 14px; 
    line-height: 16px; 
    font-family: Arial, Helvetica, sans-serif;
} 
 

.highlight1 { 
    color: #cc0000; 
    font-size: 14px; 
    line-height: 18px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
} 

.error { 
    color: #990000; 
    font-size: 14px; 
    font-weight: normal; 
    font-family: Arial, Helvetica, sans-serif;
} 

.required { 
    color: #990000; 
    font-size: 18px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, sans-serif;
} 

.optional { 
    color: #cc6600; 
    font-weight: normal;
    font-size: 11px; 
    font-family: Arial, Helvetica, sans-serif;
} 

.detailfield {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #223355;
    background: url(http://www.universalgiving.org/images/box-background.jpg) top left repeat-x;
    background-color: #eef1f4;
    border: 1px solid #999999;
}
.headproject {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
}
.volunteerfield {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    background: url(http://www.universalgiving.org/images/box-background.jpg) top left repeat-x;
    background-color: #eef1f4;
    border: 1px solid #999999;
}
.oppfield {
    background-color: #FFFFFF;
    border: 1px solid #999999;
}
.dropdownCountries {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    color: #000000;
    width: 140px;
}
.dropdown260 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    color: #000000;
    width: 260px;
}
.dropdown50 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    width: 50px;
}
.dropdown200 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    width: 200px;
}
.dropdown75 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    width: 75px;
}
.dropdown60 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    color: #000000;
    width: 60px;
}
.formbox60 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    width: 60px;
  background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
}
.formbox65 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    width: 65px;
  background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
}
.formbox55 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    width: 55px;
  background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
}
.header2volunteer {
    font-size: 15px;
    line-height: 17px;
    color: #738597;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.dropdown100 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    width: 100px;
}
.dropdown140 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    width: 140px;
}
.formbox15 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    width: 15px;
  background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
}
.formbox35 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    width: 35px;
  background: #ffffff;
    line-height: 11px;
    height: 18px;
    vertical-align: middle;
}
.checkbox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 8px;
    color: #000000;
}
.spotlightheader2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
}
.spotlightsubheader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
}
.header7 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: normal;
    color: #000000;
}
.dropdown360 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    color: #000000;
    width: 360px;
}
.dropdownActions {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    color: #000000;
    background-color: #CCCCCC;
    width: 125px;
}
.dropdownActions75 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    background-color: #CCCCCC;
    width: 75px;
    color: #000000;
}
.dropdownActions65 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    color: #000000;
    background-color: #CCCCCC;
    width: 65px;
}
.header2bar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 17px;
    font-weight: bold;
    color: #FFFFFF;
}
.header4volunteer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #000000;
}
.header2volunteergreen {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 17px;
    font-weight: bold;
    color: #999966;
}
.header4about {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #8D7D42;
}
.warning {
    font-fameily: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #bb0000;
}

div.filterTable {
    margin-top: 6px;
    margin-bottom: 6px;
}

table.filterTable {
    width: 100%;
    border: 0px solid #000000;
    cellpadding: 3;
    cellspacing: 2;
}

div.dataTable {
    padding: 0px;
    margin-top: 24px;
    margin-bottom: 24px;
}

table.dataTable {
    width: 100%;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    cellpadding: 0;
    cellspacing: 0;
}

tr.dataTableSummary {
    background-color: #eeeeee;
    text-align: left;
}
td.dataTableSummary {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #336699;
    padding: 6px;
}
td.dataTableAction {
    text-align: right;
    vertical-align: middle;
    padding: 6px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #336699;
}
tr.dataTableHeader {
    text-align: left;
    background-color: #bbccdd;
}
th.dataTableHeader {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #336699;
    padding-top: 3px;
    padding-top: 3px;
    padding-left: 6px;
    padding-right: 6px;
    text-transform: uppercase;
}

a.dataTableHeader {
    font-weight: normal;
}

td.dataTable {
    border-bottom: 1px solid #cccccc;
    padding: 6px;
    border-right: 1px solid #cccccc;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
    vertical-align: top;
}

th.dataTable {
    border-bottom: 1px solid #cccccc;
    padding: 6px;
    border-right: 1px solid #cccccc;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
}

tr.dataTableOdd {
    background-color: #eeeeff;
}
tr.dataTableEven {
    background-color: #ffffff;
}

a.searchSummary, a:link.searchSummary, a:visited.searchSummary, a:active.searchSummary {
    font-size: 12px;
    padding-left: 3px; padding-right: 3px;
    text-decoration: none;
    font-weight: bold;
    border-left: 1px solid #666666;
}

table.searchSummary {
    width: 100%;
    border-top: 1px solid #336699;
    border-left: 0px solid #cccccc;
    border-bottom: 0px solid #336699;
    border-right: 0px solid #cccccc;
    background-color: #bbccdd;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 0px;
    margin-bottom: 6px; 
}

div.searchParamsDescription {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 24px;
}

table.searchSummaryBottom {
    width: 100%;
    border-top: 0px solid #336699;
    border-left: 0px solid #cccccc;
    border-bottom: 1px solid #336699;
    border-right: 0px solid #cccccc;
    background-color: #bbccdd;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 6px;
    margin-bottom: 6px; 
}

#areaPublic3 table.searchSummary {
    border-top: 1px solid #999966;
    background-color: #cccc99;
}

#areaPublic3 table.searchSummaryBottom {
    border-bottom: 1px solid #999966;
    background-color: #cccc99;
}

th.searchSummary {
    font-weight: normal;
    padding-right: 10px;
    vertical-align: top;
}

td.searchSummary {
    text-align: right;
    vertical-align: top;
}

div.searchResult {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid #999999;
}

#search table.propertySheet {
    background-color: #ffffff;
    border-top: 0px;
    border-bottom: 0px solid #336699;
    border-left: 0px solid #336699;
    border-right: 0px solid #336699;
    width: 100%;
    padding: 6px;
    margin: 0px;
}

#search th.propertySheet {
    width: 30%;
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight: bold;
    color: #000000;
}

#search td.propertySheet {
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight: normal;
}

#search div.propertySheet {
    margin-top: 0px;
    margin-left: 0px; 
    margin-right: 0px;
    margin-bottom: 0px;
    border-bottom: 0px solid #cccccc;
    border-top: 0px solid #cccccc;
    border-left: 0px solid #cccccc;
    border-right: 0px solid #cccccc;
    background-color: transparent;
    padding: 0px;
}

h3.searchResult {
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-bottom: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    background-color: #eeeeee;    
    border-top: 1px solid #336699;
    border-bottom: 1px solid #336699;
}

p.searchResult {
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    border-top: 0px solid #336699;
    border-left: 0px solid #336699;
    border-right: 0px solid #336699;
    border-bottom: 0px;
}

#sponsoredSearchResult div.portletSmallTitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #336699;
}

a:link.actionLink, a:active.actionLink, a:visited.actionLink  {
    padding-top: 2px;
    padding-bottom: 6px;
    font-weight: bold;
    text-decoration: none;
    color: #993333;
}

.servicesPromotion, a:link.servicesPromotion, a:active.servicesPromotion, a:visited.servicesPromotion  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
        text-decoration: none;
    color: #666666;
}
.servicesPromotionSelected, a:link.servicesPromotionSelected, a:active.servicesPromotionSelected, a:visited.servicesPromotionSelected  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

a:link.tab, a:active.tab, a:visited.tab  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    text-decoration: none;
    color: white;
}

a:link.orgTab, a:active.orgTab, a:visited.orgTab  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    text-decoration: none;
    color: white;
}

.faqNumber {
    font-size: 14px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
} 

td.faqNumber {
   vertical-align: baseline;
   horizontal-align: right;
}

td.faqQuestion {
   vertical-align: baseline;
   horizontal-align: left;
}
.faqQuestion {
    font-size: 12px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
} 

.faqResponse {
    font-size: 12px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif
}

.faqResponse2 {
    color: #666644;
    font-size: 13px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.highlight {
    background-color: #ffff99;
}

#auxPanel .highlight {
    color: #223355;
}

#search .highlight, #sponsoredSearchResult .highlight {
    font-weight: bold;
    background-color: transparent;
}

.fieldstatus, input.fieldstatus, input[type="text"].fieldstatus, input.text.fieldstatus, input[type="readonly"].fieldstatus, input.readonly.fieldstatus {
    width: 450px;
    border: 0px none #ffffff;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #990000;
}

#teamBody h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}
#teamBody h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}
#teamBody img.team {
    margin-right: 8px;
}
#teamBody div.teamMember {
    margin-top: 12px;
    margin-bottom: 12px;
}
#teamBody #hallOfFame li {
    font-size: 14px;
    line-height: 22px;
}