/*

Theme Name: TLI

Theme URI: http://www.transformingleadersinitiative.org

Description: 

Version: 1.0

Author: David Kypuros

Author URI: 

Tags: empty, clean, development, design



*/

/* General Definations */

html{

	width:100%;

	height:100%;

	margin:0px;

	padding:0px;

}



body{

	width:100%;

	height:100%;

	margin:0px;

	padding:0px;

	font:100% Arial, Helvetica, sans-serif normal;

	color:#666666;

	text-decoration:none;

	background:url(http://76.12.169.12/images/body_bg.gif) repeat-x;



}





/************* Contents of the Layout*******************/

#Container{

	width:100%;

	margin:0 auto;

	background:url(http://76.12.169.12/images/header_top_bg.gif) no-repeat;

}



#Main{

	width:920px;

	margin:0 auto;

	padding:0px 52px 0px 52px;

	background:url(http://76.12.169.12/images/footer-bg.gif) no-repeat bottom;

}



h2{

	font:130% bold Gill Sans MT,Arial, Helvetica, sans-serif;

	text-align:center;

	text-decoration:none;

	color:#49bce2;

	margin:0px;

	padding:0px;

}



h3{	

	font:75% Arial, Helvetica, sans-serif;

	font-weight:bold;

	color:#67c7e6;

	text-decoration:none;

	text-align:left;

	margin:0px;

	padding:0px;

}



h4{	

	font:70% bold Tahoma,Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-decoration:none;

	color:#666666;

	text-decoration:none;

	text-align:left;

	margin:0px;

	padding:0px;



}



h6{

	font:68% normal Tahoma, Helvetica, sans-serif;

	color:#d2d2d2;

	text-decoration:none;

	text-align:center;

	padding:0px 0px 0px 5px;

	margin:0px;



}





p{

	font:75% Arial, Helvetica, sans-serif;

	color:#666666;

	text-decoration:none;

	text-align:left;

	margin:0px;

	padding:0px;

	clear:both;

	line-height:20px;

}



.ClearBoth{

	clear:both;

}



h2 a{

	color:#49bce2;

	text-decoration:none;

}



h2 a:hover{

	color:#e08600;

}



h6 a{

	color:#d2d2d2;

	text-decoration:none;

}



h6 a:hover{

	color:#662e17;

}



.width-ourprog{width:190px;}

.width-signup{width:140px;}

.width-giveonline{width:155px;}





/**************  Header  ***************/	

#Header{

	width:920px;

	height:179px;

	float:left;

	clear:both;

}



.topbar{

	width:330px;

	height:24px;

	float:right;

	clear:both;

}



.topbar-LeftText{

	width:280px;

	height:24px;

	float:left;

	font: normal 70% Arial, Helvetica, sans-serif ;

	color:#fff;

	line-height:24px;



}



.Givenow{

	width:50px;

	height:24px;

	float:left;

	font: normal 70% Arial, Helvetica, sans-serif ;

	color:#ffea00;

	line-height:24px;

	text-decoration:none;

}



.Givenow a{

	float:left;

	color:#ffea00;

	text-decoration:none;

}



.Givenow a:hover{

	float:left;

	color:#ffea00;

	text-decoration:underline;

}



.logo{

	width:228px;

	height:157px;

	float:left;

	padding:10px 0px 0px 0px;

}



h1{

	width:228px;

	height:167px;

	float:left;

	margin:0px;

	padding:0px;

}



.Header-Right{

	width:692px;

	float:left;

}



.TopMenu{

	width:692px;

	height:40px;

	float:left;

	padding:100px 0px 0px 0px;

}



.TopMenu ul{

	height:40px;

	list-style:none;

	margin:0px;

	padding:0px;

	

}



.TopMenu ul li{

	height:30px;

	float:left;

	margin:0px;

	padding:0px;

}

.paddingmenu{

		padding:0px 10px 0px 0px;

}



/************* ShowCase ************/



/*#Showcase{

	width:920px;

	height:320px;

	float:left;

	clear:both;

	position:relative;

	background:url(http://76.12.169.12/images/showcase-home.gif) no-repeat;

}

*/



.Showcase{

    float:left;

	width:920px;

	height:310px;

	overflow:hidden;

	position:relative;

	}

	

.Showcase1{

	width:900px;

	height:310px;

	position:relative;

	background:url(http://76.12.169.12/images/showcase-home_m.gif) no-repeat;

}







.Showcase2

{



	position:relative;

	background:url(http://76.12.169.12/images/showcase-home1.gif) no-repeat;

}



.Showcase3

{



	position:relative;

	background:url(http://76.12.169.12/images/showcase-home2.gif) no-repeat;

}



.Showcase4

{



	position:relative;

	background:url(http://76.12.169.12/images/showcase-home3.gif) no-repeat;

}



.Showcase5

{



	position:relative;

	background:url(http://76.12.169.12/images/showcase-home4.gif) no-repeat;

}



.Showcase6

{



	position:relative;

	background:url(http://76.12.169.12/images/pic5.gif) no-repeat;

}	

div.widearea{

	width:10000px;	

	height:310px;

	overflow:hidden;

}



div.widearea div {

        height:310px;

        display: block;

        float: left;

		overflow:hidden;

}



div.widearea .pageitem{

	width:920px;

	overflow:hidden;

}



/*.txt_div{

	clear:both;

	float:left;

	width:200px;

	height:80px;

	margin-top:130px;

	padding-left:470px;

}*/



.header-Link{

	width:250px;

	height:80px;

	float:left;

	padding-left:650px;

	margin:235px 0px 0px 0px;

}



.header{

	width:250px;

	height:80px;

	float:left;

	padding-left:650px;

	margin:235px 0px 0px 0px;

}



.header-Link1{

	width:250px;

	height:62px;

	float:left;

	padding-left:650px;

	margin:235px 0px 0px 0px;

}



.header-Link1 a{

	width:131px;

	height:59px;

	float:left;

	background:url(http://76.12.169.12/images/next.jpg) no-repeat;

}

.header-Link1 a:hover{

	width:131px;

	height:59px;

	float:left;

	background:url(http://76.12.169.12/images/next_over.jpg) no-repeat;

}

	

.header-Link a{

	width:250px;

	height:80px;

	float:left;

	background:url(http://76.12.169.12/images/header_link.gif) no-repeat;

}

.header-Link a:hover{

	width:250px;

	height:80px;

	float:rleft;

	background:url(http://76.12.169.12/images/header_link_over.gif) no-repeat;

}





/************* /ShowCase ************/



/************* Menu Bar ************/

.menubar{

	width:893px;

	height:50px;

	float:left;

	clear:both;

	background:url(http://76.12.169.12/images/menu_bg.gif) repeat-x;

	margin:0px 0px 0px 0px;

}





.menubar ul{

	height:50px;

	margin:0px;

	padding:0px;

	list-style:none;

}



.menubar ul li{

	height:50px;

	margin:0px;

	padding:0px;

	list-style:none;

}





.prog{

	width:187px;

	height:50px;

	float:left;

	

}



.prog a{

	width:187px;

	height:50px;

	float:left;

	background:url(http://76.12.169.12/images/prog.gif) no-repeat;

}



.prog a:hover{

	width:187px;

	height:50px;

	float:left;

	background:url(http://76.12.169.12/images/pro_over.gif) no-repeat;

}



.lead-exp{

	width:183px;

	height:50px;

	float:left

}



.lead-exp a{

	width:183px;

	height:50px;

	float:left;

	background:url(http://76.12.169.12/images/leadership.gif) no-repeat;

	

}



.lead-exp a:hover{

	width:183px;

	height:50px;

	float:left;

	background:url(http://76.12.169.12/images/leadership_over.gif) no-repeat;

}





.lead-corru{

	width:183px;

	height:50px;

	float:left

}



.lead-corru a{

	width:183px;

	height:50px;

	float:left;

	background:url(http://76.12.169.12/images/leadership_corru.gif) no-repeat;

	

}



.lead-corru a:hover{

	width:183px;

	height:50px;

	float:left;

	background:url(http://76.12.169.12/images/leadership_corru_over.gif) no-repeat;

}





.talk{

	width:183px;

	height:50px;

	float:left

}



.talk a{

	width:183px;

	height:50px;

	float:left;

	background:url(http://76.12.169.12/images/talk_to.gif) no-repeat;

	

}



.talk a:hover{

	width:183px;

	height:50px;

	float:left;

	background:url(http://76.12.169.12/images/talk_to_over.gif) no-repeat;

}



.apply{

	width:157px;

	height:50px;

	float:left;

}



.apply a{

	width:157px;

	height:50px;

	float:left;

	background:url(http://76.12.169.12/images/apply_online.gif) no-repeat;

	

}



.apply a:hover{

	width:157px;

	height:50px;

	float:left;

	background:url(http://76.12.169.12/images/apply_online_over.gif) no-repeat;

}









/************* Middle-Contents ************/

#Middle-Contents{

	width:920px;

	float:left;

	clear:both;

	padding:22px 0px 0px 0px;

}





.middle-left{

	width:184px;

	float:left;

	padding:0px 37px 0px 29px;

}



.middle-mid{

	width:230px;

	float:left;

	padding:0px 50px 0px 0px;

}



.middle-right{

	width:320px;

	float:left;

	padding:0px 45px 0px 0px;

}





/* Events Calender */

.Events-cal{

	width:184px;

	float:left;

}



.Events-cal h1{

	width:184px;

	height:32px;

	float:left;

}



.linkbox{

	width:184px;

	height:30px;

	line-height:30px;

	float:left;

	clear:both;

	font:70% Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	color:#e28800;

	padding:20px 0px 0px 0px;

}





.linkbox a{

	float:left;

	color:#e28800;

	text-decoration:underline;

}



.linkbox a:hover{

	float:left;

	color:#e28800;

	text-decoration:none;



}





.textdiv{

	width:180px;

	float:left;

	clear:both;

	padding:0px 0px 30px 0px;

}



.date{

	width:180px;

	float:left;

	clear:both;

	padding:0px 0px 5px 0px;

}



.dateleft{

	float:left;

	font:70% bold Tahoma,Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-decoration:none;

	color:#666666;

	padding-right:5px;

}



.dateright{

	width:80px;

	float:left;

	font:70% bold Verdana, Arial, Helvetica, sans-serif;

	text-decoration:none;

	color:#bdbdbd;

}



.heading-blue{

	width:180px;

	float:left;

	clear:both;

	padding:0px 0px 2px 0px;

}



.bottom-links{

	width:180px;

	height:20px;

	clear:both;

	font:70% Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-decoration:none;

	color:#e2b642;

}



.bottom-links a{

	float:left;

	color:#e2b642;

	text-decoration:none;

}



.bottom-links a:hover{

	float:left;

	color:#000;

	text-decoration:underline;

}







/* Give Online */

.Give-Online{

	width:210px;

	float:left;

	padding:0px 0px 20px 0px;

}



.Give-Online h1{

	width:184px;

	height:32px;

	float:left;

}



.headings{

	width:200px;

	float:left;

	clear:both;

	padding:20px 0px 2px 0px;

}



.pad-top{

	padding:7px 0px 2px 0px;

}



.bt-donate{

	width:107px;

	height:32px;

	float:left;

	font: 70% bold Tahoma, Verdana, Arial, Helvetica, sans-serif;

	text-align:center;

	color:#777e80;

	text-decoration:none;

	background:url(http://76.12.169.12/images/bt_donate.gif) no-repeat;

	line-height:28px;

	font-weight:bold;

	margin:10px 0px 0xp 0px;

}



.bt-donate a{

	color:#777e80;

	text-align:center;

	background:url(http://76.12.169.12/images/bt_donate.gif) no-repeat;

	text-decoration:none;

}



.bt-donate a:hover{

	color:#000;

	background:url(http://76.12.169.12/images/bt_donate.gif) no-repeat;

	text-decoration:none;

	text-align:center;

}



.btmargin{margin-top:10px;}



.input-email{

	width:198px;

	height:32px;

	float:left;

	padding:5px 0px 0px 0px;

}



.input-email input{

	width:198px;

	height:23px;

	background-color:#f6f6f6;

	border:1px solid #d9d9d9;

	text-align:center;

	font:80%Arial, Helvetica, sans-serif bold;

	color:#666666;

	line-height:24px;

}



.bt-div{

	height:32px;

	float:left;

	margin-top:7px;

}



.bt-padding{

	padding:0px 0px 0px 90px;

}



.border-bot{

	width:310px;

	height:15px;

	border-bottom:1px solid #f2f2f2;

	float:left;

	clear:both;

	margin-top:2px;

}





/*  Download */

.download{

	width:310px;

	float:left;

	padding:0px 0px 20px 0px;

}



.download h1{

	width:300px;

	height:32px;

	float:left;

}





.downloadbox{

	width:310px;

	float:left;

	clear:both;

	padding:0px 0px 10px 0px;

}



.bt-download{

	width:187px;

	height:27px;

	float:left;

	font: 80% bold Arial, Helvetica, sans-serif;

	text-align:center;

	color:#777e80;

	text-decoration:none;

	background:url(http://76.12.169.12/images/bt_donwload.gif) no-repeat;

	line-height:25px;

	font-weight:bold;

	margin:12px 0px 0xp 0px;

}



.bt-download a{

	color:#777e80;

	text-align:center;

	background:url(http://76.12.169.12/images/bt_donwload.gif) no-repeat;

	text-decoration:none;

}



.bt-download a:hover{

	color:#000;

	background:url(http://76.12.169.12/images/bt_donwload.gif) no-repeat;

	text-decoration:none;

	text-align:center;

}





/************Footer*************/



#footer{

	width:770px;

	height:169px;

	float:left;

	clear:both;

	padding:0px 0px 0px 150px;

}



.footer-left{

	width:300px;

	height:30px;

	float:left;

	clear:both;

	padding:0 0px 0px 0px;

	font:75% Arial, Helvetica, sans-serif;

	color:#fff;

	margin-top:140px;



}



.footer-right{

	width:470px;

	height:30px;

	float:left;

	padding:0 0px 0px 0px;



}





.footer-right ul{

	width:470;

	height:30px;

	margin:0px;

	padding:0px;

	list-style:none;

	float:right;

	color:#fff;

	padding-right:100px;



}





.footer-right ul li{

	float:left;

	padding:0px;

	margin-top:130px;

	font-family:Arial, Helvetica, sans-serif;

	color:#fff;

	font-size:12px;

	text-align:center;

	text-decoration:none;

	line-height:30px;

}





.footer-right ul li a{

	color:#fff;

	margin-right:15px;

	text-decoration:none;

}





.footer-right ul li a:hover{

	color:#fff;

	margin-right:15px;

	text-decoration:underline;

}



.widlast{

 width:80px;

 padding-top:10px;

}





.widfirst{

 width:150px;

}























/********************** Leadership Experience***************************/



.contents{

	width:860px;

	height:600px;

	float:left;

	 clear:both;

}



.leftpart{

	height:auto;

	width:180px;

	float:left;

	margin-top:20px;

	padding-right:30px;

	border-right: solid  1px #f1ecec;

}

	

.rightpart{

	height:auto;

	width:580px;

	float:right;

	margin-top:20px;

}



.text7{

	font-family:tahoma, Arial, Helvetica, sans-serif;

	color:#666666;

	font-weight:normal;

	font-size:10px;

	line-height:14px;

	text-decoration:none;

}







/********************** Giving online ***************************/



.banner{

	width:880px;

	height:240px;

	float:left;

	padding:20px 20px 0px 20px;	

}



.banner-apply{

	width:880px;

	height:100px;

	float:left;

	padding:20px 20px 0px 20px;	

}





.giving-textbox{

	width:890px;

	height:210;

	float:left;

	clear:both;

	padding:0px 10px 0px 10px;

}



.giving-textbox p{
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	text-decoration:none;
	color:#666;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding-bottom: 10px;
}



.giv-mid{

	width:920px;

	float:left;

	clear:both;

	padding:40px 0px 20px 0px;	

}



.giv-mid .left{

	width:337px;

	float:left;

	padding:0px 70px 0px 0px;	

}



.giv-mid .right{

	width:418px;

	float:left;

	padding:0px 18px 0px 28px;	

}







.givingbox{

	width:337px;

	float:left;

	clear:both;

}



.givingbox .headimg{

	width:337px;

	height:50px;

	float:left;

	clear:both;

}









.givtxtbox{

	width:337px;

	float:left;

	clear:both;

	padding:10px 0px 20px 0px;

}



.givtxtbox h1{

	width:337px;

	float:left;

	clear:both;

	padding:0px 0px 20px 0px;

	margin:0px;

	padding:0px;

}





.bot-quotation{

	width:337px;

	float:left;

	clear:both;

	padding:20px 0px 50px 0px;

	font:75% Arial, Helvetica, sans-serif;

	font-style:italic;

	font-weight:bold;

	color:#b0afaf;

}







.Edbox{

	width:418px;

	float:left;

	clear:both;

}



.edheadimg{

	width:418px;

	height:60px;

	float:left;

	clear:both;

}



.edtxtbox{

	width:418px;

	float:left;

	clear:both;

	padding:0px 0px 0px 0px;

}





.edtxtboxLeft{

	width:209px;

	height:40px;

	float:left;

	padding:0px 0px 40px 0px;

}



.edtxtboxTextArea{

	width:809px;

	height:5px;

	margin: 0 0 10px 0;

	float:left;

	padding:0px 0px 40px 0px;

}



.inputheading{

	width:190px;

	height:20px;

	float:left;

	clear:both;

	padding:10px 0px 0px 0px;

}





.givinputdiv{

	width:190px;

	height:25px;

	float:left;

}



.givinputdiv input{

	width:180px;

	height:20px;

	background-color:#f6f6f6;

	border:1px solid #d9d9d9;

	text-align:left;

	font:80%Arial, Helvetica, sans-serif bold;

	color:#666666;

	line-height:28px;

	padding:4px 0px 0px 10px;



}







/**************** Apply Online *******************/



.apply-mid{

	width:920px;

	float:left;

	clear:both;

	padding:20px 0px 60px 0px;	

}



.ApplyBox{

	width:700px;

	float:left;

	clear:both;

	padding:20px 0px 20px 20px;

}





.ApplyHeadimg{

	width:700px;

	height:50px;

	float:left;

	clear:both;

	padding:0px 0px 20px 0px;

}



.ApplyTextBox{

	width:700px;

	float:left;

	clear:both;

	padding:0px 0px 20px 0px;

}





.bt-knowmore{

	width:185px;

	height:27px;

	float:left;

	font: 75% bold Arial, Helvetica, sans-serif;

	text-align:center;

	color:#777e80;

	text-decoration:none;

	background:url(http://76.12.169.12/images/know-more.gif) no-repeat;

	line-height:25px;

	font-weight:bold;

	margin:12px 0px 0xp 0px;

}



.bt-knowmore a{

	color:#777e80;

	text-align:center;

	background:url(http://76.12.169.12/images/know-more.gif) no-repeat;

	text-decoration:none;

}



.bt-knowmore a:hover{

	color:#000;

	background:url(http://76.12.169.12/images/know-more.gif) no-repeat;

	text-decoration:none;

	text-align:center;

}



.border-bot-apply{

	width:700px;

	height:15px;

	border-bottom:1px solid #f2f2f2;

	float:left;

	clear:both;

	margin-top:10px;

}



.bt-leftalign{

	text-align:left;

	padding-left:25px;

}







/**************** Leadership Experience *******************/



.leadership-mid{

	width:920px;

	float:left;

	padding:20px 0px 60px 0px;	

}





.leadership-left{

	width:248px;

	float:left;

	padding:20px 0px 20px 0px;	

}



.leadership-leftpanel{

	width:248px;

	float:left;

	padding:20px 0px 20px 0px;	

}



.leadership-right{

	width:650px;

	float:left;

	padding:20px 0px 60px 0px;	

}



.leadLeftBox{

	width:180px;

	float:left;

	clear:both;

}





.leadheadimg{

	width:180px;

	height:40px;

	float:left;

	clear:both;

}



.leadheadimg img{

border:0;

}



.leadtext{

	width:180px;

	float:left;

	clear:both;

}



.leadtext p{

	font:70% Arial, Helvetica, sans-serif;

	color:#666666;

	text-decoration:none;

	text-align:left;

	margin:5px;

	padding:0px;

	clear:both;

	line-height:15px;

}





.leadrightbox{

	width:650px;

	float:left;

	clear:both;

}



.leadrighhead{

	width:650px;

	float:left;

	clear:both;

}



.leadtxtbox{

	width:650px;

	float:left;

	clear:both;

	padding:20px 0px 20px 0px;

}





.leadtxtbox h4{

	font:70% bold Tahoma,Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-decoration:none;

	color:#666666;

	text-decoration:none;

	text-align:left;

	margin:0px;

	padding:0px;

	height:18px;

}





.leadtxtbox p{

	font:75% Arial, Helvetica, sans-serif;

	color:#666666;

	text-decoration:none;

	text-align:left;

	margin:0px;

	clear:both;

	line-height:20px;

	padding-bottom:10px;

	

}





.ab{

color:#666666;

position:relative; top:230px; left:470px; font-size:11px;

}



.ab:hover{

color:#000000;

}







.header-Apply{

	width:250px;

	height:62px;

	float:left;

	padding-left:650px;

	margin:235px 0px 0px 0px;

}



.header-Apply a{

	width:150px;

	height:70px;

	float:left;

	background:url(http://76.12.169.12/images/apply_.gif) no-repeat;

}

.header-Apply a:hover{

	width:150px;

	height:70px;

	float:left;

	background:url(http://76.12.169.12/images/apply_hover.gif) no-repeat;

}


/*-------------Blog-----------*/
.widget h3{
margin:10px 0 5px 0;
font-size:100%;
color:#662e17;
}

a.blog:link { color: #161616; }
a.blog:visited { color: #161616; }
a.blog:hover { color:#161616; }

.leadrightbox p{
	font:75% Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	text-align:left;
	margin-top:5px;
	margin-bottom:10px;
	padding:0px;
	clear:both;
	line-height:20px;

}

.leadrightbox h3{
	font:75% Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	text-align:left;
	margin-top:5px;
	padding:0px;
	clear:both;
	line-height:20px;

}
.leadrightbox p a{
	color:#000d4c;
}

.widget {
	margin-top: 5px;
	}


.widget ul{
	padding:0;
	margin:0px 0px 15px 0px;
}

.widget li{
	padding:0px;
	list-style-type:none;
	margin: 0px;
	}

.additional-meta {
	font:75% Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	text-align:left;
	margin-bottom: 5px;
	padding:0px;
	clear:both;
	line-height:20px;
}

.widget li a {
	color:#575757
}


.widget li.cat-item a {
	color:#e2b642}