/* HTML Base Elements */
BODY
{
  background: #fff8e3 url("../images/bg_main.gif") top left repeat-x;
  margin: 0px 0px 20px 0px;
  text-align: center;
}
A, H1, H2, H3, H4, H5, H6, OL, P, UL, td
{
  font-family: Arial;
}


/* === Standard HTML Layout elements === */
#pageHolder
{
  width: 756px;
  margin: 0px auto;
  display: block;
}
/* --- Page Header --- */
#pageHeader
{
  width: 756px;
  height: 248px;
  background: transparent url("../images/banner.jpg") top left no-repeat;
}
#headerLogo
{
  float: left;
  width: 200px;
  height: 200px;
  display: block;
  margin: 0px;
  padding: 35px 0px 30px 35px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 170px;
  height: 135px;
}
html>body #headerLogo 
{
  width: 170px;
  height: 135px;
}
#headerLogo a img
{
  border: 0px;
}

/* --- Navigation --- */
#headerNav
{
  width: 756px;
  float: left;
  display: block;
  text-align: center;
  margin: 0px;
  padding: 0px 25px 0px 25px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 706px;
}
html>body #headerNav 
{
  width: 706px;
}
#headerNav ul
{
  width: 680px;
  margin: 0px;
  padding: 0px;
}
#headerNav li
{
  float: left;
  margin: 0px;
  padding: 0px;  
  list-style: none;
}
#headerNav li a
{
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  padding: 3px 20px 3px 20px;
  height: 22px;
  background-color: trasparent;
}
#headerNav li a.navHome:hover,      #headerNav li a.home { background: url("../images/nav_home.gif") top left no-repeat; }
#headerNav li a.navProjects:hover,  #headerNav li a.projects { background: url("../images/nav_projects.gif") top left no-repeat; }
#headerNav li a.navNews:hover,      #headerNav li a.news { background: url("../images/nav_news.gif") top left no-repeat; }
#headerNav li a.navPatrons:hover,   #headerNav li a.patrons { background: url("../images/nav_patrons.gif") top left no-repeat; }
#headerNav li a.navDonations:hover, #headerNav li a.donations { background: url("../images/nav_donations.gif") top left no-repeat; }
#headerNav li a.navSupporters:hover,#headerNav li a.supporters { background: url("../images/nav_supporters.gif") top left no-repeat; }
#headerNav li a.navContact:hover,   #headerNav li a.contact { background: url("../images/nav_contact.gif") top left no-repeat; }

/* --- Page Body Elements --- */
#pageBody
{
  width: 756px;
  display: block;
  background: transparent url("../images/bg_border.gif") top left repeat-y;    
  padding: 0px 20px 0px 15px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 721px;
}
html>body #pageBody 
{
  width: 721px;
}
#bodyMain
{
  width: 721px;
  display: block;
  float: left;
  text-align: left;
  background: #feedbb url("../images/bg_internal.gif") top left repeat-x;   
  padding: 0px 15px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 691px;
}
html>body #bodyMain 
{
  width: 691px;
}

/* --- Page Footer --- */
#pageFooter
{
  float: left;
  width: 756px;
  height: 90px;
  display: block;
  background: transparent url("../images/bg_footer.gif") top left no-repeat;
  text-align: left;  
} 
#pageFooter p
{
  color: #ffffff;
  font-size: 11px;
  margin: 20px 25px;
}
#pageFooter a
{
  color: #ffffff;
}
#pageFooter p span
{
  display: block;
}


/* === Home Page HTML Layout elements === */
#homeBdrTop
{
  width: 691px;
  height: 19px;
  display: block;
  background: transparent url("../images/bdr_home_top.gif") top left no-repeat;
}
#homeMain
{
  width: 691px;
  display: block;
  float: left;
  padding: 0px 6px 0px 5px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 680px;
  background: transparent url("../images/bg_home_main.gif") top left repeat-y;  
}
html>body #homeMain 
{
  width: 680px;
}
.bgHomeMain
{

}
#homeMainText
{
  width: 326px;
  display: block;
  float: left;
  background: #ffffff url("../images/bg_home_text.jpg") top left no-repeat;
  text-align: left;
  padding: 0px 10px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 306px;
}
html>body #homeMainText 
{
  width: 306px;
}
#homeMainText h1
{
  color: #00772f;
  font-size: 16px;
  margin: 0px 0px 10px 0px;
}
#homeMainText p
{
  font-size: 11px;
  margin: 0px 0px 10px 0px;
  line-height: 14px;
}
#homeMainText p a
{
  color: #00772f;  
}
#homeMainText ul
{
  font-size: 11px;
  margin: 0px 0px 10px 0px;
  padding-left: 25px;  
}
#homeMainVideo
{
  width: 333px;
  display: block;
  float: right;    
  background: #ffffff url("../images/bg_home_text.jpg") top left no-repeat;  
}
#homeMainVideo a img
{
  border: 0px;
}
#homeBdrMid
{
  width: 691px;
  height: 35px;
  display: block;
  clear: both;  
  background: transparent url("../images/bdr_home_mid.gif") top left no-repeat;
}
#homeBdrBtm
{
  width: 691px;
  height: 20px;
  display: block;
  clear: both;  
  background: transparent url("../images/bdr_home_btm.gif") top left no-repeat;
}
#homePuff
{
  width: 691px;
  display: block;
  background: transparent url("../images/bg_home_puff.gif") top left repeat-y;     
  padding: 0px 6px 0px 5px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 680px;
}
html>body #homePuff 
{
  width: 680px;
}
#homePuff01
{
  width: 326px;
  display: block;
  float: left;
  margin-right: 20px;
  background: transparent url("../images/bg_home_puff01.jpg") top left no-repeat;     
  text-align: left;
  padding: 0px 0px 10px 10px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 316px;
}
html>body #homePuff01 
{
  width: 316px;
}
#homePuff02
{
  width: 150px;
  display: block;
  float: left;
  margin-right: 20px;
  background: transparent url("../images/bg_home_puff02.jpg") top left no-repeat;
  text-align: left;  
  padding: 0px 0px 10px 10px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 140px;
}
html>body #homePuff02 
{
  width: 140px;
}
#homePuff03
{
  width: 164px;
  display: block;
  float: left;
  background: transparent url("../images/bg_home_puff03.jpg") top left no-repeat;
  text-align: left;    
  padding: 0px 10px 10px 10px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 144px;
}
html>body #homePuff03
{
  width: 144px;
}
#puffSponsors
{
  margin-top: 5px;
}
#homePuff01 h2, #homePuff02 h2, #homePuff03 h2
{
  font-size: 14px;
  color: #00772f;
  margin: 0px 0px 5px 0px;
}  
#homePuff01 p
{
  font-size: 11px;
  margin: 0px;
}
#homePuff02 p
{
  font-size: 11px;
  color: #00772f;  
  margin: 0px;
  font-weight: bold;
}
.floatRight
{
  float: right;
}



/* === Internal Page HTML Layout elements === */
#sideNav
{
  display: block;
  width: 200px;
  float: left;
}
.sideNavTop
{
  background: transparent url("../images/bdr_nav_top.gif") top left no-repeat;
  width: 200px;
  height: 20px;
  display: block;
  
}
.sideNavBody
{
  width: 190px;
  display: block;
  border-left: 5px solid #ffffff;
  border-right: 5px solid #ffffff;  
  background: #ffffff url("../images/bg_nav.jpg") top left no-repeat;  
  padding-top: 10px;
}
.sideNavBody h2
{
  color: #00772f;
  margin: 0px 8px;
  padding: 0px;
}
.sideNavBody ul
{
  margin: 0px;
  padding: 0px 10px 50px 10px;
}
.sideNavBody li
{
  list-style: none;
  font-size: 11px;
  padding-bottom: 10px;
}
.sideNavBody li a
{
  color: #00772f;
}
.sideNavBtm
{
  background: transparent url("../images/bdr_nav_btm.gif") top left no-repeat;
  width: 200px;
  height: 20px;
  display: block;
}
.sideNavBody h2.padSideNav
{
  padding-bottom: 200px;
}
#bodyInternal
{
  display: block;
  width: 480px;
  float: right;
}
.bodyInternalTop
{
  background: transparent url("../images/bdr_body_top.gif") top left no-repeat;
  width: 480px;
  height: 20px;
  display: block;
}
.bodyInternalBody
{
  width: 470px;
  display: block;
  border-left: 5px solid #ffffff;
  border-right: 5px solid #ffffff;  
  background: #ffffff url("../images/bg_body.jpg") top left no-repeat;  
  padding: 10px 10px 20px 10px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 450px;
}
html>body .bodyInternalBody
{
  width: 450px;
}
.bodyInternalBody h2
{
  margin: 0px 0px 5px 0px;
  font-size: 18px;
  color: #00772f;
}
.bodyInternalBody h3
{
  margin: 5px 0px 5px 0px;
  font-size: 14px;
  color: #00772f;
}
.bodyInternalBody p
{
  margin: 0px 0px 10px 0px;
  color: #000000;
  font-size: 11px;
  line-height: 18px;
}
.bodyInternalBody p span
{
  display: block;
  margin-left: 30px;
}
.bodyInternalBody li
{
  color: #000000;
  font-size: 11px;
  line-height: 18px;
}
.bodyInternalBody a
{
  font-size: 11px;
  color: #00772f;  
}
.bodyInternalBtm
{
  background: transparent url("../images/bdr_body_btm.gif") top left no-repeat;
  width: 480px;
  height: 20px;
  display: block;
}
.returnTop
{
  display: block;
  width: auto;
  text-align: right;
  margin-bottom: 20px;
}
.returnTop a
{
  font-size: 11px;
  color: #00772f;  
}
.returnTop a:hover
{
  color: #1bb357;
}
.supporter
{
  float: left;
  display: block;
  padding: 0px 10px 10px 0px;
}
.supporter a img
{
  border: 0px;
}
.padBody
{
  padding-bottom: 350px;
}
.photoPatron
{
  width: 135px;
  height: 175px;
  float: left;
  display: block;
  background-color: #fde08b;
  margin: 0px 15px 15px 0px;
  padding: 10px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 115px;  
}
html>body .photoPatron 
{
  width: 115px;  
}
.photoPatron p
{
  line-height: 14px;
}


/* === Standard classes === */
.cleaner
{
  clear: both;
  height: 1px;
  font-size: 1px;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
}
.textBoxLong
{
	width: 200px;
}
.textBoxShort
{
	width: 60px;
}
.dropDownListShort
{
	width: 65px;
}
.error
{
	color: Red;
	font-size: 15px;
}
.loading
{
    background-color: #fff;
    height:100%;
    width:100%;
    padding-top: 30px;
}
.payment
{
	font-size: 11px;
}
.payment td
{
	line-height: 18px;
}
.payment td span
{
  display: block;
  margin-left: 30px;
}