@charset "UTF-8";
body {
	background: #008457 url(http://www.nwf-ja.org/images/images-index/background1.jpg) repeat-y center;
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #333333;
}
.headerWrapper {
	background: #008457 url(http://www.nwf-ja.org/images/images-index/header-background.jpg) repeat-x top;
	width: 100%;
	height: 191px;
}

.header {
	height: 191px;
	background: url(http://www.nwf-ja.org/images/images-index/header1.jpg) no-repeat;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	}

.headerRotateOuter {
		width: 860px;
		float:left;
}

.headerRotate {
	float:right;
	margin:26px 0 0 0;
	}
	
.contentWrapper {
	background: url(http://www.nwf-ja.org/images/images-index/background1.jpg) repeat-y center;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	}

.leftMainColumn {
	width:175px;
	float:left;
	padding-left: 60px;
	}
	
.rightColumnBlock {
	width:570px;
	float:right;
	margin:15px 0 5px 0;
	padding:0 65px 0 0;
	}
	
	
.insetleftcolumn {
	float:left;
	width:275px;
	}
	
.insetRightcolumn {
	float:right;
	width:275px;
	}
	
.articleBlock img {
	float:right;
	margin: 2px 6px 2px 6px;
	padding:2px;
	border:1px solid #cccccc;
	clear:right;
	}
	
.articleBlock {
	width:270px;
	margin: 0 0 20px 0;
	padding-bottom:6px;
	float:left;
	}
	
.noScreenDisplay {
	display:none;
	width: 500px;
	position: relative;
	top: -1200px;
	}

.highlightWrapper {
	width:90%;
	border:1px solid #d5d2c4;
	padding:10px 10px 5px 10px;
        margin:6px 0 12px 0;
	}



	
/* images
----------------------------------------------------------------------- */



.floatRight {
	float:right;
	margin:4px 12px 4px 6px;
	}
	
/* Text
----------------------------------------------------------------------- */

p {margin: 0 0 .5em 0;}   
ul, ol {margin-top: 0;}


h1, h2, h3 {
	text-align:left;
	font-weight:normal;
	color:#005837;
	font-family:Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:normal;
	}
	
h1 	{font-size:200%;
	margin: 0 0 18px 0;
	}

h2	{font-size:160%;
	margin: 8px 0 4px 0;
	}

h3	{font-size:130%;
	margin: 0 0 0 0;
	}
	
.leftMainColumn h3 {
	font: bold 100%/normal Arial, Helvetica, sans-serif;
	color: #005837;
	margin:0 0 4px 0;
	}
	
	
	
.more {
	margin:-1px 0 0 12px;
	padding: 2px 0 2px 15px;
	font: bold 80% Arial, Helvetica, sans-serif;
	background: url(http://www.nwf-ja.org/images/images-index/moreIconGray.gif) no-repeat left center;
	}
	
	
	
.posted {
	font: 80% Arial, Helvetica, sans-serif;
	color:#999999;
	}
	

	
	
/* Links
----------------------------------------------------------------------- */


	
.leftMainColumn ul {
	margin:5px 2px 5px 0;
	padding:0 0 5px 0;
	}
	
.leftMainColumn li {
	margin:2px 0 2px 0;
	line-height:normal;
	display:block;
	list-style: none;
	list-style-image: url(foo.gif);
	}
	
.leftMainColumn a:link, .leftMainColumn a:visited {
	display:block;
	margin: 0;
	padding: 1px 1px 1px 4px;
	color: #333333;
	text-decoration: none;
	border-bottom:1px solid #d5d2c4;

	}



.leftMainColumn a:hover, .leftMainColumn a:focus, .leftMainColumn a:active {
	display:block;
	margin: 0;
	padding: 1px 1px 1px 4px;
	color: #005837;
	background-color: #f6f4ec;
	border-bottom:1px solid #d5d2c4;

	}
	








.rightColumnBlock a:link, .rightColumnBlock a:visited {
	color: #7e5300;
	text-decoration: none;
	}


.rightColumnBlock a:hover {
	color: #005837;
	text-decoration: underline;
	}


.rightColumnBlock a:active {
	color: #005837;
	text-decoration: underline;
	}




/* Events List ------------------------------------*/ 

.events {
	width: 234px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 1.2em
        }


.events ul {
	float: left;
	padding: 8px 0 0 0;
	margin:0;
	font-weight: normal;
	}

.events li {
	float: left;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #e9e9e9;
	padding: 0 0 3px 0;
	width: 233px;
	list-style: none;
	list-style-image: url(foo.gif);
	}


.events li a {
	margin: -1.2em 0 0 4.5em;
	display: block;
	}

.events li.last { border-bottom: 0; }

.events li.last a { margin: 0 0 0 0; }



	
	
	
/* Footer
----------------------------------------------------------------------- */


.footer {
	clear:both;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	width:590px;
	padding: 15px 55px 0 255px;
	margin: 45px 0 30px 0;
}

.footer p {margin:1px 0 1px 0}
	



/***  Plain Links only underline on hover  **/
.plainlink {color: #999999;}
a.plainlink:link, a.plainlink:visited {color: inherit; text-decoration: none;}
a.plainlink:hover, a.plainlink:active {color: inherit; text-decoration: underline;}