html,body { height:100%; }
#container { height:100%; min-height:100%; }
html>body #container { height:auto; }
body {
  margin:0px;
	padding:0px;
	font-family:Trebuchet MS, Arial, Verdana, Helvetica;
	background-color:#005C92;
	text-align:center;
}

#container { 
  width:746px;
	margin-left:auto;
	margin-right:auto;
	text-align:left; 
	background-image:url(../GUI/body_bkgd.gif);
	background-repeat:repeat-y;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;	
}

#logo {
  background-image:url(../GUI/logo_bkgd.jpg);
	background-repeat:no-repeat;
	height:65px;
	overflow:hidden;
}

#logo img {
  margin-top:22px;
	margin-left:470px
}

#nav {
  background-image:url(../GUI/nav_bkgd.jpg);
	background-repeat:no-repeat;
	border-top:4px solid white;
	height:102px;
	overflow:hidden;	
}

#tidal img {  
	margin-left:579px;
	margin-top:-69px;  }
	
html>body #tidal img{
	margin-top:-65px;
	}

#clean img {  
	margin-left:300px;
	margin-top:25px;  }

#nav table {
  margin:0px;
	padding:0px;
	position:absolute;
	margin-top:20px;
	margin-left:5px;
}

#nav table th {
  border-right:1px solid white;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, san-serif;
	padding:0px 10px 0px 10px;
	letter-spacing:1px;
	line-height:20px;
}

#nav table th a { color:white; text-decoration:none; }
#nav table th.last { border:0px; }

#blank {  
	height:32px;
	background-image:url(../GUI/blank_bkgd.jpg);
	background-repeat:no-repeat;
	background-color:#004BC5;
	border-top:1px solid white;
}

#main {
  background-image:url(../GUI/text_bkgd.jpg);
	background-repeat:no-repeat;
	height:500px;
}

html>body #main {
	min-height:500px;
	height:auto;	
} 

#main p.intro {
  margin:0px;
  margin-left:90px;
	margin-right:168px;
	color:white;
	font-size:12px;
	padding-top:20px;
	padding-bottom:0px;
}

#main #text {
  margin-left:90px;
	margin-right:168px; 
	font-size:11px;
	color:white;
	width:470px;
	padding-top:20px;
	padding-bottom:20px;
}

#main #text p {
  margin:0px;
	padding-bottom:15px;
}
#text ul li { font-size:12px; }

.block {
  height:102px;
	margin-bottom:20px;
	background-image:url(../GUI/block_bkgd.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	padding-top:10px;
	width:478px;
	color:black;	
}

.block p {
  padding:0px 16px 8px 37px;
}

.block h1 {
  margin:0px 16px 8px 37px;
	padding:0px;
	border-bottom:1px solid #5CB5DC;
	font-size:24px;
}


h1#energy {  color:#5CB5DC;  }
h1#water {  color:#0078BC;  }
h1#transport {  color:#005D9B;  }

#text hr { color:white; border-top:1px solid white; }
#text table.about { width:480px; margin-top:20px; }
#text table.about a { color:white; }
#text table.about td,#text table.about th {
  padding:10px;
	width:33%;
	color:white;
	font-size:12px;
	vertical-align:top;
	border-left:1px solid #C5C5C5;
}
#text table.about th { border:0px; text-align:left; }
#text table.about td.left { border:0px; }
#text table.about td.colspan { border:0px; text-align:center; }
#text table.about h2 { font-size:16px; }

#main #right {
  width:168px;
	float:right;
	text-align:center;
	margin:0px;
	padding-top:20px;
}

#right img {
	margin-bottom:21px;
	padding-bottom:15px;
	border:0px;
}

#text table.contact_form { color:white; font-size:12px; }
#text table.contact_form th { text-align:right; vertical-align:top; }
#text table.contact_form input,#text table.contact_form textarea { 
	font-family:Trebuchet MS, Arial, Verdana, Helvetica;
	border:1px solid #999; 
	background-color:white; 
	font-size:12px;
	letter-spacing:1px;
}

#text table.login_form { font-size:12px; margin-left:50px; }
#text table.login_form th { text-align:right; }
#text table.login_form input { 
	font-family:Trebuchet MS, Arial, Verdana, Helvetica;
	border:1px solid #999; 
	background-color:white; 
	font-size:11px;
	letter-spacing:1px;
        height:18px;
}
#text table.login_form input#sub { height:20px; font-size:12px; }

#footer {
  clear:both;
  color:#1C8BCC;
  letter-spacing:1px;
  font-size:10px;
  width:748px;
  text-align:right;
  letter-spacing:1px;
  line-height:12px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;	
	border-top:3px solid #005C92;
}

#footer a { color:#005C92; text-decoration:none; font-size:12px; font-weight:bold; }

#text table.news { font-size:12px; width:478px; background-image:url(../GUI/news_bkgd.jpg); background-repeat:no-repeat; background-position:bottom left; }
#text table.news thead { background-image:url(../GUI/news_toprow_bkgd.jpg); background-repeat:no-repeat; }
#text table.news td.desc { background-image:url(../GUI/news_desc_bkgd.jpg); background-repeat:repeat-y; padding:15px; padding-bottom:0px; }
#text table.news th { height:44px; overflow:hidden; text-align:left; padding:0px 16px 0px 37px; overflow:hidden; font-weight:normal; }
#text table.news h2 { font-size:14px; margin:0px; padding:0px; border-bottom:1px solid #5CB5DC; color:#5CB5DC; margin-top:8px; }
#text table.news th small { font-size:10px; }
#text table.news tfoot td { height:38px; }



table.large_block { font-size:11px; width:478px; background-image:url(../GUI/news_bkgd.jpg); background-repeat:no-repeat; background-position:bottom left; margin-bottom:30px;}
table.large_block thead { background-image:url(../GUI/news_toprow_bkgd.jpg); background-repeat:no-repeat; }
table.large_block td.desc { background-image:url(../GUI/news_desc_bkgd.jpg); background-repeat:repeat-y; padding:0px 10px 0px 35px; padding-bottom:0px;border:0px solid black; }
table.large_block th { height:44px; overflow:hidden; text-align:left; padding:0px 16px 0px 37px; overflow:hidden; font-weight:normal; }
table.large_block h1 { font-size:24px; margin:0px; padding:0px; border-bottom:1px solid #5CB5DC; color:#5CB5DC; margin-top:8px; }
table.large_block th small { font-size:10px; }
table.large_block tfoot td { height:0px;  }