/* Design by Lesley Feldman (lesley.feldman@mac.com) */
/* Development by John Visser (john@bluemoondesign.com) */
/* Flash by Jeff Zeunert (jeff@zoledesign.com) */

html {font-family: Verdana, Arial, Helvetica, sans-serif; filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body {background: #772a11 url("../img/bg.png") repeat-x;}
#container {margin: 98px auto 0 auto; width: 1000px; height: 617px; background: url("../img/box.png") no-repeat;}
#photos {width: 350px; padding: 9px 0 0 9px; float: left;}
#main {width: 400px; float: left; padding: 60px 0 0 40px;}
	#main h1#logo {margin: 0; padding: 0; background:url("../img/logo.png") no-repeat;}
		#main h1#logo a {display: block; width: 239px; height: 144px; color: #595958; font-size: 20px;}
		#main h1#logo span {display:block; height:0; overflow: hidden; width:0;}
	#main h2 {margin: 40px 0 25px 0; padding: 0;}
		h2.subheading span {display:block; height:0; overflow: hidden; width:0;}
		h2.subheading {font-size: 10px; color: #595958; text-transform:uppercase;}
		#mission h2.subheading {width: 92px; height: 13px; background: url("../img/our-mission.png") no-repeat;}
		#board h2.subheading {width: 78px; height: 13px; background: url("../img/our-board.png") no-repeat;}
		#progress h2.subheading {width: 105px; height: 13px; background: url("../img/our-progress.png") no-repeat;}
	#main p {font-size: 11px; line-height: 1.4em; color: #595958;}
	#main a {color:#595958;}
	#main p .bioname {color:#000; text-transform:uppercase;}
	#main .greyarrow {color: #595958; text-decoration: none; background:url("../img/arrow-grey.png") 0 3px no-repeat; padding: 0 0 0 10px;}
	#main .redarrow a {color: #c74a1b; text-decoration: none; background:url("../img/arrow-red.png") 0 3px no-repeat; padding: 0 0 0 10px;}
	#main .redarrow a:hover {color: #595958; text-decoration: none; background:url("../img/arrow-grey.png") 0 3px no-repeat; padding: 0 0 0 10px;}
	#main .bio .blackarrow {color: #000; text-decoration: none; background:url("../img/arrow-black.png") 0 3px no-repeat; padding: 0 0 0 10px;}
	#main .bio .greyarrow {background: none; padding-left: 0;}
	#main .bio .greyarrow a {color: #595958; text-decoration: none; background:url("../img/arrow-grey.png") 0 3px no-repeat; padding: 0 0 0 10px;}
	#main .bio .greyarrow a:hover {color: #c74a1b; text-decoration: none; background:url("../img/arrow-red.png") 0 3px no-repeat; padding: 0 0 0 10px;}	
	#progress #main {position: relative;}
#column-right {width: 160px; float: right; padding: 60px 0 0 0;}
	#column-right ul#nav  {width: 100px; list-style: none; margin: 0; padding: 0;}
		#column-right ul#nav li {padding: 5px 0; border-top: 1px solid #a9a7a0;}
		#column-right ul#nav li a {text-decoration: none; font-size: 10px;}
		#column-right ul#nav li span {display:block; height:0; overflow: hidden; width:0;}
		#column-right ul#nav li.mission a {display: block; width: 67px; height: 10px; background: url("../img/nav_our-mission.png") top left no-repeat;}
		#column-right ul#nav li.board a {display: block; width: 57px; height: 10px; background: url("../img/nav_our-board.png") top left no-repeat;}
		#column-right ul#nav li.progress a {display: block; width: 77px; height: 10px; background: url("../img/nav_our-progress.png") top left no-repeat;}
		#column-right ul#nav li.donate a {display: block; width: 117px; height: 32px; background: url("../img/nav_donate.gif") top left no-repeat; margin: 20px 0 0 -17px;}
			#column-right ul#nav li.donate {border-top: 0;}
		#column-right ul#nav li.contact a {display: block; width: 84px; height: 13px; background: url("../img/nav_contact.png") top left no-repeat;}
		#column-right ul#nav li a:hover {background-position: bottom left}
		#column-right img.book {padding-top: 220px;}
		#column-right img.biophoto {padding-top: 105px;}
		#column-right .message {width: 140px; margin: 100px 0 0 -100px; position: relative; z-index: 1;}
		#column-right .message a {color: #c74a1b; font-size: 10px;text-decoration: none; background:url("../img/arrow-red.png") 0 3px no-repeat; padding: 0 0 0 10px;}
		#column-right .message a:hover {color: #595958; text-decoration: none; background:url("../img/arrow-grey.png") 0 3px no-repeat; padding: 0 0 0 10px;}
#footer {text-align: center; color: #c74a1b;}
	#footer a {color: #c74a1b; text-decoration: none;}
	#footer a:hover {color: #fff;}
	#footer p.bottomnav {font-size: 9px; text-transform:uppercase; margin: 3px 0 0 0;}
	#footer p.copyright {font-size: 9px; margin-top: 4px;}