/* Redefined HTML elements
*****************************************************************/

html, body {
	height: 100%;
	font-size: 100%;
	text-align: center;
	margin: 0px auto 0px auto;
}

body {
	/*background: #f8f8f8 url('images/bg_gradient.gif') repeat-x fixed;*/
	background: url('images/bg_body.gif') repeat-y fixed;
	background-position: top center;
	background-color: #A2A19E;
	font-family:Verdana, sans-serif; font-size:80%; color:#525252; text-align:center; background-attachment:fixed;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align:center; /* for IE align of divs */
}



/* Defined - Main site structure
*****************************************************************/

#container {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}


/* Defined - Content area
*****************************************************************/

#contentwrap {
	width: 1000px;
	margin-left:5px; margin-right:5px; margin-top:8px; margin-bottom:20px;
	padding: 0px;
	
}


#content {
	width: 600px;
	padding: .5em .5em 3em .5em;
	margin-bottom:1em;
	text-align: left;
	line-height: 1.2;
	float:left;
	background:#ffffff;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#content a{
	font-size:95%;
	color:#444444;
}
#content a:hover {
	color:#804020;
}

#content a:hover {
		background: #fcfce9;
		text-decoration: none;
		}
#content_title {
	font-size:100%;
	font-weight: bold;
	color:#106993;
}

#content2 {
	width: 800px;
	padding: 1em .5em 3em 2em;;
	text-align: left;
	line-height: 1.2;
	float:left;
	background:#ffffff;
}
#content2 a{
        font-size:95%;
        color:#444444;
}

#content_about {
        width: 650px;
        padding: 0em .5em 3em 2em;;
        line-height: 1.2;
        float:left;
        background:#ffffff;
}
#content_about p {
 text-align: justify;
 margin: 1em 1em 1em 1em;
}
#content_about h4 {
        margin-top: 1em ;
}

#accountlabel
{
width: 10em;
}


#fixing {
	padding: .2em ;
	margin-bottom: .5em;
	margin-right: 1em;
	margin-left: 0;
	font-size:85%;
	text-align:justify;
}
#research {
	padding: .5em ;
	text-align:justify;
	margin-bottom: .5em;
	margin-right: 1.0em;
	margin-left: 0;
	font-size:90%;
	border-bottom: 1px dashed #888888;
}


/* Login
*************************************************/
#login {
	width: 450px;
	height: 500px;
        padding: 2em;
        margin: 2em;
        text-align: left;
        line-height: 1.2em;
        float:left;
}
#login a {
	text-decoration: underline;
}
#login p {
	padding-top:1em;
	margin-top:1em;
	clear: left;
}

fieldset
{
border: 1px solid #888888;
width: 32em;
padding: 0em 1em 1em 1em;
font-size:85%;
font-weight: normal;
}

legend
{
font-weight: bold;
color: #444444;
padding: 2px 6px 
}

label
{
width: 6em;
float: left;
text-align: right;
margin:1em .2em 0 0;
display:block;
line-height: 1.0em;
clear:left;
}

input
{
font-size:100%;
color: #444444;
float: left;
background: #efefff;
border: 1px solid #888888;
width: 14em;
margin:1em 0 0 .5em;
display:inline;
}
textarea {
font-size:100%;
}

.input01
{
color: #444444;
font-size:100%;
float: left;
background: #efefff;
border: 1px solid #888888;
width: 24em;
margin:1em 0 0 .5em;
display:inline;
}

.formButton 
{
float:left;
height:1.5em;
background: #C7C599;
color: #444444;
font-size: 12px;
width:5em;
margin: 1em 0 0 1.5em;
padding: 0 0 3px 0;;
} 

input.btnhov{
float:left;
height:1.5em;
background: #a7a579;
color: #900;
display:inline;
font-size: 12px;
width:5em;
margin: 1em 0 0 1.5em;
padding: 0 0 3px 0;;
}

/* Defined - Header
*****************************************************************/

#header {
	width: 990px;
	color:#dddddd;
	height: 120px;
	font-size: 80%;
	text-align: right;
	margin: 0px 6px 1px 6px;
	background: url('h1.jsp') no-repeat top center;
	/*border: 1px solid #888888;*/
}
#header a {
	color:#ffffff;
	line-height: 1.7em;
	text-decoration: none;
	margin: 5px;
}
#header a:hover {
		color: #d04020;
		text-decoration: underline;
		}

#welcome {
	padding: 2em 0 1em 1em;
	margin-bottom:1em;
	width:350px;
color:white;
	vertical-align:middle;
	border-top: 1px dashed #888888;
	border-bottom: 1px dashed #888888;
	background:#728EA4;
	font-weight: bold; 
	text-align: center;
		}

#account {
	color:#ffffff;
        padding: 1em;
        margin: 1em;
        line-height: 1.2em;
        float:right;
}
#headerimg {
	width:345px;
	float:left;
	height: 100px;
	background: url('images/mitsui-logo.gif') no-repeat top left;
	margin: 12px 0px 0px 12px;
}

#nav 
{
	font-family: verdana,comic sans ms,technical;
	width: 990px;
	color: #444444;
	background: #728EA4;
	padding: 4px 0px 4px 0px;
	margin: 0px 6px .2em 6px;
	}
#nav a, #nav a:visited, #nav a:active {
	color: #ffffff;
	text-decoration: none;
	padding: 4px 23px 4px 13px;
	font-weight: bold; 
	}
#nav a:hover {
		color: #804020;
		text-decoration: none;
		}
#nav a.selected {
		background: #448844;
		color: #ffffff;
		}

/* Headers */

h1 {
	margin: 0 0 1.5em 0;
	color: #525252;
	font-weight: normal;
}

h2 {
	margin: 0 0 0.3em 0;
	padding-top: 0.1em;
	color: #525252;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.1;
}

h3 {
	margin: 0 0 0.8em 0;
	padding-top: 0.4em;
	color: #525252;
	font-weight: normal;
	font-size: 1.5em;
	
}

h4 {
	margin: 0em 1em 0.4em 0em;
	/*background: #728EA4;*/
/*	background:#e7e5b9;*/
/*	background:#ececd9;*/
	background:#e0e0e0;
	padding: .2em .2em .2em .5em;
	color: #555555;
	font-weight: normal;
	font-size: 1.0em;
	font-weight: bold;
	border: 1px dotted #aaaaaa;
}

h4 a {
	text-decoration: none; 
	text-align:right;
	color:#ffffff;
}

h5 {
	margin: 0;
	color: #525252;
	font-weight: bold;
	font-size: 1em;
}

hr { /* Wordpress peppers a few <hr> throughout */
	display: none;
}

img {
	border: none;
}

p {
	margin-top: .5em;
	margin-bottom: 1.5em;
}

a, a:visited, a:active {
	/* color: #ffb424; */
	/* color: #99cc00; */
	/* color: #94c502; */
	color: #005983;
	text-decoration: none;
}

a:hover {
	text-decoration: none; 
	color: #b04020;
	}
	a.imagelink:hover {
		background: none;
		}
		a.imagelink:hover img {
			border-color: #53a924;
			}

pre {
	border: 1px solid #dadada;
	overflow:auto;
	width: 430px;
	background-color: #f1f1f1;
	padding: 20px;
	font-family:"Courier New", Courier, monospace;
	font-size: 1em;
	margin: 0 0 1.5em 0;
}

code {
	font-family:"Courier New", Courier, monospace;
	font-size: 1em;
}



/* Defined - Common presentational elements
*****************************************************************/

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.clear {
	font-size:1px;
	color: #ff0000;
	padding: 0;
	margin: 0;
	clear: both;
}

.noBtm {
	margin-bottom: 0;
	padding-bottom: 0;
}

.noTop {
	margin-top: 0;
	padding-top: 0;
}





/* Defined - News
*****************************************************************/

#news {
	font-family: Verdana, sans-serif;
	text-align:left;
	float: right;
	width: 195px;
	padding: .5em .5em .5em .1em;
	}
#news a {
	font-size:85%; 
	text-decoration:none;
	clear:left;
	}
#news a:hover {
	 color:#804020;
	 background: #fcfce9;
		}
#source  {
	text-align:left;
		color:#888888;
		font-size:70%;
		padding-bottom:5px;
}

#contact {
	width: 500px;
	height:500px;
	float:left;
	}

#contact_image {
	float:right;
	}

/* Defined - sidebar
*****************************************************************/
#sidebar {
	float: left;
	font-family: Verdana, sans-serif;
	/*background: url('images/sidebar.jpg') repeat-y top left;*/
	width: 155px;
	padding: .2em .3em .1em .5em; 
	text-align:left;
	}
	#sidebar h4 {
	 padding-top:0px;
	}
	#sidebar ul 
	{
	padding-left: 0;
	margin-top: 0em;
	margin-bottom: .5em;
	margin-left: 0;
	list-style: none;
	}
	#sidebar ul li {
			background: none;
			font-size:100%;
			list-style: none;
			line-height: 1.2;
			margin-left: .5em;
			padding-top:0px;
			padding-bottom:0px;
	}
	#sidebar ul li a.selected {
		background: #ececec;
	font-weight: bold;
		color: #804020;
	text-decoration: underline;
		}
	#sidebar ul li a:hover {
	text-decoration: underline;
		color: #804020;
		}
.date_sm {
	font-size:80%;
	font-style: italic;
	color:#448844;
	margin-left:.6em;
}
.date_big {
	color:#448844;
}

/* Defined - sidebar roundcorners
*****************************************************************/

.roundcont {
	width: 180px;
	background-color: #dCdCb9;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url('images/tr.gif') no-repeat top right; 
}

.roundbottom {
	background: url('images/br.gif') no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

/* Defined - Site Info
*****************************************************************/

#siteinfo {
	clear: both;
	text-align: center;
	background: #728EA4;
	margin: 1em 6px 1em 6px;
	padding: .5em 1em .5em 1em;
	color: #ffffff;
 font-size:90%;
	}
	#siteinfo a {
	color:white;
	text-decoration:underline;
}


/* Defined - Lists
*****************************************************************/

ul {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: .1em;
	margin-left: 0;
}
li{
list-style-type:none; padding-left:12px; padding-right:0; padding-top:1px; padding-bottom:0.05em
}