
/* GENERAL LAYOUT */
	body {
		margin:0 auto;
		background: transparent url("../images/wrapper_bg.gif") 50% 0 repeat-y;
		font-family: verdana, "arial narrow", arial, helvetica, sans-serif;
		}
		
	#wrapper {
		margin: 0 auto;
		position: relative;
		width: 753px;
	}	
	
	#footer_nav {
		margin-top: 40px;
	}

* {margin: 0; padding: 0;}

a {text-decoration:none;}

p {margin: 7px 0; font-size:10px;}

a:link, a:visited {color: #006699;}
a:hover, a:active {color: #cc3300;}
a img {border: none;}
.clear {clear: both;}

#banner {height: 123px; width: 756px; background: #FFFFFF url("../images/header_bg.gif") 0 0 no-repeat;}

#banner h1 {
	height: 123px;
	display: block;
	text-indent: -9999px;
	background: transparent url("../images/logo.gif") 0 0 no-repeat;
	}
	
#banner h1 a {display: block; height: 123px; width: 300px;}
	
/* PAGE SPECIFIC LAYOUT */	
/* HOME PAGE LAYOUT */
	
	#banner_home, #banner_ghana {
		width: 753px;
		background: #333 url("../images/banner_home.jpg") 0 0 no-repeat;
		height: 228px;
		margin-top: 1px;
		position:relative;
	}

	#banner_ghana {
		height: 173px;
		background: #333 url("../images/ghana_header.jpg") 0 0 no-repeat;
		}

	#leftcontent_home, #leftcontent_ghana {
		position: absolute;
		left:0px;
		width:120px;
		top:434px;
		padding-left: 30px;
		background: transparent url("../images/record.jpg") 0 0 no-repeat;
		height: 559px;
		}
	
	#leftcontent_home p {
		margin-top: 570px;
	}
	
	#leftcontent_ghana {
		top: 379px;
		background: none;
		width:300px;
		}
		
	#centerleftcontent_home {
		position: absolute;
		left:150px;
		width:322px;
		top:412px;
		background: transparent url("../images/home_lady.jpg") 0 0 no-repeat;
		height: 478px;
		}
	
	#rightcontent_home, #rightcontent_ghana {
		position: absolute;
		left:470px;
		width:282px;
		top:436px;
		background:#fff;
		}
		
	#rightcontent_ghana {
		top: 379px;
		left:300px;
		width:454px;
		}
		
	#pfizer {
		position: absolute;
		left: 330px;
		top: 900px;
		}




/* SCHEDULE LAYOUT TABLE FOR HOME PAGE */
	td {
		padding: 5px 18px 0 0;
		}
	td p {	
		font-size:10px;
		font-weight: bold;
		margin: 0;
		}

	td.top_row {
		border-top: 1px solid #333;
		margin-top: 5px;
		}
	
	td.top_row p {
		margin-top: 5px;
		}
	
	td p.bottom_row {
		padding-bottom: 10px;
		}


/* LAYOUT FOR ABOUT US PAGE */
	
		#leftcontent_about {
		position: absolute;
		left:0px;
		width:300px;
		top:198px;
		padding-left: 30px;
		/*
		background: transparent url("../images/about_bg_left.jpg") 0 0 no-repeat;
		*/
		height:811px;
		}
		
			
	#rightcontent_about {
		position: absolute;
		left:300px;
		width:454px;
		top:183px;
		background: transparent url("../images/about_bg_main.jpg") 0 0 no-repeat;
		height: 810px;
		}

/* LAYOUT FOR WHO WE ARE PAGE */
	
		#leftcontent_who {
		position: absolute;
		left:0px;
		width:300px;
		top:198px;
		padding-left: 30px;
		background: transparent url("../images/who_we_are_left_bg.jpg") 0 0 no-repeat;
		height:933px;
		}
		
			
	#rightcontent_who {
		position: absolute;
		left:300px;
		width:454px;
		top:183px;
		background: transparent url("../images/who_we_are_right_bg.jpg") 2px 0 no-repeat;
		height: 920px;
		}
		
	#kwami {
		position: absolute;
		top: 180px;
		left: 30px;
		}
	
	#left_float {	float:left;	}
	#right_float {float: right; margin-right: 70px;}
	#left_float p, #right_float p {font-size:9px}
	
/* LAYOUT FOR OUR HISTORY PAGE */
	
	#leftcontent_history {
		position: absolute;
		left:0px;
		width:300px;
		top:198px;
		padding-left: 30px;
		background: transparent url("../images/history_left_bg.jpg") 0 0 no-repeat;
		height:1050px;
		}
		
			
	#rightcontent_history {
		position: absolute;
		left:300px;
		width:454px;
		top:183px;
		background: transparent url("../images/our_history_right_bg.jpg") 2px 0 no-repeat;
		height: 904px;
		}
	
	#history_text {
		margin-top: 50px;
		}
	
	
/* LAYOUT FOR PERFORMANCES PAGE */
	
		#banner_perf {
		width: 753px;
		background: #fff url("../images/banner_perf.jpg") 0 0 no-repeat;
		height: 174px;
		margin-top: 1px;
		position:relative;
	}

		#banner_gh_perf {width: 753px; background: #fff url(../images/banner_gh_perf.jpg) 0 0 no-repeat; height: 173px; margin-top: 1px; position: relative;}
		#banner_elmina_castle {width: 753px; background: #fff url(../images/banner_elmina.jpg) 0 0 no-repeat; height: 173px; margin-top: 1px; position: relative;}

		#leftcontent_perf {
		position: absolute;
		left:0px;
		width:120px;
		top:585px;
		padding-left: 30px;
		}
	

		#leftcontent_gh_perf, #leftcontent_el_perf {
		position: absolute;
		background: #fff url(../images/left_perf_gh.jpg) 0 0 no-repeat;
		left:0px;
		width:327px;
		top:403px;
		padding-left: 30px;
		height: 610px;
		}
		
		#leftcontent_el_perf {
		background: #fff url(../images/left_perf_el.jpg) 0 0 no-repeat;
		}
	
		#el_perf_right_col {
		float: right; margin-top: -230px; margin-right: 70px;
		}
		
		#centercontent_perf {
		position: absolute;
		left:150px;
		width:520px;
		top:390px;
		height: 478px;
		}
	
		#perf_left_col, #perf_cent_col, #perf_right_col{
		position: absolute;
		left: 30px;
		width: 150px;
		}
	
		#perf_cent_col {
		left: 185px;
		}

		#perf_right_col {
		left: 340px;
		}

		#perf_right_col_gh, #perf_right_col_el {
		position: absolute; 
		left: 170px;
		width: 400px;
		}
	
		#perf_right_col_el {
		background: transparent url(../images/castle.jpg) 0 172px no-repeat;
		height: 800px;
		}

	
/* LAYOUT FOR ENGAGEMENTS PAGE */

	
		#leftcontent_eng {
		position: absolute;
		left:0px;
		width:300px;
		top:198px;
		padding-left: 30px;
		background: transparent url("../images/eng_bg_left.jpg") 0 0 no-repeat;
		height:770px;
		}

	#rightcontent_eng {
		position: absolute;
		left:300px;
		width:454px;
		top:220px;
		height: 810px;
		}
	
/* LAYOUT FOR MUSIC PAGE */

	
		#leftcontent_music, #leftcontent_fame, #leftcontent_sacred, #leftcontent_medal {
		position: absolute;
		z-index: 0;
		left:0px;
		width:300px;
		top:198px;
		padding-left: 30px;
		background: transparent url("../images/music_bg_left.jpg") 0 32px no-repeat;
		height:1184px;
		}

		#leftcontent_sacred {
		top: 210px;
		padding-left: 10px;
		background: none;
		}

		#leftcontent_fame {
		background: transparent url("../images/fame_bg_left.jpg") 0 32px no-repeat;
		height: 1190px;
		}
		
		#leftcontent_medal {
		height: 920px;
		background: transparent url("../images/medal_bg_left.jpg") 0 32px no-repeat;
		}
		
	#rightcontent_music, #rightcontent_fame {
		position: absolute;
		left:280px;
		width:454px;
		top:226px;
		height: 810px;
		}
		
	#rightcontent_fame {
		top: 219px;
		left: 289px;
		}
		
	#music_awards {
		position: absolute;
		left: 150px;
		width: 150px;
		top: 240px;
		}
	
/* LAYOUT FOR MANSIONS PAGE */
		#leftcontent_mansions {
		position: absolute;
		left:0px;
		width:300px;
		top:198px;
		padding-left: 30px;
		background: transparent url("../images/mansions_bg_left.jpg") 0 10px no-repeat;
		height:495px;
		}
		
		#rightcontent_mansions {
		position: absolute;
		left:300px;
		width:454px;
		top:220px;
		background: transparent url("../images/mansions_bg_right.jpg") 0 0px no-repeat;
		height: 500px;
		}
	
		#mansions_left, #sacred_left{
		position: absolute; 
		left: 0; 
		top: 120px;
		width: 210px;
		padding-left: 20px;
		}
		
		#sacred_left {top: 360px;}
		
		#mansions_right, #sacred_right {
			position: absolute;
			left: 225px;
			width: 180px;
			top: 145px;
			}
		
		#sacred_right {
		top: 380px;
		}
		
		#mansions_cd_image {
		position:absolute; 
		left: 0px; 
		top: 780px;
		}
	
	
/* LAYOUT FOR PRESS PAGE */

	h3.archive_link {font-size: 12px; font-weight: normal; margin-top: 0px;}
	h3.archive_link a {color: #066!important;}
	
		#leftcontent_press, #leftcontent_sitemap {
		position: absolute;
		left:0px;
		width:300px;
		top:198px;
		padding-left: 30px;
		}

	#rightcontent_press, #rightcontent_sitemap {
		position: absolute;
		left:300px;
		width:454px;
		top:198px;
		height: 810px;
		}
		
	#rightcontent_sitemap {
		height: 610px;
		}

/* LAYOUT FOR CONTACT PAGE */

	
		#leftcontent_contact {
		position: absolute;
		left:0px;
		width:300px;
		top:184px;
		padding-left: 30px;
		background: transparent url("../images/contact_bg_left.jpg") 0 0 no-repeat;
		height:875px;
		}

	#rightcenter_contact {
		position: absolute;
		left:330px;
		width:210px;
		top:198px;
		height: 875px;
		}
		
	#right_contact {
		position: absolute;
		left: 560px;
		top: 205px;
		width: 170px;
		}
		
	/* EXTRAS */
	
#red_ghana {
	width: 753px;
	height: 30px; 
	background: #fff url(../images/red_ghana.gif) 100% 0 no-repeat;
}


p.quote {
	font-family: "Hoefler Text", Georgia, Times, Serif; 
	font-size: 20px;
	color: #ff6600;
	line-height: 23px;
	width: 107px;
	}
	
#centerleftcontent_home p {
	width: 190px;
	margin: 10px 0 0 30px;
	font-weight: bold;
	font-size: 10px;
	line-height: 15px;
	}
	
#rightcontent_home h2, #rightcontent_ghana h2 {
	font-size: 12px;
	color: #cc3300;
	margin-left: 15px;
	}

#centerleftcontent_home h2 {
	font-size: 12px;
	color: #090738;
	margin: 25px 0 0 30px;
	}

	
.blue {color: #006699;}
.green {color: #003333;}
p.grammy {color: #09365f;}
p.grammy a:link, p.grammy strong {color: #cc3300}
p.grammy a:hover {color: #09365f;}


.month {
	color: #CC3300;
	}

#pfizer p {
	font-size: 10px;
	width: 417px;
		}
		
p#copyright {
	margin-top: 20px;
	color: #666;
	}
	
p#copyright a {
	padding: 0 10px 20px 10px;
	}
	
#leftcontent_about p, #leftcontent_sacred p {
	font-size: 11px;
	line-height: 18px;
	width: 240px;
	margin: 20px 0;
	}
	
 #leftcontent_sacred p {width: 280px;margin-left: 10px;}
	
#kwami p {
	color: #ffffff;
	margin: 13px 30px 13px 0;
	line-height:16px;
	font-size: 10px;
	}
	
#kwami p a:link,  #kwami p a:visited {
	color: #74E3FF;
	}

 #kwami p a:hover,  #kwami p a:active {
 	color: #FFCC66;
 	}
#rightcontent_who p.caption {
	color: #ffcc33;
	position:absolute;
	top: 140px;
	left: 150px;
	font-size:11px;
	}
	
#leftcontent_who h1 {
	font-size: 13px;
	color: #003333;
	}
	
#history_text p {
	margin: 13px 30px 13px 0;
	line-height:18px;
	font-size: 11px;
	width: 255px;
	}
	
#leftcontent_perf p, #leftcontent_ghana p, #el_perf_left_col p, #el_perf_right_col p {
	font-size: 11px;
	width: 120px;
	line-height:16px;
	}

#el_perf_left_col p {width: 118px; font-style: italic;}
#el_perf_right_col p {width: 118px; font-style: italic;}
	
#leftcontent_ghana p {
	width: 160px;
	}	

#leftcontent_ghana h1 {
	font-size: 24px;
	color: #333;
	padding-bottom: 5px;
	}

#leftcontent_ghana h3 {
	font-size: 17px;
	color:#f00;
	padding-bottom: 20px;
}


#perf_left_col p, #perf_cent_col p, #perf_right_col p {
	font-size: 11px;
	letter-spacing: -1px;
	line-height:18px;
	}
	
#perf_left_col p strong.orange, #perf_cent_col p strong.orange, 
#perf_right_col p strong.orange {
	color: #CC3300;
	font-weight:bold;
	}

#leftcontent_ghana p strong.red {
	color: #f00;
	}

p.orange_text {
	color: #c30;
	}
	
#centercontent_perf h1 {
	font-size: 12px;
	text-transform:uppercase;
	color: #006666;
	padding: 8px 30px;
	border-top: 1px solid #006666;
	border-bottom: 1px solid #006666;
	}
	
#rightcontent_eng h1, #rightcontent_press h1, #rightcontent_sitemap h1 {
	font-size: 12px;
	color: #006666;
	padding: 8px 30px;
	}

#rightcontent_fame h1, #rightcontent_ghana h1, #rightcontent_mansions h1 {
	font-size: 12px;
	color: #cc3300;
	padding: 8px 30px 0 30px;
}

#rightcontent_fame h1, #rightcontent_mansions h1 {
	padding-top: 0px;
	}

#rightcontent_mansions h1 {padding-left: 20px;}

#rightcontent_ghana h1 {
	color: #f00;
	}


#rightcontent_eng h3, #rightcontent_sitemap h2 {
	font-size: 12px;
	color: #CC3300;
	padding: 8px 30px;
	}
	
#rightcontent_eng p, #rightcontent_press p, #rightcontent_sitemap p {
	font-size: 11px;
	padding: 4px 50px;
	line-height: 16px;
	}


#rightcontent_press p {
	padding: 4px 30px;
	}

#rightcontent_music p, #rightcontent_fame p, 
#rightcontent_mansions p, #rightcontent_ghana p, #perf_right_col_gh p, #perf_right_col_el p {
	font-size: 11px;
	line-height: 18px;
	margin: 20px 40px;
	}

#rightcontent_music h2 {
	font-size: 12px;
	color: #033;
	margin: 25px 0 15px 40px;
}

#perf_right_col_gh p, #perf_right_col_el p {
	margin: 20px 0px 20px 20px;
	}
#perf_right_col_el h3{font-size: 12px;color: #CC3300;padding: 8px 0 0 0;}

#perf_right_col_gh blockquote {width: 400px; margin: 0; padding: 0; background: #fff url(../images/flag.gif) 230px 30px no-repeat;}
#perf_right_col_gh blockquote p {width: 130px; text-align: left; font-style: italic; margin-left: 20px;}	
	

#rightcontent_ghana p {
	margin: 20px 40px 20px 30px;
	}
	
#rightcontent_fame p {
	line-height: 18px;
	margin-right: 28px;
	margin-left: 30px;
	}
	
#leftcontent_music h2, #leftcontent_fame h2,  #leftcontent_medal h2 {
	font-size: 12px;
	color: #CC3300;
	text-transform: uppercase;
	}
	
#music_awards p {
	font-weight:bold;
	line-height: 18px;
	font-size:11px;
	letter-spacing: -1px;
	}
	
#leftcontent_mansions p {
	font-size:11px;
	line-height:16px;
	padding: 0px 30px 0px 20px;
	width: 240px;
	margin-top: 380px;
	}

#rightcontent_mansions p {
	font-size: 11px;
	line-height: 18px;
	margin: 20px;
	}

#rightcontent_fame h2 {
	font-size: 12px;
	color: #003333;
	margin: 0px 0px 0px 20px;
	}
	
	
#mansions_left h3, #sacred_left h3 {
	font-size: 15px;
	color: #CC3300;
	margin: 20px 0px;
	}
	
ul#playlist li, #mansions_right p {
	font-size: 9px;
	list-style-type:none;
	margin: 2px 0;
	line-height:16px;
	}
	
#mansions_right p {
	margin-left: -14px;
	}

#press_text p {
	margin: 13px 30px 13px 0;
	line-height:18px;
	font-size: 11px;
	width: 165px;
	}
	

#rightcontent_fame p.first_p,
#rightcontent_mansions p.first_p {margin-top: 10px;}

#rightcenter_contact h1, #right_contact h1 {
	font-size: 12px;
	color: #CC3300;
	margin: 20px 0;
	}
	
#contact_form div {
	display:block;
	margin: 20px 0;
	}
	
#contact_form input {
	width: 180px;
	}
	
#contact_form label {
	color: #333;
	font-size: 12px;
	margin: 2px 0 0 4px;
	}
	
#contact_form input.submit {
	border:0;
	font-size:11px;
	}
	
#rightcenter_contact p, #right_contact p {
	font-size: 11px;
	padding: 8px 0px;
	line-height: 16px;
	width: 160px;
	}
	p.strapline {padding-left: 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:12px;}
	#red_ghana p.ghana {margin-top: 0; padding-top: 8px; float: right; margin-right: 140px; }
	#red_ghana a  {color: #fff; font-weight:bold;}
	#rightcontent_fame p.photo_caption {font-style:italic; font-size: 10px; margin-top: 38px;}
	#rightcontent_ghana p.orange_text {color: #f00;}
	
	.red {color: #ff0000!important;}
	.orange {color: #cc3300!important;}
	ul#home_page_body_links li a.orange {text-transform: none;}
	
/* main navigation */

#tabs {
	background: transparent url("../images/menu.gif") 0 0 no-repeat;
	height: 30px;
	width: 753px;
	margin-top: 30px;
	}

#tabs ul {
	position: relative;
	width: 753px;
	height: 30px;
	}

#tabs li {
	position: absolute;
	top: 0;
	}

#tabs li, #tabs a {
	height: 30px;
	display:block;
	}

#tabs a:link, #tabs a:visited, #tabs a:hover, #tabs a:active {
	text-indent: -99999px;
	}
#tabs a:hover {
	color: #fff;
	}

/* tabs image map */

#about{left:0;width:150px;}
#perf{left:151px;width:150px;}
#music{left:302px;width:150px;}
#press{left:453px;width:150px;}
#contact{left:604px;width:150px;}
/* dealing with the hovers */
#about a:hover, #about a.active {background: transparent url(../images/menu.gif) 0 -30px no-repeat;}
#perf a:hover, #perf a.active {background: transparent url(../images/menu.gif) -151px -30px no-repeat;}
#music a:hover, #music a.active {background: transparent url(../images/menu.gif) -302px -30px no-repeat;}
#press a:hover, #press a.active {background: transparent url(../images/menu.gif) -453px -30px no-repeat;}
#contact a:hover, #contact a.active {background: transparent url(../images/menu.gif) -604px -30px no-repeat;}


/* TOP BANNER LINKS */

ul#banner_links {
	position: absolute;
	top: 25px;
	left: 365px;
	list-style-type:none;
	}	

ul#banner_links li {
	padding: 0px 0 0px 15px;
	}
	
ul#banner_links li a {
	color: #ffffcc;
	font-size: 10px;
	letter-spacing:1px;
	}

ul#banner_links li a:hover, ul#banner_links li a:active {
	color: #FFCC66;
	}

/*  Home page sub navigation links - in the main banner area */

ul#home_page_banner_links {
	position: absolute;
	top: 166px;
	left: 30px;
	list-style-type:none;
	}
	
ul#home_page_banner_links li {
	text-transform: uppercase;
	padding: 4px 0;
	}
	
ul#home_page_banner_links li a {
	color: #ffffcc;
	font-size: 11px;
	}
	
ul#home_page_banner_links li a:hover, ul#home_page_banner_links li a:active {
	color: #FFCC66;
	}
	
/*  Home page sub navigation links - in the background image, main body, area */

ul#home_page_body_links {
	position: relative;
	top: 25px;
	left: 30px;
	margin-bottom: 60px;
	list-style-type:none;
	}
	
ul#home_page_body_links li {
	text-transform: uppercase;
	padding: 2px 0;
	line-height: 8px;
	}
	
ul#home_page_body_links li a {
	color: #003366;
	font-size: 10px;
	font-weight:bold;
	margin: 0px; 	
	}
	
ul#home_page_body_links li a:hover, ul#home_page_body_links li a:active {
	color: #cc3300;
	}
	
ul#footer_links li {
	text-transform: uppercase;
	display:inline;
	margin-top: 40px;
	}
	
ul#footer_links li a {
	color: #555;
	font-weight:bold;
	font-size: 10px;
	}
	
ul#footer_links li a:hover, ul#footer_links li a:active {
	color: #cc3300;
	}

/*  About pages sub navigation links - in the leftcontent_about, main body, area */

ul#about_sub_nav {
	position: absolute;
	top: -10px;
	left: 16px;
	list-style-type:none;
	}

ul#about_sub_nav li {
	text-transform:uppercase;
	padding: 0px;
	display:inline;
	font-size:9px;
	font-weight: bold;
	}
	
ul#about_sub_nav li a {
	color: #003366;
	}

ul#about_sub_nav li a:hover, ul#about_sub_nav li a:active, ul#about_sub_nav li a.sub_active {
	color: #cc3300;
	}	
