/* CSS Document */

html, body, form, fieldset {

	margin: 0;

	padding: 0;

}



body{

margin:0;

padding:0;

font-size:12px;

font-family: arial, sans-serif;



background:#ffffff;

text-align:left;	



}



td, img{

margin:0px;

padding:0px;



}



a {

text-decoration:  none;

font-weight: bold;

border: none;

color:#006337;

 }

a:hover {

text-decoration:  underline; 

border: none;

color:#006337;

 }

 

 a img {

	border: none;

}

 

/* Layout */

#main-wrapper {

margin:0px;

padding:0px;

width:100%;

/* background: url(../images/background.jpg) no-repeat #93BAFD; */

background-position:bottom left;

}



.main-wrapper-bd-1024

{

background: url(../images/background_1024.jpg) no-repeat #93BAFD;

}



.main-wrapper-bd-1152

{

background: url(../images/background_1152.jpg) no-repeat #93BAFD;

}



.main-wrapper-bd-1280

{

background: url(../images/background_1280.jpg) no-repeat #93BAFD;

}



.main-wrapper-bd-1920

{

background: url(../images/background_1920.jpg) no-repeat #93BAFD;

}



.main-wrapper-bd-1600

{

background: url(../images/background_1600.jpg) no-repeat #93BAFD;

}



.main-wrapper-bd-1440

{

background: url(../images/background_1440.jpg) no-repeat #93BAFD;

}



.main-wrapper-bd

{

background: url(../images/background.jpg) no-repeat #93BAFD;

}





#wrapper {

margin:0px auto;

padding:0px;

width:901px;

padding-top:35px;

padding-bottom:35px;

}



#top_box {

background: url(../images/top_box.jpg) no-repeat;

height:18px;

width:901px;

}



#bottom_box {

background: url(../images/bottom_box.jpg) no-repeat;

height:19px;

width:901px;

}



#box {

background:#ffffff;

margin:0px auto;

padding:0px;

width:900px;

}



#fix_area {

margin:0px auto;

padding:0px;

width:880px;

background:#ffffff;

}



#top_area {

margin:0px;

padding:0px;

width:880px;

background:url(../images/green_top.jpg) no-repeat;

height:26px;

line-height:24px;

}



#top-left {

float:left;

margin:0px;

padding:0px;

width:480px;

height:26px;

}



#top-right {

margin:0px;

padding-right:12px;

width:300px;

float:right;

height:26px;

text-align:right;

}



#top-right a{

margin:0px;

padding:0px;

color:#ffffff;

text-decoration:none;

font-size:12px;

font-weight:normal;

}

#top-right a:hover{

margin:0px;

padding:0px;

color:#ffffff;

text-decoration:underline;

font-size:12px;

font-weight:normal;

}



#header {

margin:0px;

padding:0px;

width:880px;

height:102px;

}



#logo {

float:left;

width:267px;

height:102px;

display:block;

margin:0px;

padding:0px;

}



#header_text {

float:left;

width:328px;

height:102px;

margin:0px;

padding:0px;

}



#header_flash {

float:right;

width:285px;

height:89px;/*height:102px;*/

margin:0px;

padding-top:13px;

background-color:#017B02;

vertical-align:middle; 

text-align:center;

background:url(../images/flash_bg.gif) repeat-Y;



}



#ja-mainnav {

background:url(../images/menu_bg.jpg) repeat-x;

margin:0px;

padding:0px;

height:33px;



}



#main-content {

margin:0px;

padding:0px;

}



#banner {

margin:0px;

padding:0px;

height:105px;

background:url(../images/banner.jpg) no-repeat;

}




#LoginBox {
position: absolute;
top: 0px;
left: 0px;
width: 200px;
visibility: hidden;
border: 1px solid;
background-color: #ffffff;
}


#login_box {

margin:0px;

padding:0px;

background:url(../images/login_bg.jpg) repeat-x;

height:31px;

line-height:31px;



}



#mainbody {

float:left; 

width:600px;

}



#moduleslider-size {

	height: 290px;

}



#rightcol {

float:right; 

width:310px;

text-align:left;

}



#footer {

width:880px;

border-top: 1px solid #999999;

text-align:center;

padding-top:10px;

}



#footer a:link, #footer a:visited, #footer a:active{

color:#333360;

font-size:12px;

text-decoration:none;

font-weight:normal;

}



#footer a:hover{

color:#333360;

font-size:12px;

text-decoration:underline;

font-weight:normal;

}



#footer span{

color:#333360;

font-size:12px;

text-decoration:none;

font-weight:normal;

}



.clearfix:after {



	clear: both;



	display: block;



	content: ".";



	height: 0;



	visibility: hidden;



}







* html > body .clearfix {



	width: 100%;



	display: block;



}







* html .clearfix {



	height: 1%;



}



.spacer .block {

	float: left;

}



.spacer.w99 .block {

	width: 50%;

}



.spacer.w49 .block {

	width: 50%;

}



.spacer.w33 .block {

	width: 33.3%;

}



#headlinemodules,

#morenews-modules,

#newsblock2,

#newsblock3,

#bottommods,

#tabmodules {

	overflow: hidden;

}





#newsblock2 div.module,

#newsblock3 div.module {

	margin-right: 10px;

	margin-top: 0px;

}



#newsblock2 div.module h3,

#newsblock3 div.module h3 {

	margin: 0 0 10px 0;

	padding: 0;

	font-family: Arial Narrow, Helvetica, Arial, sans-serif;

	font-size: 130%;

}



#newsblock2 div.module div div div,

#newsblock3 div.module div div div {

	padding: 10px 10px 10px 18px;

}



#newsblock2 div.module h3 {

	color: #009900;

}



#newsblock2 div.module {

	background: #F2F2F2 url(../images/modules/module-br.png) 100% 100% no-repeat;

}



#newsblock2 div.module div {

	background: url(../images/modules/module-bl.png) 0 100% no-repeat;

}



#newsblock2 div.module div div {

	background: url(../images/modules/module-tr.png) 100% 0 no-repeat;

}



#newsblock2 div.module div div div {

	background: url(../images/modules/module-tl.png) 0 0 no-repeat;

}



#newsblock3 div.module {

	background: #fff url(../images/modules/outline/module-br.png) 100% 100% no-repeat;

}



#newsblock3 div.module h3 {

	color: #003366;

}



#newsblock3 div.module div {

	background: url(../images/modules/outline/module-bl.png) 0 100% no-repeat;

}



#newsblock3 div.module div div {

	background: url(../images/modules/outline/module-tr.png) 100% 0 no-repeat;

}



#newsblock3 div.module div div div {

	background: url(../images/modules/outline/module-tl.png) 0 0 no-repeat;

}





#maincol tr.sectiontableentry1 td,

#maincol tr.sectiontableentry2 td,

#maincol td.sectiontableentry1,

#maincol td.sectiontableentry2 {

  	border-bottom: 1px solid #f7f7f7;

}



td.maincol {

	padding: 0 10px 0 8px;

}



td.maincol .padding {

	padding-left: 8px;

}





#maincol {

	padding: 0;

	float:left;

	width:560px;

	margin: 0px 0 10px 0;

}

#rightcol div.module-poll div div div div,

#rightcol div.module-video div div div div,

#rightcol div.module-tools div div div div, 

#maincol div.module-color-red div div div div,

#maincol div.module-color-blue div div div div,

#maincol div.module-color-green div div div div,

#maincol div.module-color-darkgray div div div div,

#maincol div.module-latestnews div div div div,

#maincol div.module-weather div div div div,

#maincol div.module-greenbuildings div div div div,

#maincol div.module-guides div div div div,

#maincol div.module-earthday div div div div,

#maincol div.module-faq div div div div,

#rightcol div.module-aboutbox div div div div,

#rightcol div.module-samplebox div div div div,

#rightcol div.module-download div div div div {

	background: none;

	margin: 0;

	padding: 0;

}



#maincol div.module-color-red,

#maincol div.module-color-blue,

#maincol div.module-color-green,

#maincol div.module-color-darkgray {

	margin-right: 10px;

	margin-top: 25px;

}



#maincol div.module-color-red h3,

#maincol div.module-color-blue h3,

#maincol div.module-color-green h3,

#maincol div.module-color-darkgray h3 {

	margin: 0 0 10px 0;

	padding: 0;

	font-family: Arial Narrow, Helvetica, Arial, sans-serif;

	font-size: 130%;

}



#maincol div.module-color-red div div div,

#maincol div.module-color-blue div div div,

#maincol div.module-color-green div div div,

#maincol div.module-color-darkgray div div div {

	padding: 10px 10px 10px 18px;

}


/*poll*/

#rightcol div.module-poll {

	margin: 0px 10px 0 0;

}


#rightcol div.module-poll {

	margin: 0px 10px 0 0;

}

#rightcol div.module-poll h3 {

	margin: 0 0 10px 0;

	padding: 2px 0 0 28px;

	font-family: Arial Narrow, Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	font-size: 140%;

	color:#009900;

}

#rightcol div.module-poll div div div {

	padding: 10px 10px 10px 20px;

}

.sectiontableentry2-poll {

background:#F9F9F7;

padding:6px 0px 6px 0px;

}



.sectiontableentry1-poll {

padding:6px 0px 6px 0px;

}


/*end poll*/


#maincol div.module-latestnews {

	margin: 0px 10px 0 0;

}



#rightcol div.module-aboutbox {

	margin: 17px 10px 0 0;

}



#rightcol div.module-samplebox {

	margin: 17px 10px 0 0;

}



#maincol div.module-latestnews h3 {

	margin: 0 0 10px 0;

	padding: 2px 0 0 28px;

	font-family: Arial Narrow, Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	font-size: 140%;

	color:#009900;

}



#rightcol div.module-aboutbox h3 {

	margin: 0 0 18px 0;

	padding: 2px 0 0 28px;

	font-family: Arial Narrow, Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	font-size: 140%;

	color:#009900;

}



#rightcol div.module-samplebox h3 {

	margin: 0 0 18px 0;

	padding: 2px 0 0 28px;

	font-family: Arial Narrow, Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	font-size: 140%;

	color:#009900;

}

#rightcol div.module-tools div div div div,

#rightcol div.module-tools {

	margin: 0px 10px 0 0;

}

#rightcol div.module-tools h3 {

	margin: 0 0 10px 0;

	padding: 2px 0 0 28px;

	font-family: Arial Narrow, Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	font-size: 140%;

	color:#009900;

}

#rightcol div.module-tools div div div {

	padding-top: 10px;

padding-left: 20px;

}

#rightcol div.module-video {

	margin: 0px 10px 0 0;

}

#rightcol div.module-video h3 {

	margin: 0 0 10px 0;

	padding: 2px 0 0 28px;

	font-family: Arial Narrow, Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	font-size: 140%;

	color:#009900;

}



#rightcol div.module-video div div div {

	padding-top: 10px;

padding-left: 20px;

}



#maincol div.module-latestnews div div div {

	padding: 10px 10px 10px 20px;

}

#rightcol div.module-aboutbox div div div {

	padding: 10px 10px 10px 20px;

}



#rightcol div.module-samplebox div div div {

	padding: 10px 10px 10px 20px;

}



#maincol div.module-weather,

#maincol div.module-greenbuildings,

#maincol div.module-guides,

#maincol div.module-earthday,

#maincol div.module-faq,

#rightcol div.module-download {

	margin: 0px 10px 0 0;

}



#maincol div.module-weather h3,

#maincol div.module-greenbuildings h3,

#maincol div.module-guides h3,

#maincol div.module-earthday h3,

#maincol div.module-faq h3,

#rightcol div.module-download h3 {

	margin: 0 0 10px 0;

	padding: 2px 0 0 28px;

	font-family: Arial Narrow, Helvetica, Arial, sans-serif;

	font-size: 136%;

	text-transform:uppercase;

}



#maincol div.module-weather div div div {

	padding: 10px 10px 10px 20px;

}

#maincol div.module-greenbuildings div div div {

	padding: 10px 10px 10px 20px;

}

#maincol div.module-guides div div div {

	padding: 10px 10px 10px 20px;

}

#maincol div.module-earthday div div div {

	padding: 10px 10px 10px 20px;

}

#maincol div.module-faq div div div {

	padding: 10px 10px 10px 20px;

}



#rightcol div.module-download div div div {

	padding: 10px 10px 10px 20px;

}



#headlinemodules div.moduletable h3,

#headlinemodules div.moduletable-headline-red h3,

#headlinemodules div.moduletable-headline-blue h3,

#headlinemodules div.moduletable-headline-green h3,

#headlinemodules div.moduletable-headline-orange h3 {

	font-size: 100%;

	text-transform: uppercase;

	font-weight: bold;

	color: #444;

	padding-bottom: 2px;

	margin-bottom: 5px;

}



#headlinemodules span.headline,

#headlinemodules span.headline-red,

#headlinemodules span.headline-blue,

#headlinemodules span.headline-green,

#headlinemodules span.headline-orange {

	font-weight: bold;

	font-size: 140%;

	margin-bottom: 10px;

	display: block;

	font-family: Arial Narrow, Arial, sans-serif;

}



#headlinemodules div.moduletable,

#headlinemodules div.moduletable-headline-red,

#headlinemodules div.moduletable-headline-blue,

#headlinemodules div.moduletable-headline-green,

#headlinemodules div.moduletable-headline-orange {

	padding-right: 15px;

	margin-top: 10px;

}





#referencewidth {

	width: 100%;

	overflow:hidden;

}





/* @group RokSlide */



#rokslide-toolbar {

	color: #ffffff;

}



#rokslide-toolbar span {

	white-space: nowrap;

	font-family: Arial Narrow, Helvetica, Arial, sans-serif;

	font-weight: bold;

	font-size: 120%;

	line-height: 26px;

}



#rokslide-toolbar li.active { 

	color: #ffffff;

}



#frame {

	text-align: left;

	margin-left: 15px;

}



#frame div.module {

	float: left;

}



#frame .mmpr-1 .module {

	width: 100%;

}



#frame .mmpr-2 .module {

	width: 50%;

}



#frame .mmpr-3 .module {

	width: 33%;

}



#frame .mmpr-4 .module {

	width: 25%;

}



#frame .mmpr-5 .module {

	width: 20%;

}



#rokslide-toolbar li.current { 

	color: #ffffff;

}



#tabmodules {

	margin-top: 20px;

}



#tabmodules div div div {

	padding-top: 10px;

	padding-bottom: 10px;

}



#tabmodules div div div div {

	background: none;

	padding: 0;

}



#tabmodules div.moduletable {

	padding: 5px 20px 10px 20px;

	

}



.orange_heading {



color:#F7720A;

font-size:13px;

font-weight:bold;

line-height:14px;

}



.orange_heading a{



color:#F7720A;

font-size:13px;

font-weight:bold;

line-height:14px;

text-decoration:none;

}



.orange_heading a:hover{



color:#F7720A;

font-size:13px;

font-weight:bold;

line-height:14px;

text-decoration:none;

}



#inner_line{

	

	height:4px;

	background: url(../images/inner_heading.jpg) repeat-x;

	line-height:4px;

margin:0px;

padding:0px;

}

/* @end */