@import "../common.css";
/*This css only control color and imgs*/
body {text-align:center;background : #F4F4F4 url(bg.jpg) repeat-x;color:#4C6457;}

td,th {}
p{}
h1{}
h2{}
h3{color:#50685A;}
h4{color:#4C6457;}
h5{color:#50685A;}
h6{color:#4C6457;}

A {COLOR: #4C6457;}
A:link {COLOR: #4C6457;}
A:visited {COLOR: #4C6457;}
A:hover {COLOR: #668176;}
A:active {COLOR: #4C6457;}

input,textarea,select {COLOR: #646669; BACKGROUND-COLOR: #fff;  border : #646669 1px solid;}
input.buttonface,button {BACKGROUND-COLOR: #646669;color:#FFF;}

#header{}
#logo{background : url(logo.jpg);}
#logobtm{background : url(logo_btm.gif);}
#left{background:#BDC4B4;}
.left{background:#BDC4B4;}
#mainbody{background : url(mainbg.jpg) no-repeat #FFF;padding-top:200px;}
.mainbody{padding-top:10px; background :  #FFF;}
#mainbody{background : url(mainbg.jpg) no-repeat #FFF;width:675px;}
.mainbody{padding-top:10px; background :  #FFF;width:675px;}
#footer{}
#top{}
#top a{color:#F00;}
#menu{}
#menu ul{}
#menu li{background : #626658;}
#menu li.split{}
#menu li.span{}
#menu li.spec{background : #8FA381 url(menu_list.gif) no-repeat 20px;}
#menu li a{color:#FDFFF9;}
#menu li.spec a{color:#D8E0D5;}

#pathway{}

.moduletable{}
.moduletable th{background-color:#626658;color:#D8D8D8;}
.moduletable td{color:#668176;}
.moduletable td a{color:#668176;}
.moduletable ul{}
.moduletable li{border-bottom:1px dotted #D8D8D8;}
.moduletable li a{color:#FFF;}
.moduletable li a:link{color:#FFF;}
.moduletable li a:visited{color:#FFF;}
.moduletable li a:hover{color:#51685E;}
.moduletable li a:active{color:#FFF;}

.moduletable1{}
.moduletable1 td{border-bottom: 1px dotted #4C6457;color:#4C6457;}

.button {BORDER-BOTTOM: #666 1px groove; BORDER-RIGHT: #666 1px groove; BACKGROUND: #F7F7F7;}
a.button:link{}
a.button:hover{color:#333;}

.content a{color:#515B6B;}
.content a:link{text-decoration : underline;}
.content a:hover{color:#4C6457;}
.content{padding:20px 10px 10px 10px;}