@charset "utf-8";
/* CSS Document */


#structureWrapper{
	width:960px;
	margin:0 auto;
	}
#wrapper{
	margin-top:10px;
	width:960px;
	float:left;
	}
#header, #pageWrapper, #footer{
	width:936px;
	float:left;
	}
#wrapper{
	background:url("/resources/images/common/wrapper.gif") repeat-y;
	}

	
/* HEADER */
#header{
	padding:15px 12px 6px 12px;
	float:left;
	background:url("/resources/images/common/wrapperTop.gif") no-repeat;
	}
	
#header #logo{
	float:left;
	margin-left:10px;
	}
	
#header #logo h1 a{
	background:url("/resources/images/common/tlcLogo.gif") no-repeat;
	height:120px;
	width:140px;
	display:block;
	}
#header #logo h1 a span{
	position:absolute;
	top:-1000px;
	}	
#header #strapline{
	color:#FF6600;
	float:left;
	margin:76px 0 0 10px;
	width:600px;
	}
#header #strapline h2{
	font-size:1.6em;
	color:#f60;
	padding:0;
	background:none;
	margin:0;
	}	
#header #donation{
	float:right;
	margin:-29px 10px 0 0;
	}
#header #donation a{
	display:block;
	height:117px;
	width:107px;
	background:url("/resources/images/common/donationHeader.gif") no-repeat;
	}
#header #donation a:hover{
	background:url("/resources/images/common/donationHeader.gif") no-repeat -107px 0;
	}
#header #donation a span{
	position:absolute;
	top:-1000px;
	}	

	
/* CORPORATE NAVIGATION */
#corpNav{
	float:right;
	margin-right:20px;
	background:url("/resources/images/common/whiteDot.gif") no-repeat right;
	}
#corpNav ul{
	margin:0;
	padding:0;
	}
#corpNav ul li{
	display:inline;
	list-style:none;
	background:none;
	padding:0;
	}
#corpNav ul li.navTestimonials{
	margin-right:0;
	}
#corpNav ul li a{
	padding:2px 10px;
	text-decoration:none;
	background:url("/resources/images/common/whiteDot.gif") no-repeat left;
	}	
#corpNav ul li a:hover{
	background-color:#fff;
	color:#6b705b;
	}


/* MAIN NAVIGATION */
#mainNav ul{
	display:inline;
	margin:0;
	padding:0;
	}
#mainNav ul li{
	display:inline;
	list-style:none;
	background:none;
	padding:0;
	margin:0;
	}
#mainNav ul li a{
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1em;
	padding:4px 0;
	display:block;
	text-align:center;
	border-right:1px solid #fff;
	}

#mainNav ul li.navHome a{
	background:url("/resources/images/nav/navHome.gif") no-repeat;
	width:90px;
	}	
#mainNav ul li.navHome a:hover, body.home #mainNav ul li.navHome a{
	background:url("/resources/images/nav/navHome.gif") no-repeat -90px 0;
	color:#6b705b;	
	}	 
#mainNav ul li.navAbout a{
	background:url("/resources/images/nav/navAbout.gif") no-repeat;
	width:108px;
	}	
#mainNav ul li.navAbout a:hover, body.about #mainNav ul li.navAbout a{
	background:url("/resources/images/nav/navAbout.gif") no-repeat -108px 0;
	color:#6b705b;	
	}	
#mainNav ul li.navInvolved a{
	background:url("/resources/images/nav/navInvolved.gif") no-repeat;
	width:123px;
	}	
#mainNav ul li.navInvolved a:hover, body.involved #mainNav ul li.navInvolved a{
	background:url("/resources/images/nav/navInvolved.gif") no-repeat -123px 0;
	color:#6b705b;	
	}	
#mainNav ul li.navProject a{
	background:url("/resources/images/nav/navProject.gif") no-repeat;
	width:143px;
	}
#mainNav ul li.navProject a:hover, body.project #mainNav ul li.navProject a{
	background:url("/resources/images/nav/navProject.gif") no-repeat -143px 0;
	color:#6b705b;
	}	
#mainNav ul li.navOngoing a{
	background:url("/resources/images/nav/navOngoing.gif") no-repeat;
	width:152px;
	}
#mainNav ul li.navOngoing a:hover, body.ongoing #mainNav ul li.navOngoing a{
	background:url("/resources/images/nav/navOngoing.gif") no-repeat -152px 0;
	color:#6b705b;	
	}			
#mainNav ul li.navScholarship a{
	background:url("/resources/images/nav/navScholarship.gif") no-repeat;
	width:187px;
	}	
#mainNav ul li.navScholarship a:hover, body.scholarship #mainNav ul li.navScholarship a{
	background:url("/resources/images/nav/navScholarship.gif") no-repeat -187px 0;
	color:#6b705b;	
	}	
#mainNav ul li.navMessage a{
	background:url("/resources/images/nav/navMessage.gif") no-repeat;
	width:123px;
	border-right:none;
	}	
#mainNav ul li.navMessage a:hover, body.message #mainNav ul li.navMessage a{
	background:url("/resources/images/nav/navMessage.gif") no-repeat -123px 0;
	color:#6b705b;
	}
	
	
/* PAGE STRUCTURE */

#pageWrapper{
	padding:0 12px 0 14px;
	float:left;
	}	
#page{
	padding:6px 0 10px 0;
	float:left;
	width:960px;
	}	
	
/* LEFT PANEL */

#leftPanel{
	width:130px;
	float:left;
	}
	
body.about #leftPanel .banner{background:url("/resources/images/banner/aboutTLC.gif") no-repeat 10px 0;}
body.involved #leftPanel .banner{background:url("/resources/images/banner/getInvolved.gif") no-repeat 10px 0;}
body.project #leftPanel .banner{background:url("/resources/images/banner/currentProject.gif") no-repeat 10px 0;}
body.ongoing #leftPanel .banner{background:url("/resources/images/banner/ongoingProjects.gif") no-repeat 10px 0;}
body.scholarship #leftPanel .banner{background:url("/resources/images/banner/scholarship.gif") no-repeat 10px 0;}
body.message #leftPanel .banner{background:url("/resources/images/banner/message.gif") no-repeat 10px 0; _margin-left:0;}
body.corporate #leftPanel .banner{background:url("/resources/images/banner/corporate.gif") no-repeat 10px 0; _margin-left:0;}

#leftPanel .banner{
	height:90px;
	width:180px;
	position:absolute;
	_margin-left:3px;
	}		
#leftPanel .banner span{
	position:absolute;
	top:-1000px;
	}	
	


/* CONTENT PANEL*/

#contentPanel{
	margin-left:140px;
	margin-top:10px;
	*margin-top:16px;
	width:790px;
	background:url("/resources/images/common/content.gif") repeat-y right;
	}
	
body#vuyaniGallery #contentPanel .content{	
	padding: 15px 0px 5px 32px;
	background:url("/resources/images/common/contentTop.gif") no-repeat;
	}
	
#contentPanel .content{
	padding: 15px 152px 5px 32px;
	background:url("/resources/images/common/contentTop.gif") no-repeat;
	}
#contentPanel .bottom{
	background:url("/resources/images/common/contentBot.gif") no-repeat bottom;
	height:10px;
	clear:both;
	}	
	
/* FOOTER */
#footer{
	padding:0 12px 12px 12px;
	float:left;
	background:url("/resources/images/common/wrapperBot.gif") no-repeat bottom;
	color:#A7AC97;
	}
	
#footerNav{
	float:right;
	margin:0;
	}
#footerNav ul{
	padding:0;
	margin:0;
	}
#footerNav ul li{
	display:inline;
	list-style:none;
	background:none;
	padding:0 4px 0 6px;
	margin:0;
	border-left:solid 1px #C5CAB5;
	}
#footerNav ul li.first{
	border:none;
	}
#footerNav ul li a{
	color:#A7AC97;	
	}
	
#holding{
	width:500px;
	}
#holding img.george{
	float:right;
	padding:1px;
	border:1px solid #ccc;
	margin-top:10px;
	}
	
.clearLeft {
	clear: left;
	}