@charset "utf-8";

img, img a {
	border: none;
}

.logo {
	text-align: right;
	background-position: bottom;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


div.linkbar_right {
background: url(img/navi_top_right.png) no-repeat;
height: 18px;
width: 19px;
margin: 0;
float: right;
}

/* master body area */

div.contents {
background-color: #fcfcfc;
/*
 for center align
 margin-left: auto;
*/
margin-left: 20px;
/* add left align*/
width: 800px;
clear: both;
border-top: 1px solid #555;
border-right: 1px solid #555;
border-left: 1px solid #555;
border-bottom: 1px solid #555;
margin-right: auto;
margin-top: 5px;

}

/* toc - Left TOC */

ul.Navi_Left {
width: 134px;
font-size: 8pt;
list-style-type: none;
background-color: #ccc;
border: 1pt solid #555;
padding: 5px;
margin-left: 5px;
margin-top: 7px;
margin-bottom: -5px;
float: left;
line-height: 14px;
}

ul.Navi_Left li {
color: #eee;
margin-bottom: 5px;
padding-left: 2px;
border: 1px solid #000;
background: #666;
width: 134px;
position: relative;
}

ul.Navi_Left li .edge {
	float: none;
	right: -1px;
	bottom: -1px;
	#bottom: -10px; /* IE browser trickery */
	position: absolute;
	width: 5px;
	height: 5px;
	background: url(img/link-edge.png);
	background-repeat: no-repeat;
}

ul.Navi_Left li:hover {
	background-color: green;
}

ul.Navi_Left li:hover .edge {
	background-image: url(img/link-edge-green.png);
}

ul.Navi_Left a {
	color: #eee;
	text-decoration: none;
}

ul.Navi_Left a:active {
letter-spacing: 1pt;
font-style : italic;
}

/* toc - Right TOC */

h1.title {
margin-left: 166px;
font-size: 14pt;
letter-spacing: -1pt;
line-height: 18pt;
margin-top: 5px;
margin-bottom: 5px;
}

div#toc {
margin-left: 166px;
margin-top: 0px;
padding-left: 380px;
padding-top: 1px;
border-left: 1px #555 solid;
border-top: 1px #555 solid;
background-position: -3px;
background-repeat: no-repeat;
line-height: 1ems;
left: 0px;
}

/* main images */

div.mimg_init { background-image: url(img/mimg_1init.jpg); }
div.mimg_dblist{ background-image: url(img/mimg_2dblist.jpg); }
div.mimg_chromosome { background-image: url(img/mimg_3chromosome.jpg); }
div.mimg_bodyparts { background-image: url(img/mimg_4bodyparts.jpg); }
div.mimg_species { background-image: url(img/mimg_5species.jpg); }
div.mimg_class { background-image: url(img/mimg_6class.jpg); }
div.mimg_proteome { background-image: url(img/mimg_7proteome.jpg); }
div.mimg_emimage { background-image: url(img/mimg_8emimage.jpg); }

div.tocbtm {
background-image: url(btm.gif);
background-repeat: no-repeat;
height: 8px;
width: 12px;
float: left;
margin-top: 4px;
margin-bottom: 0px;
}

div#toc h2 {
font-size: 10pt;
line-height: 11pt;
margin-top: 10px;
margin-bottom: 1pt;
}

div#toc p {
font-size: 9pt;
width: 234px;
letter-spacing: -1pt;
margin: 0px 0px 0px 8px;
}

div#toc a {
color: #333;
}

div#toc a:visited {
color: #777777;
}

div#toc a:hover {
color: #FF0000;
}

div#toc a:active {
background-color: #ffffcc;
font-style : italic;
}