/* CSS Document */

html
	{
	height:100%;
	margin: 0px;
	padding: 0px;
	}
body
	{
	width:100%;
	height:100%;
	font-size:65%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/mountainsBg.jpg) no-repeat;
	}
img
	{
	border:0px;
	}
* 
	{
	padding: 0;
	margin: 0;
	}
.input {
	padding:5px 0px 5px 5px;
	height:auto;
	background-color:#F8FFFC;
	color:#000;
	}
.input:focus {
	padding:5px 0px 5px 5px;
	height:auto;
	background-color:#D2E7ED;
	color:#000;
	}
h1 {
	color:#3fd7ff;
	font:lighter 2.2em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}
h2 {
	font:normal 1.3em Verdana, Arial, Helvetica, sans-serif;
	color:#205c9f;
	}
h2 a {
	font:normal 1.4em;
	text-decoration:none;
	color:#205c9f;
	}
h2 a:hover {
	font:normal 1.4em;
	color:#205c9f;
	text-decoration:none;
	}
h3 {
	font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#205c9f;
	}
p {
	font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.6em;
	}
p a {
	color:#0066CC;
	text-decoration:none;
	font-weight:bold;
	}
p a:hover {
	color:#FF3300;
	text-decoration:underline;
	}
p li {
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#205c9f;
	}
p li a {
	color:#0066CC;
	text-decoration:none;
	font-weight:bold;
	}
p li a:hover {
	color:#999;
	text-decoration:none;
	}
li {
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#000;
	}
li a {
	color:#0066CC;
	text-decoration:none;
	}
li a:hover {
	color:#999;
	text-decoration:none;
	}
.indexQuote {
	width:400px;
	padding:40px;
	}
	
/*******************
MAIN SITE STRUCTURE
********************/

#container {
	margin:auto;
	clear:both;
	position:relative;
	overflow:hidden;
	width:1000px;
	height:auto;
	}
#header {
	position:relative;
	overflow:hidden;
	width:993px;
	height:200px;
	margin:0 0 0 5px;
	padding:0px 0 0 0;
	}
#searchBox {
	position:absolute;
	top:0;
	left:655px;
	width:350px;
	height:auto;
	background:#00c0f3;
	padding:8px;
	z-index:300;
	}
#newsletterSignup {
	float:right;
	padding:5px 10px 0 0;
	}
#newsletterSignup a {
	float:left;
	padding:7px 0 0 0;
	font:0.9em bold Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	}
#newsletterSignup a:hover {	
	color:#FFF;
	}
#headerAni {
	position:absolute;
	top:0;
	left:220px;
	width:785px;
	height:200px;
	overflow:hidden;
	}
#logo {
	position:relative;
	overflow:hidden;
	float:left;
	width:250px;
	height:auto;
	}
#strapline {
	position:absolute;
	top:140px;
	left:295px;
	width:700px;
	height:90px;
	background:url(../img/strapline.png) no-repeat;
	z-index:500;
	}
#contentWrapper {
	overflow:hidden;
	position:relative;
	width:1000px;
	height:auto;
	z-index:5;
	padding:0 0 0 0;
	margin:0 0 0 5px;
	background:url(../img/contentRpt.png) repeat-y;
	z-index:100;
	}
#contentLeft {
	float:left;
	overflow:hidden;
	position:relative;
	padding:20px 40px 0 0;
	width:200px;
	height:auto;
	z-index:6;
	text-align:right;
	}		
#content {
	float:left;
	overflow:hidden;
	position:relative;
	width:490px;
	height:auto;
	padding:20px;
	z-index:6;
	}
#content ul {
	padding-left:15px;
	}

#content2 {
	float:left;
	overflow:hidden;
	position:relative;
	width:700px;
	height:auto;
	padding:20px;
	z-index:6;
	}
#content img {
	margin:8px;
	}
#contentRight {
	float:left;
	overflow:hidden;
	position:relative;
	padding:10px 0 0 0;
	width:225px;
	height:auto;
	z-index:6;
	}
.quote {	
	font: normal 1.7em Georgia, "Times New Roman", Times, serif;
	color:#000;
	}
.quotee {	
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
	
/*********
CONTENT
**********/

#contentWrap {
	overflow:hidden;
	position:relative;
	width:auto;
	height:auto;
	z-index:6;
	margin-bottom:5px;
	}	
#contentWrap img { 
	position:relative;
	margin-right:10px;
	margin-bottom:10px;
	}
#contentWrap ul {
	padding-left:25px;
	}	
			
/*********
PICS
**********/

#pic1 {
	position:absolute;
	top:200px;
	left:0;
	width:80px;
	height:80px;
	background:url(../img/pic1.jpg) no-repeat;
	z-index:200;
	}
	
/**********
INDEX
***********/

#latestProject {	
	overflow:hidden;
	position:relative;
	width:206px;
	height:auto;
	padding: 2px 5px 5px 5px;
	z-index:6;
	background:#FFF;
	margin-bottom:3px;
	}
#latestProject h2 {
	color:#FFF;
	height:25px;
	padding:5px 0 0 8px;
	background:url(../img/loginBg.png) no-repeat;
	font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
#latestProject h2 a {
	color:#FFF;
	text-align:left;
	}
#latestProject h2 a:hover {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	color:#FF3300;
	text-align:left;
	}
#latestProject h3 {
	color:#000;
	font:normal 1.1em Verdana, Arial, Helvetica, sans-serif;
	}
.latestProWrap {
	position:relative;
	overflow:hidden;
	width:250px;
	height:auto;
	margin-bottom:8px;
	}
.latestImg {
	position:relative;
	float:left;
	width:65px;
	height:auto;
	}
#latestProject img	{
	margin:0;
	}
.latestInfo {
	position:relative;
	float:left;
	width:140px;
	height:auto;
	padding:0 0 0 0;
	font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	}
#latestNews {	
	overflow:hidden;
	position:relative;
	width:230px;
	height:auto;
	padding: 0 0 5px 0;
	z-index:6;
	margin-bottom:2px;
	background:#FFF;
	}
#latestNews h2 {
	color:#FFF;
	width:230px;
	height:25px;
	padding:5px 0 0 8px;
	background:url(../img/loginBg.png) no-repeat;
	font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
#latestNews a {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	color:#000;
	text-align:left;
	}
#latestNews a:hover {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	color:#FF3300;
	text-align:left;
	}
.newsItem  {
	position:relative;
	display:block;
	width:auto;
	height:auto;
	font-size:0.9em;
	}
.newsItem a {	
	display:block;
	cursor:pointer;
	width:165px;
	height:auto;
	color:#024675;
	padding:5px 35px 5px 5px;
	text-decoration:none;
	}
.newsItem a:hover {	
	color:#FF3300;
	text-decoration:none;	
	}
.newsItem a span {
	position:absolute;
	top:8px;
	left:168px;
	float:right;
	color:#FF3300;
	line-height:17px;
	font: bold 0.85em Verdana, Arial, Helvetica, sans-serif;
	}
#supporters {	
	overflow:hidden;
	position:relative;
	width:225px;
	height:auto;
	z-index:6;
	}
#supporters h2 {
	color:#000;
	height:25px;
	padding:5px 0 0 8px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	}
.supporter {
	overflow:hidden;
	position:relative;
	width:213px;
	height:auto;
	text-align:center;
	border:1px solid #CCC;
	padding:5px;
	margin:0 0 2px 0;
	}
.supporter img {
	margin:0 0 5px 0;
	}
.supporter a  {
	display:block;
	cursor:pointer;
 	color:#000;
	width:auto;
	height:auto;
	color:#003366;
	font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none
 	}

/**************
LATEST PROJECTS
***************/	

.latestProPage {
	position:relative;
	overflow:hidden;
	width:480px;
	height:auto;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px dashed #CCC;
	}
.latestProInfo {
	position:relative;
	float:left;
	width:300px;
	height:auto;
	padding:0 0 0 8px;
	}
.latestImg2 {
	position:relative;
	float:left;
	width:160px;
	height:auto;
	}
/*********
Top Level
**********/

#menuWrap {
	position:relative;
	overflow:hidden;
	list-style:none;
	width:1000px;
	height:38px;
	z-index:200;
	text-align:center;
	background:url(../img/menuBg.png) no-repeat;
	z-index:10;
	}
.menuItem {
	float:left;
	position:relative;
	overflow:hidden;
	width:auto;
	height:auto;	
	margin:1px 1px 0 0;
	font:normal 1.3em Verdana, Arial, Helvetica, sans-serif;
	}
.menuItem a {
	float:left;
	display:block;
	cursor:pointer;
	color:#000;
	width:auto;
	height:auto;
	padding:10px 25px 8px 25px;
	text-decoration:none;	
	}
.menuItem a:hover {
	color:#FFF;
	text-decoration:none;
	background:url(../img/menuBgOvr.png) repeat-x;
	}
.menuItemHere {
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	font:normal 1.3em Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	text-align:center;
	margin-right:1px;
	}
.menuItemHere a {
	float:left;
	display:block;
	cursor:pointer;
	color:#000;
	width:auto;
	height:auto;
	padding:10px 25px 8px 25px;
	text-decoration:none;
	background:url(../img/menuBg.png) no-repeat;
	}
.menuItemHere a:hover {
	color:#FFF;
	text-decoration:none;
	background:url(../img/boxRpt.png) repeat;
	}

/***********
SIDE MENU 
***********/

ul.sideMenuWrap {
	width:220px;
	list-style:none;
	}
.sideMenu {
	overflow:hidden;
	width:210px;
	height:auto;
	font-size:1.3em;
	}
.sideMenu a {
	display:block;
	cursor:pointer;
	width:auto;
	height:auto;
	color:#000;
	padding:0 0 4px 0;
	text-decoration:none;
	}
.sideMenu a:hover {
	color:#FFF;
	text-decoration:none;
	}	
.sideMenuHere {
	width:220px;
	height:auto;
	font-size:1.3em;
	background:url(../img/sideMenuHere.png) no-repeat;
	}
.sideMenuHere a {
	display:block;
	cursor:pointer;
	width:210px;
	height:28px;
	color:#FFF;
	padding:4px 0 0 0;
	text-decoration:none;
	}
.sideMenuHere a:hover {
	color:#205c9f;
	text-decoration:none;
	}
	
/***********
SUB MENU 1
***********/

.subMenuWrap {
	margin:0 0 0 0;
	}
.subMenu {
	position:relative;
	font-size:0.9em;
	width: 218px;
	height: auto;
	margin:0 0 0 0;
	list-style:none;
	border-bottom:1px dotted #FFF;
	}
.subMenu a {
	color:#FFF;
	display: block;
	width: auto;
	height: auto;
	padding:0 4px 4px 0;
	text-decoration: none;
	}
.subMenu a:hover {
	color:#000;
	text-decoration: none;
	}
.subMenuHere {
	position:relative;
	font-size:0.9em;
	width: 218px;
	height: auto;
	list-style:none;	
	border-bottom:1px dotted #FFF;	
	}
.subMenuHere a {
	color:#FFF;
	display: block;
	width: 218px;
	height: auto;
	padding:0 4px 4px 0;
	text-decoration: none;		
	}
.subMenuHere a:hover {
	color:#000;
	text-decoration: none;
	}	
	
/***********
SUB MENU 2
***********/	

.subSubMenuWrap ul {
	position:relative;
	width: 220px;
	height: auto;
	}
.subSubMenu {
	display: block;
	position:relative;
	font-size:0.85em;
	width: 215px;
	height: auto;
	}
.subSubMenu a {
	color:#FFFF66;
	display: block;
	width: 216px;
	height: auto;
	padding:0 0 2px 0;
	text-decoration: none;
	}
.subSubMenu a:hover {
	color:#FFF;
	display: block;
	text-decoration: none;
	}
.subSubMenuHere {
	font-size:0.85em;
	width: 216px;
	height: auto;
	}
.subSubMenuHere a {
	color:#000;
	display: block;
	width: 214px;
	height: auto;
	padding:0 0 2px 0;
	text-decoration: none;
	}
.subSubMenuHere a:hover {
	color:#000;
	display: block;
	text-decoration: none;
	}
	
/*********
Login
**********/

#loginMenuWrap {
	position:absolute;
	top:0;
	left:770px;
	overflow:hidden;
	font-size:1.2em;
	width:220px;
	height:30px;
	padding:5px 0 0 55px;
	text-align:right;
	background:url(../img/loginBg.png) no-repeat;
	}
.login {
	float:left;
	font-size:1em;
	width:auto;
	list-style:none;
	}
.login a {
	display:block;
	cursor:pointer;
	color:#000;
	text-decoration:none;	
	}
.login a:hover {
	color:#FFF;
	width:auto;
	text-decoration:none;
	}
.loginHere {
	float:left;
	overflow:hidden;
	position:relative;
	font-size:1em;
	height:36px;	
	}
.loginHere a {
	float:left;
	display:block;
	cursor:pointer;
	color:#FFF;
	text-decoration:none;
	}
.loginHere a:hover {
	float:left;
	color:#FFF;
	text-decoration:none;
	}
#loginBg {
	overflow:hidden;
	position:relative;
	width:500px;
	height:auto;
	padding:20px 0 0 0;
	}
#loginBg h1 {
	color:#000;
	font:normal 2.1em Verdana, Arial, Helvetica, sans-serif;
	}
.loginWrap {
	overflow:hidden;
	position:relative;
	width:400px;
	height:auto;
	padding:5px 0 3px 0;
	margin:0 0 0 0;
	font-size:1.2em;
	}
.login1 {
	float:left;
	overflow:hidden;
	position:relative;
	width:65px;
	height:auto;
	padding:3px 5px 0 0;
	margin:0 0 0 0;
	color:#000;
	}
.login2 {
	float:left;
	overflow:hidden;
	position:relative;
	width:300px;
	height:auto;
	margin:0 0 0 0;
	}
	
/******
Footer
******/

#footerWrap {
	margin:auto;
	overflow:hidden;
	position:relative;
	width:970px;
	height:auto;
	padding:20px 0 30px 20px;
	background:url(../img/contentRpt.png) repeat-y;
	z-index:5;
	}
#footerPics { 
	margin:auto;
	width:970px;
	height:125px;
	background:url(../img/footerpics.jpg) no-repeat;
	margin-bottom:5px;
	}
#footer {
	margin:auto;
	overflow:hidden;
	position:relative;
	width:990px;
	height:auto;
	padding:20px;
	text-align:center;
	background:#FFF;
	border:1px solid #FFF;
	}
#footer  p {
	font:normal 100 0.9em normal Arial, Helvetica;
	line-height:15px;
	color:#000;
	}
#footer a {
	color:#0066CC;
	text-decoration:underline;
	}
#footer a:hover {
	color:#CC3300;
	text-decoration:none;
	}