/*  Made in Zero AD */

* { margin: 0; padding: 0; }

body { background: #fff; color: #000; font-family: sans-serif; font-size: 86%;}

a, a img { border: 0; }

#template { background: #AEDEE4 url(images/bg.png) top no-repeat; width: 950px; padding: 20px;  margin: 0 auto; overflow: hidden;  }

.logo { padding: 17px 37px; display:block; float: left; width: 100px;  }

.strapline { color: #0069AA; font-weight: bold; padding: 25px 0 ; font-size: 180%; float: right; width: 480px; text-transform: uppercase; }

.clear { clear: both; }

#sidebar { width: 224px; float: right; }

#content {  padding: 15px 10px 30px 10px ; margin: 0px 20px 30px 244px; width: 450px; line-height: 1.3; overflow:hidden; }
#content p { padding: 5px 0; }
#content h3 { padding: 5px 0; }
#content a { color: #0069AA; text-decoration: none; }
#content a:hover { color: #0069AA; text-decoration: underline; }
.page-1 #content { clear: both; margin: 0; padding: 15px 0; width: auto; }
.page-1 #content a { color: #fff; }

h1.pagetitle, .introtext { color: #0069AA; padding: 10px 0; }
h1.pagetitle { font-size: 200%; text-transform: capitalize;  } 
.introtext { font-size: 130%; font-weight: bold; }
.page-10 .introtext { font-size: 90%; font-weight: normal; }

.mainmenu { background: #09C; color: #fff; text-transform: uppercase; clear: both;  }
.mainmenu a { color: #fff; padding: 0 30px; display: block; text-decoration: none; border-right: 1px solid #fff;  }
.mainmenu a:hover { text-decoration: underline;  }
.mainmenu li.last a { border: 0; }
ul.mainmenu  { padding: 10px 25px ; list-style: none; height: 1em; }
.mainmenu li { float: left; }
.mainmenu li.active a { color: #2E3191; }

h2, ul.home li a, ul.sidebar li a, #sidemenu ul.menu li a { padding: 10px; background: #09C; text-transform: uppercase; font-size: 100%; color: #fff; font-weight: normal; display:block; }
.partners {  }

ul.home { padding-top: 3px; }
ul.home li { width: 348px ; height: 151px; display: block; float: left; padding-right: 13px; margin: 13px 0 0 0; }

ul.home li a, ul.sidebar li a { display: block; text-decoration: none; }
ul.home li a:hover { text-decoration: underline; }

ul.sidebar li { margin-top: 10px; padding-bottom: 3px; }

li.home_what { background: transparent url(images/home_whatwedo.png) no-repeat; }
li.home_calc { background: transparent url(images/home_calc.png) no-repeat; }
li.home_community { background: transparent url(images/home_community.png) no-repeat; }
ul.sidebar li.home_community, ul.sidebar li.home_signup { width: 222px; height: 151px; padding-right: 0; margin-left: 3px; list-style: none; }
li.home_more { background: transparent url(images/home_more.png) no-repeat; }
li.home_grants { background: transparent url(images/home_grants.png) no-repeat; }
li.home_signup { background: transparent url(images/home_signup.png) no-repeat; }
li.home_envchamp { background: transparent url(images/home_envchamps.png) left bottom no-repeat; }

#fauxBG { background: transparent url(images/fauxBG.png) repeat-y; margin-top: 10px; overflow: hidden; }

#sidemenu { width: 224px; float: left; }
#sidemenu h2 { background-color: #0069AA; padding: 1em; padding-bottom: 2em; }
#sidemenu ul.menu { background: #7BD2F6 ; list-style: none; text-transform: uppercase; }
#sidemenu ul.menu li a { background: none; text-decoration: none; }
#sidemenu ul.menu li a { padding: 10px; }
#sidemenu ul.menu li.active a { background: #0099CC ; }
#sidemenu ul.menu li a:hover { text-decoration: underline; }

#footer { clear: both; margin: 10px 0; }
#footer .siteby { text-align: right; padding: 10px; background: #09C; color: #fff;   }
#footer .siteby a { color: #fff; text-decoration: none; }
#footer .siteby a:hover { text-decoration: underline; }

/* Pages */

.process { padding: 20px; color: #fff;  }
.process h2 { font-size: 120%; background: none; text-transform: none; padding: 0; padding-bottom: 5px; }
.process1 { background: #6DC6ED url(images/process1.png) top repeat-x; }
.process2 { background: #52AFDC url(images/process2.png) top repeat-x; }
.process3 { background: #3798CC url(images/process3.png) top repeat-x; }
.process4 { background: #1C81BB url(images/process4.png) top repeat-x; }
.process5 { background: #0069AA url(images/process5.png) top repeat-x; }

/* Contact Form */

#EmailForm fieldset { border: 0; line-height: 3; }
#EmailForm fieldset label { display:inline-block; width:200px;}
#EmailForm fieldset input, #EmailForm fieldset textarea { font-size: 100%; border: 1px solid #0069AA; color: #0069AA; width: 200px; padding: 3px 10px; }
#EmailForm fieldset textarea { font-family: sans-serif; font-size: 130%; }

#EmailForm fieldset input.button { background: #0069AA; color: #fff; border: 0; text-align: left; text-transform: uppercase; font-size: 120%; width: 220px; margin-left: 205px; } 
.errors { padding: 20px; color: #990000; font-weight: bold; line-height: 1.3; border: 4px solid #990000; }

/* Scrollabe Nav */

/* main vertical scroll */
#main {
	position:relative;
	overflow:hidden;
	height: 455px;
	margin-bottom:20px;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}

/* single page */
.page {
	height: 450px;
	width:450px;
	background: #0069AA;
}

.page h2 { background: #0069AA; font-weight: bold; padding: 0; margin: 10px 0;}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 450px;
	height: 450px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width:420px;
	height:420px;
	overflow: hidden;
	padding: 0 15px 30px 15px;
	color: #fff;
	font-size: 150%; 
}

.item p { margin: 10px 0; }
.item a { color: #fff; }

/* main navigator */
#main_navi {
	float:left;
	padding:0px !important;
	margin:0px !important;
}

#main_navi li {
	border-top:1px solid #666;
	color:#FFFFFF;
	font-size:12px;
	height:85px;
	list-style-type:none;
	width:85px;
	cursor:pointer;
	overflow: hidden;
	float: left;
	margin-right: 5px;
	border-top: 10px solid #fff;
}

#main_navi li:hover {

}

#main_navi li.active {
	border-top: 10px solid #0069AA;
}

#main_navi img {

}

#main_navi strong {
	display:block;
}


/* position and dimensions of the navigator */
div.navi {
	width:440px;
	background: #0069AA;
	cursor:pointer;
	padding: 5px;
	overflow:hidden;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}