/*  springfest.css */

/*  strategy: fixed height for page, use as much absolute positioning as possible;
	make the body field scroll. */
	
/*** GENERAL STYLES ***/

body, p { font-size: 12px; font-family: Myriad, Helvetica, sans-serif; }
h2 { font-size: 18px; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; }
#top-text { position: absolute; top: 10px; left: 33px; width: 717px; height: 32px; background: url('../images/top-text.gif'); background-color: white; }
#top-text h3 { display: none; }
#hover-leaf { position: absolute; top: 0px; left: -37px; }
#left-nav { position: absolute; top: 70px; left: 70px; width: 130px; height: 162px; background: url('../images/newnav.gif'); background-color: white; }
#left-nav-ul { display: none; }

#body { position: absolute; top: 60px; left: 264px; width: 340px; height: 350px; overflow: visible; padding-right: 10px; z-index: 1000; }
#body-test { position: absolute; top: 60px; left: 264px; z-index: 1000; }
#body h2 { display: none; }
#body #haichtwo { background: url('../images/the-china-nest-of-hope-foundation.gif'); height: 35px; width: 320px; margin-top: 7px; margin-left: 4px; }
#body p { color: #999; margin-left: 5px; }
#photo { position: absolute; top: 70px; left: 629px; z-index: 1000; }
#morephotos { position: absolute; top: 180px; left: 800px; z-index: 1001; }
#bottom { position: absolute; top: 440px; left: 0; width: 100%; background: url('../images/logo-center.gif'); white-space: nowrap; height: 335px; background-color: rgb(86,195,1); background-repeat: repeat-x; }
#bottom-cnoh { position: absolute; top: 920px; left: 0; width: 100%; background: url('../images/logo-center.gif'); white-space: nowrap; height: 335px; background-color: rgb(86,195,1); background-repeat: repeat-x; }
#bottom-activities { position: absolute; top: 520px; left: 0; width: 100%; background: url('../images/logo-center.gif'); white-space: nowrap; height: 335px; background-color: rgb(86,195,1); background-repeat: repeat-x; }


/*** PAGE-SPECIFIC STYLES ***/

body#demo-page #photo2 { position: absolute; left: 230px; top: 180px; }

body#home-page #photo2 { position: absolute; left: 200px; top: 100px; }
body#home-page #haichtwo { background: url('../images/welcome-to-springfest-2009.gif'); }
body#home-page #body h3 { display: block; margin-left: 5px; }
body#home-page #link a { text-decoration: none; color: #B900AB; }
body#home-page #link a:hover { border-bottom: 1px dotted #555; }
body#home-page #body h5 { display: block; margin-left: 5px; color: #777; font-size: 14px;}


body#directions #photo { display: none; }
body#directions #body { width: 600px; overflow: visible; }
body#directions #haichtwo { background: url('../images/directions.gif'); }
body#directions #address { position: absolute; top: 70px; left: 800px; width: 250px }

body#raffle #photo { display: none; }
body#raffle #body { width: 600px; overflow: visible; }
body#raffle #haichtwo { background: url('../images/charity-raffle-prizes.gif'); }
body#raffle .panel img { width: 180px; }
body#raffle #terms a { color: #B900AB; }
body#raffle #terms a:hover { border-bottom: 1px dotted #555; }
/* see also style.css for css relating to the boxy widget */

body#cnoh #body { width: 550px; }
body#cnoh #photo { width: 300px; overflow: auto; left: 800px; }
body#cnoh #ffth { position:absolute; top:570px; z-index:1000;left:265px; overflow:auto; width:800px; }
body#cnoh #photo1 { float: right; display: none; }
body#cnoh #photo2 { float: right; display: none;  }
body#cnoh #haichtwo { background: url('../images/the-china-nest-of-hope-foundation.gif'); }
body#cnoh #cnoh-logo { position: absolute; top:350px; left:1000px; width: 80px }

.cnoh-thumb {float: right; margin-right: 50px; margin-bottom: 10px; }
.ffth-thumb {float: right; margin-right: 300px; margin-bottom: 10px; margin-top: 10px;}
.first-p {clear:both;}



body#activities-and-games #haichtwo { background: url('../images/family-friendly-fun-and-food.gif'); }

body#contact #haichtwo { background: url('../images/contact-us.gif'); }

body#terms #body { width: 550px; }

body#prizes #body { width: 700px; }
body#prizes #left { width: 350px; }
body#prizes #right { float: right; width: 250px; margin-top: 0px; }
body#prizes #right ul { display: block; list-style: none; }
body#prizes #right li a { text-decoration: none; color: #3D9CA8; }
body#prizes #right li a:hover { color: #AFD7DB; border-bottom: 1px dotted #555; }
body#prizes #right li a:visited { color: #3D9CA8; }


/*** STYLES FOR NAVIGATION BARS ***/

#left-nav-ul { display: block; list-style: none; }
#left-nav-ul li a { display: block; position: absolute; height: 27px; left: 0; overflow: hidden; text-indent: -1000px; }
#left-nav-ul li a:hover { border-bottom: 1px dotted #555; }
#left-nav-ul-1 a { width: 61px; top: 0; }
#left-nav-ul-2 a { width: 100px; top: 27px; }
#left-nav-ul-3 a { width: 90px; top: 54px; }
#left-nav-ul-4 a { width: 115px; top: 81px; }
#left-nav-ul-5 a { width: 95px; top: 108px; }
#left-nav-ul-6 a { width: 80px; top: 135px; }
#left-nav-ul-7 a { width: 80px; top: 162px; }

#bottom-nav-ul { display: block; list-style: none; }
#bottom-nav-ul li a:hover { border-bottom: 1px dotted #555; }
#bottom-nav-ul li a { display: block; position: absolute; height: 27px; overflow: hidden; text-indent: -1000px; }
#bottom-nav-ul-1 a { width: 61px; top: 189px; left: 680px; }
#bottom-nav-ul-2 a { width: 100px; top: 216px; left: 680px; }
#bottom-nav-ul-3 a { width: 90px; top: 245px; left: 680px; }
#bottom-nav-ul-4 a { width: 115px; top: 189px; left: 880px; }
#bottom-nav-ul-5 a { width: 95px; top: 216px; left: 880px; }
#bottom-nav-ul-6 a { width: 80px; top: 245px; left: 880px; }

body#home-page #hover-leaf { top: 0px; }
body#cnoh #hover-leaf { top: 25px; }
body#activities-and-games #hover-leaf { top: 50px; }
body#raffle #hover-leaf { top: 78px; }
body#directions #hover-leaf { top: 105px; }
body#contact #hover-leaf { top: 130px; }
body#terms #hover-leaf { top: 78px; }
body#prizes #hover-leaf { top: 78px; }

#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	
	width: 420px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}