/* CSS Document */
/*
	1. defaults
	2. structure - shadows and container
	3. links and navigation
	4. content
	5. fonts
	6. images
*/

/* --------- 1. defaults  --------- */
body {  
	margin:0; padding:0; border:0; 
	background-color:#DDE3DF;  
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#656565; 
	font-size:11px; line-height:18px;  } 
	body, html { height: 100%; padding-bottom: 30px;  }

* {
	margin:0;
	padding:0 0 3px 0;
}

#skipNav {/* skip-navigation container */
		position: absolute;
		top: 2px;
		right: 5px;
		width: 60px;
		text-align: center;
		}

 /* ---------- 2. structure ---------- */

/* Container with shadows */
#wrapper {  
	width:775px; 
	margin-left:auto; margin-right:auto; margin-top:0; 
	background:transparent url(images/shadow_l.gif) repeat-y left; 
	}
#wrapper_r {  
	width:775px;	
	margin-top:0;
	background:transparent url(images/shadow_r.gif) repeat-y right;
	}
#wrapper_btm { 
	width:775px; height:13px;
	margin-left:auto; margin-right:auto; margin-top: -10px;
	background:transparent url(images/shadow_btm.gif) no-repeat bottom left; 	
	 }
	 
/* Main holding page */	
#containerarea-home{ /* bg image of figures on home page*/
	z-index:-10;
	width:750px; 
	margin-left:auto; margin-right:auto; 
	background: #fff url(images/figures-home.jpg) no-repeat 520px 170px; text-align:left; 
	} 
	
#containerarea{ 
	z-index:-10;
	width:750px; 
	margin-left:auto; margin-right:auto; text-align:left; background-color:#fff     
	}
	.leftnav_bg { background:red url(images/leftnav/bg_long.jpg) no-repeat left 109px;
	 }
	 .leftnav_bg-2 { background:red url(images/leftnav/bg_short.jpg) no-repeat left 109px;
	 }	
	activities_height{height:991px; }
	
/* masthead - logo */	
#masthead{ 
	width:750px; height:143px; margin-top:0px; 
	}
#bottom-space {
	width:750px; height:29px; margin:0; padding:0;
	}
	

	
	
/* ---------- 3. links and navigation  ---------- */
#mainNavigation { 
	width:736px; height:28px;
	margin:0; padding:0;
	background: #CC0000 url(images/nav/bg.gif) repeat-x top left; 
	 }
	 div#mainNavigation ul {
	 		padding:0; margin:0 0 0 14px; 
			list-style-type:none;  	
			}
		 	 div#mainNavigation li { 
					list-style:none; list-style-type:none; 
					padding:0 8px 0 8px; margin:0; 
					height:28px; float:left; }	

#leftNavigation { 
	width:206px;
	margin:0; padding:0; 
	float:left
	}
	#leftnav { 
		width:206px; height:247px; 
		margin:0; padding:0;
		}
		#leftnav_header { margin:31px 0 0 0; padding:0; height:18px; }
		#leftnav ul { margin:0; padding:0;}
		#leftnav li { list-style-type:none; list-style:none; margin:0 0 0 0; padding:0 0 0 0; height:23px; border:0;}
		
		.heading { margin-top:31px;}
		.business { height:694px; background:url(images/leftnav/bg_biz.jpg) no-repeat left;}
		.activities { height:991px; }
			
#arrow_links ul {
	padding:0; margin:0 ; line-height: 16px;	
	}
	.left1 { /* HOME positioning for second column of arrow links in top section of content*/
		margin-left:0px; margin-top:10px; background-color:#FFF}
	.left2 { /* HOME positioning for second column of arrow links in top section of content*/
		margin-left:160px; margin-top:-40px; background-color:#FFF}
	.events { /* News 14-19 Newsletters positioning for second column of arrow links in top section of content*/
		margin-left:0px; margin-top:-8px; background-color:#FFF}
		#arrow_links li  { 	list-style:none; list-style-type:none; padding-left:20px; 
			background: url(images/arrow.gif) no-repeat left 3px; color:#3366cc; }
		#arrow_links li a { color:#3366cc; text-decoration:none; }	
		#arrow_links li a:link { color:#3366cc; }
		#arrow_links li a:visited { color:#3366cc; }
		#arrow_links li a:hover { text-decoration:underline; color:#666;}	
		#arrow_links li a:active { color:#3366cc; }
		
#arrows ul { line-height: 16px;	 color:#3366cc; 
	}		
#arrows li { 
	margin-left:-15px; padding-bottom:13px; width:130px;  list-style:none; list-style-type:none; padding-left:20px; 
	background: transparent url(images/arrow-1.gif) no-repeat left 10%; color:#3366cc; }
			#arrows li a  { text-decoration:none; }
		#arrows li a:link { color:#3366cc; }
		#arrows li a:visited { color:#3366cc; }
		#arrows li a:hover { text-decoration:underline; color:#666;}	
		#arrows li a:active { color:#3366cc; }		
	
	dd a { color:#cc0000; text-decoration:none; }
	dd a:link { color:#cc0000; }
	dd a:visited { color:#cc0000; }
	dd a:hover { text-decoration:underline;}	
	dd a:active { color:#cc0000; }
		
	.a-red:link,.a-red:visited,.a-red:active { color:#cc0000; text-decoration:none; font-weight:bold; }
	.a-red:hover { text-decoration:underline;}
	
	.a-form:link,.a-form:visited,.a-form:active { color:#cc0000; text-decoration:underline; 
	font-size:12px; font-weight:bold; padding-top:0px; padding-bottom:0px; }
	.a-form:hover { color:#666; text-decoration:underline;}	
	
	.a-grey:link,.a-grey:visited,.a-grey:active { color:#666; text-decoration:underline; }
	.a-grey:hover { text-decoration:underline; color:#cc0000;}
	
	.a-body:link,.a-body:visited,.a-body:active { color:#3366cc; text-decoration:none; }
	.a-body:hover { text-decoration:underline; color:#666;}	
	
	.a-blu:link,.a-blu:visited,.a-blu:active { color:#3366cc; text-decoration:none; }
	.a-blu:hover { text-decoration:underline; color:#666;}	
	
	
	
/* ---------- 4. content columns ---------- */		

#contact-details { margin-left:48px; padding-top:15px; padding-bottom:15px;}
#bg_img { z-index: 0; position:absolute; background: url(images/figures-home.jpg) no-repeat top right; width:750px; height:265px;}
#content-01-home {  height:218px; width:360px; margin-top:31px;  margin-left:31px; background-color:#fff}
#content-02 { 
	height:249px; 
	background: url(images/dots_hr_home.gif) no-repeat top; }	
	
#column-01-home{ 
	width:236px; height:218px;
	margin:30px 0 0 30px; padding: 0;
	float:left;  z-index:3; 
	}
#column-02-home {  
	width:165px; height:218px;
	margin-top:21px; margin-left:0; padding-left:11px; padding-top:0;  
	float:left;
	}	
#column-03-home {  
	width:1px; height:218px; margin-top:30px; 
	background:transparent url(images/dots.gif) repeat-y top; 
	float:left;
	}
#column-04-home {  
	width:140px;
	margin-top:21px; padding-left:14px;  
	float:left;
	}	
#column-05-home {
	width:100px;
	margin-top:20px;
	margin-left:24px;
	float:left;
	height: 230px;
	}
#column-05-home img { padding-bottom: 8px;}
	
	#contact-details { margin-left:48px; padding-top:15px; padding-bottom:15px;}
	 

/* 1 COLUMN TEMPLATE - Contact */
#column-0{
	width:450px; height:366px;
	margin-top:31px; padding:0 17px 0 31px; 
	float:left; background-color:#FFF; 
	}
	
/* 2 COLUMN TEMPLATE - About, Team, links, News */
#column-01{ 
	width:330px;
	margin-top:31px; padding-left:31px; padding-right:23px;  
	float:left; 
	background: #FFF url(images/dots.gif) repeat-y right;
	}
	.ht-links { height:366px;}
	.ht-about { height:539px;}
	.ht-news { height:463px;}
	.ht-team { height:490px;}
	
	#bg_team {
	width: 305px; margin-left: -30px; 
	height: 248px; background: url(images/figures-team.jpg) no-repeat top right;}
	
#column-02{ 
	width:307px;
	margin-top:31px; padding-left:31px; margin-left:-1px; 
	float:left; 
	background: #FFF url(images/dots.gif) repeat-y left;}

	.team { padding-top: 21px;}
	
/* 3 COLUMN TEMPLATE - Where first column is left navigation 
	Activities and business pages */	
	
#column-1{
	width:233px;
	margin-top:31px; padding:0 17px 0 14px; 
	background: #FFF url(images/dots.gif) repeat-y right; 
	float:left; 
	}
#column-1-aimhigher {
	width:400px;
	margin-top:31px; padding:0 17px 0 14px; 
	
	float:left; 
	}
#column-2{  z-index:21;
	width:240px;
	margin-top:31px; margin-left: -1px; padding-left:14px;  
	float:left;
	background: #FFF url(images/dots.gif) repeat-y left; }
		
#foto { margin-top:1px; margin-bottom:7px;}

/* ---------- 5. footer ---------- */
	
/*  Horizontal dots for 2 columns*/
#bottom-dotted-line-1 { 
	width:750px; height:60px;
	background: transparent url(images/dots_hr_2.gif) no-repeat bottom;
	clear:left; 	
	 }
	 
/* Horizontal dots for 3 columns*/
#bottom-dotted-line-2{  
	width:750px; height:60px;
	background: transparent url(images/dots_hr_3.png) no-repeat bottom; clear:left; 
	 }	
	 
#footer {  
	width:755px; height:33px;
	margin-left:auto; margin-right:auto; margin-top:-3px; padding-bottom:20px;
	text-align:right; font-size:10px; line-height:11px; 
	}
	 div#footer  ul{ 
		padding:0; margin:0; border:0;  width:755px;
		list-style-type:none; text-align:left; 
		}	
		 div#footer li {  
			 float:left; 
			 padding:0 2px 0 2px; border:0;list-style:none; 
			 }		
		.li_copyright { 
			margin-right:35px;float:left; 
			}
		
		a:link, a:visited, a:active, { text-decoration:none; color:#656565}
		a:hover{ text-decoration:none; color:#999999}
			
#designby { font-size:9px;  color: #BFBFBF; padding: 10px;}
		.designby:link, .designby:visited,.designby:active { text-decoration:none; color:#BFBFBF; font-size:9px; }
		.designby:hover { text-decoration:none; color:#fff;}
					
/* ---------- 6. fonts ---------- */
h1 { height:21px;}
.special { height:59px; }
.if_project3 { padding-bottom: 8px; }


h2 { font-size:12px; font-weight:bold; color:#cc0000; padding-top:5px; padding-bottom:2px; }
h2.home { font-size:12px; font-weight:bold; color:#cc0000; padding-top:0px; padding-bottom:2px; }

/* set margin height for heading in second column */
.top_26 { padding-top:28px;}
.top_22 { padding-top:22px;}

h3 { font-size:11px; font-weight:bold; line-height:16px; }

p { padding-bottom: 7px; padding-top:0px;}
.p2 { width: 240px;}
.p3 { width: 315px;}
.red { color:#cc0000}
.blue { color:#3366cc}
.copy_blue { color:#3366cc}
.top_27 { padding-top:27px;}
.top_5 { padding-top:5px;}
ul { line-height:18px; margin:0 0 0 15px; padding-bottom:8px; }
ul.red_ul { color:#cc0000; font-weight: bold; padding-bottom: 9px;}
.foto-spacer { height:173px; margin-top:0; margin-bottom:7px;}
li { list-style-type:disc; list-style-position:outside; margin:0; line-height:16px; }

.padding_btm_5 { padding-bottom: 5px;}
#links ul { line-height:19px; margin:3px 0 0 0; padding-bottom:8px; }
#links li { list-style-type:none; padding-bottom:3px;  }


/* ---------- 6. defenition list ---------- */

dl {  margin:0; width:311px; padding-top:2px; padding-bottom:10px;}
.dots { background: transparent  url(images/dots_team.gif)
 no-repeat left bottom;}
dt.name { font-weight:bold; color:#cc0000; }
dt.job { font-weight:bold; margin-top:-3px; padding-bottom:3px; }
dd.synopsis { font-weight:normal; }
dd.email { color:#cc0000; }


/* ---------- 7. images ---------- */
#figures-home {
	
	width: 232px;
	height: 265px;
	position: absolute;
	margin-left:0;
	padding-left:0; z-index: 1;
}

#images-home ul { margin:0; padding-left:0; }
#images-home li { margin-left:0; margin-bottom:16px; padding-left:0; width:236px; list-style:none; list-style-type: none; }
.height_60 { height:60px; }
#figures {
	width: 225px;
	height: 306px;
	position:absolute;
	background: transparent  url(images/figures.png) no-repeat left;
	margin-left: 0px;
	margin-top: -300px;
}
#figures-short {
	width: 225px;
	height: 306px;
	position:absolute;
	background: transparent url(images/leftnav/figures-short3.jpg) no-repeat left;
	margin-left: 0px;
	margin-top: -362px;
}
#figures-other-projects{
	width: 225px;
	height: 306px;
	position:absolute;
	background: transparent url(images/figures.png) no-repeat left;
	margin-left: 0px;
	margin-top: -342px;
}
.enterprise { margin-top:100px;}
.workexperience { margin-top: 505px;}
.if { margin-top: 385px;}
.mentoring { margin-top: 350px;}
.fourteen { margin-top: 265px;}

.pdp { }

#figures-team {
	width: 303px;
	height: 248px;
	position:absolute;
	 text-align:left;
	margin-left: 0; margin-top: 0; padding-left:0;

}
.img-about-padding { margin-top: 14px;}
/* ---------- 8. events table ---------- */

table {border:0px;}
td { padding-right:14px; text-align:left; vertical-align:top; padding-bottom:5px; font-weight: bold}

th {font-size:11px; font-weight:bold; color: #ffffff; background-color: #cc0000; text-align:center; height:22px}
.bg { background:#F0F0F0; padding: 5px 3px 5px 3px; line-height:13px;}