html {
font-size: 100%; /* IE hack */
}
body {
background: #efefef;
margin:0;
padding: 0;
font-family: Trebuchet MS;
font-size: 0.75em;
line-height: 1.45em;
color: #555555;
}
img {
border: 0;
}
p {
margin: 15px 0 15px;
}
.relative {
position: relative;
}
a, a:link, a:active, a:visited {
color: #666633;
text-decoration: underline;
}
a:hover {
color: #666633;
text-decoration: underline;
}
#page {
background: url(img/bg.jpg) repeat-y;
margin: 0 auto 0 auto;
padding: 0 12px 0 12px;
width: 750px;
}
#header {
height: 60px;
width: 710px;
padding: 20px;
}
#header-details {
position: absolute;
text-align: right;
width: 300px;
height: 50px;
top: 15px;
left: 410px;
}

#pic-label {
position: absolute;
top: 226px;
left: 20px;
color: #FFFFFF;
font-size: 1.1em;
}
.scientific {
color: #cccccc;
font-style: italic;
}

/* menu start */

#nav {
width:750px;
height: 30px;
}

.menu {
background: url(img/nav.gif) no-repeat;
width: 750px;
height: 30px;
padding: 0;
margin: 0;
position: relative;
}

ul.menu {
list-style: none;
}

ul.menu li {
display: block;
float: left;
height: 30px;
}


li#home a {
position: absolute;
width: 115px;
height: 30px;
top:0;
left:0;
}
li#about a {
position: absolute;
width: 125px;
height: 30px;
top:0;
left:115px;
}
li#essential a {
position: absolute;
width: 154px;
height: 30px;
top:0;
left:240px;
}
li#other a {
position: absolute;
width: 221px;
height: 30px;
top:0;
left:394px;
}
li#contact a {
position: absolute;
width: 134px;
height: 30px;
top:0;
left:615px;
}

ul.menu li a:hover {background: url(img/nav.gif) no-repeat;}

li#home a:hover {background-position: -0px -30px;}
li#about a:hover {background-position: -115px -30px;}
li#essential a:hover {background-position: -240px -30px;}
li#other a:hover {background-position: -394px -30px;}
li#contact a:hover {background-position: -615px -30px;}

#ho .ho {background: url(img/nav.gif) no-repeat; background-position: -0px -30px;}
#ab .ab {background: url(img/nav.gif) no-repeat; background-position: -115px -30px;}
#es .es {background: url(img/nav.gif) no-repeat; background-position: -240px -30px;}
#ot .ot {background: url(img/nav.gif) no-repeat; background-position: -394px -30px;}
#co .co {background: url(img/nav.gif) no-repeat; background-position: -615px -30px;}

/* menu end */

hr {
display:block;
border: 1px dashed #efefef;
margin: 25px 0 25px 0;
}

h1 {
color: #444444;
font-size: 1.4em;
}
h2 {
color: #555555;
font-size: 1.2em;
}
h3 {
color: #555555;
font-size: 1.0em;
text-decoration: underline;
}

#left {
position: absolute;
width: 300px;
height: 500px;
top:10px;
left: 20px;
}

#left-sm {
position: absolute;
width: 300px;
height: 280px;
top:10px;
left: 20px;
}


#right {
width: 380px;
padding: 10px 0 10px 0;
margin: 0 0 0 350px;
}
#footer {
background: #333333;
margin: 0 auto 0 auto;
padding: 20px;
width: 710px;
height: 35px;
color: #999999;
}
.footer-logo {
float: left;
margin: 0 10px 0 0;
}
#ifeat {
float: right;
}
#ifeat a {
background: url(img/ifeat_logo.gif) top left no-repeat ;
width: 203px;
height: 32px;
display: block;
}
#ifeat a:hover {
background: url(img/ifeat_logo.gif) 0 -32px ;
}
.top-button {
margin: 0 0 -3px 3px;
}
#footer a:link {
color: #999999;
text-decoration: none;
}
#footer a:active {
color: #999999;
text-decoration: none;
}
#footer a:visited {
color: #999999;
text-decoration: none;
}
#footer a:hover {
color: #999999;
text-decoration: underline;
}