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

#fixed_div_bottom {   
	position: fixed;   
	height: 414px;
	width: 800px;
	background-image:url(images/backgrounds/bottom.jpg);
	bottom: 0; 
	margin-left: auto;
	margin-right: auto;
	z-index: -1;
	text-align:center;
}


/*--------------*/
/*TEXT FORMATING*/
/*--------------*/

div, p, p2, h1, legal {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p {
	font-size: 12px;
	line-height: 2em;
	color: #19013f;
	text-align: left;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.style6{
	font-size: 12px;
	line-height: 2em;
	color:#555;
	text-align: left;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

p2 {
	font-size: 12px;
	color: #19013f;
	text-align: left;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h1{
	font-size: 18px;
	text-align: center;
}


/*---------------*/
/*---TEXT BOXS---*/
/*---------------*/

/*--INDEX  PAGE--*/
.i_grey_text_box {
	margin: 0px 15px 0px 15px;
}

.i_white_text_box {
	height: 432px;	
	width: 380px;
	font-weight:bolder;
	position: absolute;
	top: 178px;
	right: 325px;
}
/*--------------*/
/*--------------*/



/*--------------*/
/*PAGE FORMATING*/
/*--------------*/
html {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 0;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

body {
	height: 100%;
	width: 100%;
	overflow: visable;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0%;
	background: #dcdcdc;
	background-image:url(images/backgrounds/main_bkrd.gif);
	background-position:center;
	background-repeat:repeat-y;
}

.content {
	width:800px;
	min-height: 100%;	
	position: relative;
	top: 0%;
	padding: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: auto;
	margin-right: auto;
}

.bottom {
	height: 414px;
	width: 800px;
	background-image:url(images/backgrounds/bottom.jpg);
	position: fixed; 
	bottom: 0; 
	margin-left: auto;
	margin-right: auto;
	z-index: -1;
	text-align:center;
}

.legal {
	width: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color:#CCCCCC;
	position:fixed;
	bottom: 1px;

	
}

.white {
	height: 760px;
	width: 800px;
	background-image:url(images/backgrounds/main_bkrd.gif);
	background-repeat:repeat-y;
	position: fixed; 
	top: 0; 
	margin-left: auto;
	margin-right: auto;
	z-index: -100;
}

/*--------------*/
/*MAIN TITLE BAR*/
/*--------------*/
.title_box {
	height:150px;
	width:711px;
	position: absolute;
	top: 0px;
	left: 40px;
	padding: 0px;
	margin: 0px;
	z-index:30;
}
a.title {
	height:111px;
	width:711px;
	background: url(images/title_bar/title.jpg);
	background-repeat:no-repeat;
	position: absolute;
	top: 0px;
	left: 9px;
	padding: 0px;
	margin: 0px;
	z-index:30;
}
a.home_link {
	height:14px;
	width:53px;
	background-image: url(images/title_bar/home.jpg);
	background-repeat:no-repeat;
	position: absolute;
	top: 2px;
	margin-left: 329px;
	margin-right: auto;
	z-index:50;
}
a.home_link:hover {
	height:14px;
	width:53px;
	background-position: -53px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 2px;
	margin-left: 329px;
	margin-right: auto;
	z-index:50;
}

/*misson roll over button*/
a.mission {
	height:39px;
	width:82px;
	background-image: url(images/title_bar/mission.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 111px;
	left: 0px;
}
a.mission:hover {
	height:39px;
	width:82px;
	background-position: -82px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 111px;
	left: 0px;
}

/*members roll over button*/
a.members {
	height:39px;
	width:201px;
	background-image: url(images/title_bar/members.jpg);
	background-repeat:no-repeat;
	position: absolute;
	top: 111px;
	left: 82px;
}
a.members:hover {
	height:39px;
	width:201px;
	background-position: -201px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 111px;
	left: 82px;
}

/*education roll over button*/
a.education {
	height:39px;
	width:89px;
	background-image: url(images/title_bar/education.jpg);
	background-repeat:no-repeat;
	position: absolute;
	top: 111px;
	left: 283px;
}
a.education:hover {
	height:39px;
	width:89px;
	background-position: -89px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 111px;
	left: 283px;
}

/*future roll over button*/
a.future {
	height:39px;
	width:179px;
	background-image: url(images/title_bar/future.jpg);
	background-repeat:no-repeat;
	position: absolute;
	top: 111px;
	left: 372px;
}
a.future:hover {
	height:39px;
	width:179px;
	background-position: -179px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 111px;
	left: 372px;
}

/*calendar roll over button*/
a.calendar {
	height:39px;
	width:82px;
	background-image: url(images/title_bar/nominate.jpg);
	background-repeat:no-repeat;
	position: absolute;
	top: 111px;
	left: 551px;
}
a.calendar:hover {
	height:39px;
	width:82px;
	background-position: -82px 0;
	position: absolute;
	top: 111px;
	left: 551px;
}

/*contact roll over button*/
a.contact {
	height:39px;
	width:87px;
	background-image: url(images/title_bar/contact.jpg);
	background-repeat:no-repeat;
	position: absolute;
	top: 111px;
	left: 633px;
}
a.contact:hover {
	height:39px;
	width:87px;
	background-position: -87px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 111px;
	left: 633px;
}
/*--------------*/
/*--------------*/



/*--------------*/
/*--SIDE  MENU--*/
/*--------------*/
.side_menu_box {
	height:397px;
	width:40px;
	position: absolute;
	top: 172px;
	left: 22px;
}

/*infrastructure roll over button*/
a.side_bar_1 {
	height:56px;
	width:40px;
	background-image: url(images/side_bar/side_bar_1.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
a.side_bar_1:hover {
	height:56px;
	width:40px;
	background-position: -45px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}

/*energy roll over button*/
a.side_bar_2 {
	height:56px;
	width:40px;
	background-image: url(images/side_bar/side_bar_2.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 56px;
	left: 0px;
}
a.side_bar_2:hover {
	height:56px;
	width:40px;
	background-position: -45px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 56px;
	left: 0px;
}

/*transportation roll over button*/
a.side_bar_3 {
	height:56px;
	width:40px;
	background-image: url(images/side_bar/side_bar_3.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 112px;
	left: 0px;
}
a.side_bar_3:hover {
	height:56px;
	width:40px;
	background-position: -45px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 112px;
	left: 0px;
}

/*green space roll over button*/
a.side_bar_4 {
	height:56px;
	width:40px;
	background-image: url(images/side_bar/side_bar_4.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 168px;
	left: 0px;
}
a.side_bar_4:hover {
	height:56px;
	width:40px;
	background-position: -45px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 168px;
	left: 0px;
}

/*water roll over button*/
a.side_bar_5 {
	height:56px;
	width:40px;
	background-image: url(images/side_bar/side_bar_5.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 224px;
	left: 0px;
}
a.side_bar_5:hover {
	height:56px;
	width:40px;
	background-position: -45px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 224px;
	left: 0px;
}

/*energy roll over button*/
a.side_bar_6 {
	height:56px;
	width:40px;
	background-image: url(images/side_bar/side_bar_6.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 280px;
	left: 0px;
}
a.side_bar_6:hover {
	height:56px;
	width:40px;
	background-position: -45px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 280px;
	left: 0px;
}

/*waste roll over button*/
a.side_bar_7 {
	height:61px;
	width:40px;
	background-image: url(images/side_bar/side_bar_7.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 336px;
	left: 0px;
}
a.side_bar_7:hover {
	height:61px;
	width:40px;
	background-position: -45px 0;
	background-repeat:no-repeat;
	position: absolute;
	top: 336px;
	left: 0px;
}
/*--------------*/
/*--------------*/


/*--------------*/
/*--SIDE  BARS--*/
/*--------------*/
.right_bar {
	min-height: 100%;	
	width:20px;
	background: #dcdcdc;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin-top: 0px;
	z-index: 100;
}
.right_bar_border {
	min-height: 100%;	
	width:2px;
	background: #9a8fab;
	position: absolute;
	top: 0px;
	left: 20px;
	padding: 0px;
	margin-top: 0px;
	z-index: 100;
}
.left_bar {
	min-height: 100%;	
	width:20px;
	background: #dcdcdc;
	position: absolute;
	top: 0px;
	left: 780px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
}
.left_bar_border {
	min-height: 100%;	
	width:2px;
	background: #9a8fab;
	position: absolute;
	top: 0px;
	right: 20px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
}

/*--------------*/
/*--------------*/



/*-----------------*/
/*--SIDE TEXT BOX--*/
/*-----------------*/
.side_text_box {
	min-height: 432px;	
	width:276px;
	position: absolute;
	top: 163px;
	right: 22px;
}
/*four image rounded corner box*/
.roundtop {
	height:15px;
	width:276px;
	background-image:url(images/grey_text_box/top.jpg)
}
.roundcenter {
	min-height: 390px;
	width:276px;
	/*background-color:#ececec;*/
	background-color:#CCCCCC
}
.roundbottom {
	height:27px;
	width:276px;
	background-image:url(images/grey_text_box/bottom.jpg)
}

/*JOIN LOGO*/
.join_logo_grey {
	height:136px;
	width:145px;
	background-image:url(images/join_logo_dark_grey.jpg);
	position: absolute;
	bottom: 18px;
	right: 5px;
}
/*--------------*/
/*--------------*/



/*-----------------*/
/*---Focus Sheets--*/
/*-----------------*/

/*-FOCUS BOX-*/
.focus_box {
	width:612px;
	position:absolute;
	top:245px;
	right:87px;
}
.f_header{
	width:612px;
	height:73px;
	position:absolute;
	top:172px;
	right:87px;
}
.f_footer{
	width:612px;
	height:28px;
	background-image:url(images/topics/f_footer.png);
}
.f_text{
	width:612px;
	min-height:112px;
	font-weight:bolder;
	background-image:url(images/topics/f_body.png);
	background-repeat:repeat-y;
	padding:1px;
}

.f_text_box {
	margin: 0px 24px 0px 20px;
}
.f_title_box {
	margin: 0px 28px 0px 20px;
}

/*-action box-*/
.f_action_box{
	width:612px;
	padding-top:25px;
}
.f_action_col_r{
	width:260px;
	position:absolute;
	right:11px;
	padding: 20px 20px 150px 20px;
}
.f_action_col_l{
	width:260px;
	position:absolute;
	left:0px;
	padding: 20px 20px 150px 20px;
}

/*-Infrastructure-*/
.infra_tl_corner{
	width:21px;
	height:73px;
	background-image:url(images/topics/focus_sections/infra_tl_corner.png);
	position:absolute;
	top:0px;
	left:0px;
}
.infra_tr_corner{
	width:34px;
	height:73px;
	background-image:url(images/topics/focus_sections/infra_tr_corner.png);
	position:absolute;
	top:0px;
	right:0px;
}
.infra_title{
	width:557px;
	height:73px;
	background-image:url(images/topics/focus_sections/infra_title.jpg);
	position:absolute;
	top:0px;
	left:21px;
}

/*-Energy-*/
.energy_tl_corner{
	width:21px;
	height:73px;
	background-image:url(images/topics/focus_sections/energy_tl_corner.png);
	position:absolute;
	top:0px;
	left:0px;
}
.energy_tr_corner{
	width:34px;
	height:73px;
	background-image:url(images/topics/focus_sections/energy_tr_corner.png);
	position:absolute;
	top:0px;
	right:0px;
}
.energy_title{
	width:557px;
	height:73px;
	background-image:url(images/topics/focus_sections/energy_title.jpg);
	position:absolute;
	top:0px;
	left:21px;
}

/*-Transportation-*/
.transport_tl_corner{
	width:21px;
	height:73px;
	background-image:url(images/topics/focus_sections/transport_tl_corner.png);
	position:absolute;
	top:0px;
	left:0px;
}
.transport_tr_corner{
	width:34px;
	height:73px;
	background-image:url(images/topics/focus_sections/transport_tr_corner.png);
	position:absolute;
	top:0px;
	right:0px;
}
.transport_title{
	width:557px;
	height:73px;
	background-image:url(images/topics/focus_sections/transport_title.jpg);
	position:absolute;
	top:0px;
	left:21px;
}

/*-green space-*/
.green_tl_corner{
	width:21px;
	height:73px;
	background-image:url(images/topics/focus_sections/green_tl_corner.png);
	position:absolute;
	top:0px;
	left:0px;
}
.green_tr_corner{
	width:34px;
	height:73px;
	background-image:url(images/topics/focus_sections/green_tr_corner.png);
	position:absolute;
	top:0px;
	right:0px;
}
.green_title{
	width:557px;
	height:73px;
	background-image:url(images/topics/focus_sections/green_title.jpg);
	position:absolute;
	top:0px;
	left:21px;
}

/*-green space-*/
.water_tl_corner{
	width:21px;
	height:73px;
	background-image:url(images/topics/focus_sections/water_tl_corner.png);
	position:absolute;
	top:0px;
	left:0px;
}
.water_tr_corner{
	width:34px;
	height:73px;
	background-image:url(images/topics/focus_sections/water_tr_corner.png);
	position:absolute;
	top:0px;
	right:0px;
}
.water_title{
	width:557px;
	height:73px;
	background-image:url(images/topics/focus_sections/water_title.jpg);
	position:absolute;
	top:0px;
	left:21px;
}

/*-climate change-*/
.climate_tl_corner{
	width:21px;
	height:73px;
	background-image:url(images/topics/focus_sections/climate_tl_corner.png);
	position:absolute;
	top:0px;
	left:0px;
}
.climate_tr_corner{
	width:34px;
	height:73px;
	background-image:url(images/topics/focus_sections/climate_tr_corner.png);
	position:absolute;
	top:0px;
	right:0px;
}
.climate_title{
	width:557px;
	height:73px;
	background-image:url(images/topics/focus_sections/climate_title.jpg);
	position:absolute;
	top:0px;
	left:21px;
}

/*-waste-*/
.waste_tl_corner{
	width:21px;
	height:73px;
	background-image:url(images/topics/focus_sections/waste_tl_corner.png);
	position:absolute;
	top:0px;
	left:0px;
}
.waste_tr_corner{
	width:34px;
	height:73px;
	background-image:url(images/topics/focus_sections/waste_tr_corner.png);
	position:absolute;
	top:0px;
	right:0px;
}
.waste_title{
	width:557px;
	height:73px;
	background-image:url(images/topics/focus_sections/waste_title.jpg);
	position:absolute;
	top:0px;
	left:21px;
}

/*--------------*/
/*-section bars-*/
/*--------------*/
.section_box{
	width:680px;
	position:absolute;
	right:22px;
	top:172px;
}
.bar_box {
	width:680px;
	position:relative;
}
.bar_left{
	height:19px;
	width:18px;
	background-image:url(images/topics/header_sections/bar_left.png);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
}
.bar{
	height:19px;
	width:594px;
	background-image:url(images/topics/header_sections/bar.png);
	background-repeat:repeat-x;
	position:absolute;
	left:18px;
	top:0px;
}
.bar_right{
	height:19px;
	width:68px;
	background-image:url(images/topics/header_sections/bar_right.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:0px;
}
.section_text{
	width:555px;
	padding: 35px 90px 80px 35px;
}

.section_text_l{
	width:250px;
	padding: 35px 0px 80px 35px;
}
.section_text_r{
	width:250px;
	top:0px;
	position:absolute;
	right:285px;
	padding: 35px 90px 80px 0px;
}

/*sections*/
.mission_bar{
	height:139px;
	width:68px;
	background-image:url(images/topics/header_sections/mission_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.goals_bar{
	height:276px;
	width:68px;
	background-image:url(images/topics/header_sections/goals_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.objectives_bar{
	height:290px;
	width:68px;
	background-image:url(images/topics/header_sections/objectives_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.future_bar{
	height:225px;
	width:68px;
	background-image:url(images/topics/header_sections/future_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.events_bar{
	height:139px;
	width:68px;
	background-image:url(images/topics/header_sections/events_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.contact_bar{
	height:139px;
	width:68px;
	background-image:url(images/topics/header_sections/contact_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.nominate_bar{
	height:183px;
	width:68px;
	background-image:url(images/topics/header_sections/nominate_bar.jpg);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.awards_bar{
	height:145px;
	width:68px;
	background-image:url(images/topics/header_sections/awards_bar.jpg);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.news_bar{
	height:139px;
	width:68px;
	background-image:url(images/topics/header_sections/news_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.members_bar{
	height:225px;
	width:68px;
	background-image:url(images/topics/header_sections/members_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.roster_bar{
	height:250px;
	width:68px;
	background-image:url(images/topics/header_sections/roster_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.participants_bar{
	height:265px;
	width:68px;
	background-image:url(images/topics/header_sections/participants_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.next_bar{
	height:190px;
	width:68px;
	background-image:url(images/topics/header_sections/next_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}
.edu_bar{
	height:190px;
	width:68px;
	background-image:url(images/topics/header_sections/edu_bar.png);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:19px;	
}

/*--------------*/
/*--------------*/


/*---------------------*/
/*use to preload images*/
/*---------------------*/
.hiddenPic {
	display:none;
}
/*---------------------*/
/*---------------------*/