/***************/
/* RESET START */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/***************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, /*em,*/ font, img, ins, kbd, q, s, samp, small, strike, /*strong,*/ sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
				{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus 			{outline: 0;}
body 			{line-height: 1; color: black; background: white;}
ol, ul 			{list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table 			{border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q 	{quotes: "" "";}
/*************/
/* RESET END */
/*************/
/*
HTML		{height:100%;}
BODY 		{height:100%; text-align:center; margin:0 auto; background:url("images/background.jpg");}

#center 	{position:absolute; width:767px; *height:100%; background-color:#ABCDEF; left:49%; margin-left:-383px; margin-top:0px; margin-bottom:0px;}
#left	 	{float:left; width:49%; *height:100%;}
#innerLeft 	{width:auto; *height:100%; margin-top:0px; margin-bottom:0px; border-right:383px solid white; background:url("images/background_left.jpg") repeat-y right top;}
#leftTree	{width:100%; *height:100%; margin-top:0px; margin-bottom:0px; background:url("images/backgroundTree_left.jpg") no-repeat right top;}
#right	 	{float:left; *height:100%; width:50%; margin-top:0; margin-bottom:0; background:#f00;}
#innerRight {width:auto; *height:100%; margin-top:0px; margin-bottom:0px; border-left:384px solid white; background:url("images/background_right.jpg") repeat-y left top;}
#rightTree	{width:100%; height:100%; margin-top:0px; margin-bottom:0px; background:url("images/backgroundTree_right.jpg") no-repeat left top;}
*/


HTML			{height:100%;}
BODY 			{height:100%; text-align:center; margin:0 auto; background:#F7E8D3 url("images/background.jpg"); font-family:arial,sans-serif; font-size:.75em; line-height:1.2em;}
img				{behavior:url("_iepngfix.htc");}
P				{padding-bottom:15px;}
H2				{font-weight:bold; font-size:1.2em; margin-bottom:8px;}
.bold			{font-weight:bold;}
.notbold		{font-weight:normal;}
.italic			{font-style:italic;}
A, A:link		{font-weight:bold; color:#441d09;}
A:visited		{font-weight:bold; color:#441d09;}
.note, A.note 	{font-weight:bold; color:#ff0 !important; text-decoration:underline;}
.smallerText	{font-size:.9em;}
.list			{margin-left:15px; list-style:disc;}
.hidden			{display:none;}
.error			{color:#573013; font-weight:bold;}

#heroPhoto		{float:left;}
#heroCopy		{float:left; display:inline; background:url("images/heroCopyArea.jpg") no-repeat; color:#fff; font-size:1em; padding:0 16px 0 16px; width:156px; height:257px;}
#heroCopy P		{line-height:1.2em;}
#heroCopy .heroCopyArea_header	{background:url("images/heroCopyArea_header.jpg") no-repeat; text-indent:-9000px; width:188px; height:58px; margin:0 -16px 10px -16px;}
#heroBottom		{background:#f1e5d1; height:4px; line-height:0; font-size:0;}

#contentArea		{background:#d69849 url("images/background_contentTop.jpg") no-repeat; color:#441d09;}
#contentLeft		{float:left; width:412px; padding:20px 15px 0 35px;}
#contentLeftFull	{float:none; width:680px; padding:20px 16px 0 35px;}
#contentRight		{float:right; padding:18px 16px 0 0;}
#contentAreaFooter	{background:#d69849 url("images/background_contentBottom.jpg") no-repeat; height:53px;}
#footer				{background:#f1e5d1 url("images/background_footer.jpg") no-repeat; height:35px; color:#734b1c; font-size:.9em; padding-bottom:20px;}
#footer #insite		{padding:12px 0 0 13px; float:left;}
#footer #insite	img	{vertical-align:middle; padding-left:5px;}
#footer #copy		{float:right; padding:12px 13px 0 0; text-align:right;}
#footer #copy A,
#footer #copy A:visited{text-decoration:none; color:#734b1c;}
#footer #copy A:hover{text-decoration:underline;}
#footerUtilities			{text-align:center;}
#footerUtilities ul			{padding:30px 0 20px 35px; margin:0 0 0 28%;}/*22%*/
#footerUtilities li			{float:left; padding-right:20px; }
#footerUtilities li a 		{font-weight:normal; padding-left:20px; color:#63433C; text-decoration:none;}
#footerUtilities .print		{background:url("images/footer_icon_print.gif") no-repeat;}
#footerUtilities .forward	{background:url("images/footer_icon_fwd.gif") no-repeat;}
#footerUtilities .delicious	{background:url("images/footer_icon_delicious.gif") no-repeat;}
#footerUtilities .digg		{background:url("images/footer_icon_digg.gif") no-repeat;}


/* HOME STYLES */
#contentHome		{position:relative; float:right; padding:17px 50px 0 404px;}
#contentHome A,
#contentHome A:visited{font-weight:bold; color:#441d09; text-decoration:none;}
#contentHome A:hover{text-decoration:underline;}
#homeChalkboard		{position:absolute; left:8px; top:-30px; z-index:100;}
#homeframedPhoto	{position:absolute; left:240px; top:0; z-index:50;}
#subhead_home		{background:url("images/subhead_home.gif") no-repeat; width:60px; height:22px; margin-bottom:10px;}
#subhead_home H2	{visibility:hidden;}

/* SUBPAGE STYLES */
#pageheaderArea				{background:url("images/pageheader_background.jpg") no-repeat; width:767px; height:46px;}
#pageheader H1				{visibility:hidden;}
#pageheader					{padding:16px 0 0 36px; width:290px;}
.pagehead_educational		{background:url("images/pageheader_educational.gif") no-repeat 36px bottom;}
.pagehead_spirit				{background:url("images/pageheader_spirit.gif") no-repeat 36px bottom;}
.pagehead_about				{background:url("images/pageheader_about.gif") no-repeat 36px bottom;}
.pagehead_signup				{background:url("images/pageheader_signup.gif") no-repeat 36px bottom;}
.pagehead_donate				{background:url("images/pageheader_donate.gif") no-repeat 36px bottom;}
.pagehead_sitemap			{background:url("images/pageheader_sitemap.gif") no-repeat 36px bottom;}
.pagehead_what				{background:url("images/pageheader_what.gif") no-repeat 36px bottom;}
.pagehead_macys				{background:url("images/pageheader_macys.gif") no-repeat 36px bottom;}
#subhead					{padding-bottom:15px;}
#subhead H2					{visibility:hidden;}
#subhead.educational		{background:url("images/subhead_educational.gif") no-repeat; width:247px; height:39px;}
.subheadSecondary			{background:url("images/subhead_secondary.gif") no-repeat; width:248px; height:39px;}
.subheadPartnerProfile		{background:url("images/subhead_partnerProfile.gif") no-repeat; width:248px; height:39px; margin-top:15px;}
.subheadHolistic			{background:url("images/subhead_holistic.gif") no-repeat; width:187px; height:31px;}
.subheadScholarship			{background:url("images/subhead_scholarship.gif") no-repeat; width:338px; height:46px;}
.subheadOurScholars			{background:url("images/subhead_ourScholars.gif") no-repeat; width:184px; height:30px;}
.subheadSpirit				{background:url("images/subhead_spirit.gif") no-repeat; width:255px; height:41px;}
.subheadPresenters			{background:url("images/subhead_presenters.gif") no-repeat; width:214px; height:30px;}
.subheadPerformances		{background:url("images/subhead_performances.gif") no-repeat; width:287px; height:31px;}
.subheadMacys				{background:url("images/subhead_macys.gif") no-repeat; width:230px; height:35px;}
.subheadAbout				{background:url("images/subhead_about.gif") no-repeat; width:412px; height:39px;}
.subheadNews				{background:url("images/subhead_news.gif") no-repeat; width:78px; height:28px;}
.subheadLearnMore			{background:url("images/subhead_learnMore.gif") no-repeat; width:166px; height:31px; margin-top:15px;}
.subheadSignup				{background:url("images/subhead_signup.gif") no-repeat; width:204px; height:42px;}
.subheadDonate				{background:url("images/subhead_donate.gif") no-repeat; width:290px; height:45px;}
.subheadLeadershipTeam		{background:url("images/subhead_leadershipTeam.gif") no-repeat; width:229px; height:46px;}
.subheadContact				{background:url("images/subhead_contact.gif") no-repeat; width:229px; height:46px;}
.subheadMake				{background:url("images/subhead_makeADifference.gif") no-repeat; width:258px; height:34px;}
blockquote					{font-weight:bold; font-size:1.2em; font-style:italic; padding-bottom:18px;}
.blockquoted				{float:right; font-size:.8em; font-style:normal; padding-right:30px;}
.copyPhoto					{float:right; margin:-50px 0 10px 5px;}
.copyPhotoLeft				{float:left; margin:0 5px 10px 0;}
.newsListingDate			{float:left; margin:0 0 .8em 0;}
.newsListingLink			{margin:0 0 .8em 4.3em;}
h3.featuredNewsTitle		{font-size:1.1em; margin:12px 0 8px 0;}
.newsIndent					{margin-left:10px;}


#subnav						{background:url("images/subnav_background.gif") repeat-y; width:289px;}
#subnavTop					{background:url("images/subnav_top.gif") no-repeat; width:289px; height:36px;}
#subnavCopy					{padding:0 20px 0 34px; margin-top:-14px;}
#subnavCopy .educational	{background:url("images/subnavHead_educational.gif") no-repeat; width:185px; height:25px; padding-bottom:15px;}
#subnavCopy .spirit			{background:url("images/subnavHead_spirit.gif") no-repeat; width:146px; height:42px; padding-bottom:15px;}
#subnavCopy .macys			{background:url("images/subnavHead_macysEvents.gif") no-repeat; width:194px; height:30px; padding-bottom:15px;}
#subnavCopy .about			{background:url("images/subnavHead_about.gif") no-repeat; width:173px; height:36px; padding-bottom:15px;}
#subnavCopy H3				{visibility:hidden;}
#subnavCopy .links,
#subnavCopy .links A,
#subnavCopy .links A:visited{font-weight:bold; color:#441d09; text-transform:uppercase}
#subnavFooter				{background:url("images/subnav_bottom.gif") no-repeat; width:289px; height:36px; padding-bottom:10px;}
#subnavCopy LI				{margin-left:15px; list-style:disc; padding-right:10px}
#subnavPhoto				{padding:10px 10px 0 0;}
#subnav blockquote			{font-weight:normal; font-style:normal; font-size:1em; padding-right:10px;}
#subnav blockquote span		{font-style:italic; text-align:right; display:block;}


#leftPhotos					{float:left; width:221px;}
#rightCopy					{float:right; width:500px; padding-right:35px;}

#rightCopyContact			{float:left; width:500px; padding-left:35px;}

.sitemapMain			{margin-left:15px; list-style:disc; padding-top:20px;}
.sitemapMain LI			{padding-bottom:8px;}
.sitemapMain A			{text-decoration:none;}
.sitemapMain A:hover	{text-decoration:underline;}
.sitemapSub				{margin-left:15px; list-style:circle; padding-top:5px;}
.sitemapSub LI			{padding-bottom:3px;}
.sitemapSub	A			{font-weight:normal;}

#mission				{background:#c08b4a; padding:15px; margin:0 0 20px 0;}
#mission h3				{font-weight:bold; display:inline; padding-right:5px;}
#mission p				{display:inline;}

#learnMore H4			{font-weight:bold; font-size:1em;}
#learnMore p			{padding:8px 15px; }

.leadership1			{padding:40px 0 0 60px;}
.leadership2			{padding:90px 0 0 24px;}
.leadership3			{padding:45px 0 0 24px;}
.scholar1				{padding:30px 0 0 40px;}
.scholar2				{padding:40px 0 0 60px;}
.scholar3				{padding:60px 0 0 20px;}
.scholar4				{padding:70px 0 0 40px;}
.scholar5				{padding:90px 0 0 60px;}
.scholar6				{padding:80px 0 0 20px;}

#photoInsert			{margin:0 20px 20px 0; float:left; width:158px;}
#photoInsertRight		{margin:0 0 20px 20px; float:right; width:182px;}
.fineArt				{width:231px !important;}
#photoInsert p,
#photoInsertRight p		{padding:5px; font-size:.9em; color:#D6984B; background:#55271A;}
#photoInsertRight .fineArt p	{width:231px !important;}
#photoInsert a,
#photoInsertRight a		{color:#D6984B;}

h3.events				{font-weight:bold; font-size:1.2em; margin-bottom:10px; visibility:visible !important;}

#performancesTable td	{vertical-align:top; border-bottom:1px solid #633015; padding:10px 0;}

/* FORM STYLES */
#form			{}
form br			{clear:both; }
label			{float:left; text-align:left; padding:3px 8px 0 0; width:150px;}
input			{float:left; margin-bottom:5px; border:1px solid #53271a; background:#f1e5d1;}
select			{float:left; margin-bottom:5px; border:1px solid #53271a; background:#f1e5d1; width:inherit;}
.req			{font-weight:bold; font-size:1.4em;}
#submitButton	{margin-left:158px; background:#572719; color:#f1e5d1; font-weight:bold;}
textarea		{border:1px solid #53271a; background:#f1e5d1; width:200px; height:70px; margin-bottom:8px; font:1em arial,sans-serif;}

/* LOGIN FORM */
#loginForm label{float:none; text-align:left; padding:3px 8px 0 0; width:auto;}
#loginForm input{float:none; margin-bottom:5px; border:1px solid #53271a; background:#f1e5d1;}


/*****************/
/* LAYOUT STYLES */
/*****************/
.clear			{clear:both;}
#mainTable		{border-collapse:collapse;}
.leftSide		{background:url("images/background_left.jpg") repeat-y right top; empty-cells:show;}
.rightSide		{background:url("images/background_right.jpg") repeat-y; empty-cells:show;}
#leftTree		{background:url("images/backgroundTree_left.jpg") no-repeat right top; height:408px; vertical-align:top;}
#rightTree		{background:url("images/backgroundTree_right.jpg") no-repeat left top; height:408px; vertical-align:top;}
.center			{background:#f1e5d1; vertical-align:top;}
#header			{display:block; background:url("images/header_background.jpg") no-repeat 293px 0;}
#header #logo	{float:left;}
#header #photo	{float:left; padding-left:239px;}
#header #utilLinks{float:right;}
#header #utilLinks 		{padding:0;}
	#utilLinks ul		{margin:0; padding:0;}
	#utilLinks li		{width:82px; height:30px; position:relative; margin:0; padding:0; font-size:.1em; line-height:.1em;}
	#utilLinks span		{position:absolute; left:-999em;}
	#utilLinks a		{width:82px; height:30px; display:block;}
	#utilLinks #util1	{background:url("images/header_signup.jpg") no-repeat;}
	#utilLinks #util2	{background:url("images/header_donate.jpg") no-repeat; height:40px;}
#logoArea		{display:block;}
#navArea		{display:block;}
/******************/
/* NAV STYLES */
/******************/
#nav 				{margin:0;}
#nav li 			{margin:0; list-style:none; float:left; padding:0; position:relative;}
#nav a 				{height:33px; text-decoration:none; display:block;}

#nav #nav1 			{background:url("images/nav_1_aboutus.jpg") no-repeat 0 -33px; width:109px;}
#nav #nav2 			{background:url("images/nav_2_eduProgs.jpg") no-repeat 0 -33px; width:214px;}
#nav #nav3 			{background:url("images/nav_3_spiritOfUganda.jpg") no-repeat 0 -33px; width:205px;}
#nav #nav4 			{background:url("images/nav_4_whatYouCanDo.jpg") no-repeat 0 -33px; width:169px;}
#nav #nav5	 		{background:url("images/nav_5_shop.jpg") no-repeat 0 -33px; width:70px;}
#nav #nav1 a 		{background:url("images/nav_1_aboutus.jpg") no-repeat; width:109px;}
#nav #nav2 a 		{background:url("images/nav_2_eduProgs.jpg") no-repeat; width:214px;}
#nav #nav3 a 		{background:url("images/nav_3_spiritOfUganda.jpg") no-repeat; width:205px;}
#nav #nav4 a 		{background:url("images/nav_4_whatYouCanDo.jpg") no-repeat; width:169px;}
#nav #nav5 a 		{background:url("images/nav_5_shop.jpg") no-repeat; width:70px;}
#nav #nav1 .active, #nav #nav2 .active, #nav #nav3 .active, #nav #nav4 .active, #nav #nav5 .active, 
#nav #nav1 .active:hover, #nav #nav2 .active:hover, #nav #nav3 .active:hover, #nav #nav4 .active:hover, #nav #nav5 .active:hover
					{background-position:0 -66px;}
#nav a:hover		{background-image:none !important;}
/*#nav #nav1 a:hover, #nav #nav2 a:hover, #nav #nav3 a:hover, #nav #nav4 a:hover, #nav #nav5 a:hover
					{background-position:0 -33px;}*/
					
.navText 			{display:none;}

/* SubNav Dropdowns */
#nav li ul 					{display:none; position:absolute; top:33px; left:0; border:1px solid #642E12; border-top:none;}
#nav li ul.aboutDropDown	{margin-left:20px;}
#nav li ul.eduDropDown,
#nav li ul.spiritDropDown	{margin-left:10px;}
#nav li ul li				{background-color:transparent; background-image:none;}
#nav li ul a				{display:block; background-color:#A48863 !important; background-image:none !important; height:14px !important; padding:4px;}
#nav li ul a:hover			{background-color:#642E12 !important; color:#DDC599;}
#nav li > ul 				{top:auto; left:auto;}
#nav li:hover ul,
#nav li.over ul				{display:block;}