 /*
CSS for K. Markov's Homepage 
Main CSS
*/

body {
margin: 10px;
padding: 0;
font: 75% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
line-height:1.5em;
color: #999;
background: lightgray; /*#457C05;*/
background-position: 50% 0;
}


h2 {
margin: 0;
font: bold 120% verdana, "Trebuchet MS", tahoma, sans-serif;
padding: 15px;
border-bottom: 0px solid #7DCE27;
letter-spacing: 5px;
text-transform: uppercase;
color: #7DCE27;
background: inherit;
}

#container {
width: 900px;
margin-left: auto;
margin-right: auto;
padding: 5px;
border: 10px solid #fff;
color: #999;
background: #FFF;
}

#banner {
height: 200px;
padding: 0;
margin: 0;
border: 0px solid white;
}

#banner_top {
height: 100px;
padding: 0;
margin: 0;
border: 1px solid white;
color: #009898;
background: white url('../fig/logo_u-aizu.jpg') 1.5% 50% no-repeat;
}

#banner_text {
position: relative;
font-size: 300%;
left: 170px;
top: 15px;
}


#banner_bottom {
height: 100px;
padding: 0;
margin: 0;
border: 1px solid #009898;
color: white;
background: #009898 url('../fig/aizu-jpnlogo.jpg') bottom left no-repeat; 
}

.banner_fig {
position: relative; 
top: -222px;
left: 720px;
}

.logo_fig {
position: relative; 
top: -440px;
left: 600px;
}


#navlist {
padding: 0px 0px;
margin-left: 0;
border-bottom: 0px solid #eee;
letter-spacing: 3px;
background: #7DCE27;
}

#navlist li {
list-style: none;
margin: 0;
display: inline;
text-align: center;
font-weight: bold;
}

#navlist li a {
padding-top: 7px;
padding-bottom: 7px;
margin-left: 0px;
border: 0px solid #eee;
text-decoration: none;
width:20%;
float:left;
}

#navlist li a:link { 
color: #636363;
background-color: lightgray; 
}

#navlist li a:visited { 
color: #636363;
background: lightgray; 
}

#navlist li a:hover {
color: #fff;
background: #009898; 
border: 0px solid #FFF;
}


#sidebar {
width: 180px;
float: left;
margin: 12px 10px 0 0;
padding: 0px;
border-right: 0px solid #eee;
border-bottom: 0px solid #eee;
background-color: #fff;
color: #999;
}

#menu
{
list-style: none;
padding: 0px;
margin: 0px;
}

#menu li
{
background: none;
padding: 0px;
margin: 0px;
font-weight: bold;
}

#menu a
{
display: block;
width: 160px;
height: 27px;
margin-bottom: 0px;
text-decoration: none;
background: inherit;
background-image: url('../fig/bbg0.gif');
padding-left: 17px;
padding-top: 11px;
color: #636363;
font-size: 13px;
}


#menu a:hover
{
background: inherit;
color: #fff;
background-image: url('../fig/bbg3.gif');
}


#footer {
clear:both;
padding: 3px;
margin: 0 0 0 0;
text-align: left;
border-top:1px solid #009898;	
color: #999;
background-color: #fff;		
}

