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

/*
 * CSS FILE 
 * @CLIENT		   2Project
 * @TYPE		   GLOBAL
 * @DATE_CREATED   09/07/2008
 * @AUTHOR		   QT CREATIVE (STUART GREENWOOD)
 */
 
html {
	font-size: 100.01%;   /* Fix various font size browser bugs */
}

body {
font-family:Arial,Helvetica,sans-serif;
font-size: 12px;
margin-left:auto;
margin-right:auto;
margin-top: 2px;
text-align:center;
width:990px;
background-color: #f0fcff;
}

div#wrapper{
position:relative;
width:990px;
background-color:#FFFFFF;
}

div#logo {
background-image:url(../img/logo.jpg);
background-repeat:no-repeat;
width: 128px;
height: 129px;
left:40px;
position:absolute;
top:30px;

}

#container {
text-align:left;
padding-top: 80px;
padding-left: 220px;
}

#content {
	position: relative;
	width: 410px;
	height: 300px;
	top: 0px;
	left: 230px;
	color:#009FC2;
	z-index:1

}

#contentAbout {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	width: auto;
	color:#2A7FA8;
	padding-left: 5px;

}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color:#009FC2;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	line-height: normal;

}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#009FC2;
	margin: 0 0 0 0;
	
	line-height: normal;

}

#welcome {
z-index: 3;
float: left;
overflow:hidden;
}

.quote {
	font-weight:normal;
	font-size: 12px;
	color: #2A7FA8;
}

p.quote { margin:4px 0px 4px 0px; color:#1b5876; }

table input {
	width: 100%;
}

table textarea {
	width: 100%;
}

img{
	border: none;

}

a {
 text-decoration:none;
 color:#ffffff;

}



#footer {
	color:#FFFFFF;
	position: relative;
	width: 960px;
	height: 24px;
	background-color:#009FC2;
	padding: 10px 20px 0 10px;
	text-align:right;
	font-size:9px;

}

#footerlinks {
	position: absolute;
	right: 20px;
	top: 10px;
}

#footercopyright {
	position: absolute;
	left: 20px;
	top: 10px;
	width: auto;
	text-align: left;
}

#footer a:hover{
	text-decoration: underline;
}

#menuintersect {
	position: absolute;
	width: 153px;
	height: 34px;
	top: 0px;
	right: 520px;
	
}
#flash{
	position:absolute;
	right: 0px;
	top: 150px;
	z-index: 0;
}

#nav {
	position: relative;
	width: 680px;
	height: 30px;
	
}

ul#mainNav{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	width: 770px;
	float: left;
	
}

#mainNav li{
	float: left;
}

#mainNav li.home{	
	width:75px;	

}

#mainNav li.about{	
	width:90px;	

}

#mainNav li.project{	
	width:150px;	

}

#mainNav li.training{	
	width:85px;	

}

#mainNav li.mentor{	
	width:85px;	

}

#mainNav li.facilitation{	
	width:95px;	

}

#mainNav li.contact{	
	width:95px;	

}

#mainNav li.links{	
	width:55px;	

}

#mainNav a {
	color:#276d92;
	text-decoration: none;
	padding: 7px 5px;
	display:block;	
	
}


#mainNav a:hover {
	color:#009fc2;

}

.thispage {
	color:#009fc2;
}

#contentMain {
	position: relative;
	width: 380px;
	height: auto;
	top: 0px;
	left: 230px;
	color:#009FC2;
	margin-bottom: 20px;
}


#contentContact {
	background-image: url(../img/bgcontact.jpg);
	background-position:bottom right;
	background-repeat: no-repeat;
	margin-left: 230px;
	padding-bottom: 20px;
	text-align: left;
	width: auto;
	min-height: 435px;
	_height:expression(document.getElementById("contentContact").offsetHeight > 435? "auto": "435px");
	padding-right: 40%;
	color:#009FC2;
}

				.txt_field, .txt_area
				{
				width:218px;
				}

#contentProject {
	background-image: url(../img/bgproject.jpg);
	background-position:bottom right;
	background-repeat: no-repeat;
	margin-left: 230px;
	padding-bottom: 20px;
	text-align: left;
	width: auto;
	min-height: 435px;
	_height:expression(document.getElementById("contentProject").offsetHeight > 435? "auto": "435px");
	padding-right: 40%;
	color:#009FC2;
}

#contentTraining {
	background-image: url(../img/bgtraining.jpg);
	background-position:bottom right;
	background-repeat: no-repeat;
	margin-left: 230px;
	padding-bottom: 20px;
	text-align: left;
	width: auto;
	min-height: 435px;
	_height:expression(document.getElementById("contentTraining").offsetHeight > 435? "auto": "435px");
	padding-right: 40%;
	color:#009FC2;
}

#contentMentoring {
	background-image: url(../img/bgmentoring.jpg);
	background-position:bottom right;
	background-repeat: no-repeat;
	margin-left: 230px;
	padding-bottom: 20px;
	text-align: left;
	width: auto;
	min-height: 435px;
	_height:expression(document.getElementById("contentMentoring").offsetHeight > 435? "auto": "435px");
	padding-right: 40%;
	color:#009FC2;
}

#contentFacilitation {
	background-image: url(../img/bgfacilitation.jpg);
	background-position:bottom right;
	background-repeat: no-repeat;
	margin-left: 230px;
	padding-bottom: 20px;
	text-align: left;
	width: auto;
	min-height: 435px;
	_height:expression(document.getElementById("contentFacilitation").offsetHeight > 435? "auto": "435px");
	padding-right: 40%;
	color:#009FC2;
}

#contentLinks {
	background-image: url(../img/bglinks.jpg);
	background-position:bottom right;
	background-repeat: no-repeat;
	margin-left: 230px;
	padding-bottom: 20px;
	text-align: left;
	width: auto;
	min-height: 435px;
	_height:expression(document.getElementById("contentLinks").offsetHeight > 435? "auto": "435px");
	padding-right: 40%;
	color:#009FC2;
	text-align: left;
}

#quoteAbout {
	position: relative;
	width: 50%;
	font-weight:normal;
	font-style:italic;
	font-size: 14px;
	color: #A7C4C9;
}

#flashmovie {

}

.quote_holder
{
padding:8px;
background-color:#f0fcff;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}

.quote_holder .quote_left 
{
width:100%;
height:20px;
background:transparent url('../img/quote_l.gif') no-repeat scroll left top;
}

.quote_holder .quote_right
{
width:100%;
height:20px;
background:transparent url('../img/quote_r.gif') no-repeat scroll right top;
}

.quote_holder .quote_txt
{
padding:0px 16px 0px 16px;
margin:0;
}

.quote_by
{
margin:0px 12px 0px 18px;
font-size:90%;
}

				.quote_by p
				{
				margin:0;
				padding:0;
				}
				
p.footnote
{
margin-top:10px;
color:#999999;
font-size:90%;
}