/* header */
html,
body {
margin: 0;
padding: 0;
background-color:Transparent;
}
#header {
margin: 8px 0 0 0;
background: url('../Image1/bg_header.gif') no-repeat;
width: 100%;
padding-bottom: 12px;
overflow: hidden;
}
#header ul {
list-style: none;
list-style-position:outside;
}
#header h1 {
margin: 15px 95px 0 23px;
font: bold 12px Verdana, Helvetica, snas-serif;
color: #455861;
width: 175px;
overflow: hidden;
float: left;
display: inline;
}
#header h1 a {
display: block;
text-indent: 9999px;
height: 40px;
background: url('../Image1/logo.gif') no-repeat;
}
/* main navigation */
#main-navigation {
float: left;
border-top: 1px solid #FFF;
padding: 0 11px;
margin: 0;
}
.mn-home {
background: url('../Image1/main-navigation.gif') no-repeat; 
}
.mn-home #mn-home
{
font-weight:bold;
}
.mn-explore {
background: url('../Image1/main-navigation.gif') no-repeat 0 -116px;
}
.mn-explore #mn-explore
{
font-weight:bold;
}
.mn-plantrip {
background: url('../Image1/main-navigation.gif') no-repeat 0 -232px;
}
.mn-plantrip #mn-plantrip
{
font-weight:bold;
}
.mn-forum {
background: url('../Image1/main-navigation.gif') no-repeat 0 -348px;
}
.mn-forum #mn-forum
{
font-weight:bold;
}
.mn-blank {
background: url('../Image1/main-navigation.gif') no-repeat 0 -464px;
}
#main-navigation li {
float: left;
}
#main-navigation li a,
#main-navigation li strong {
width: 66px;
text-align: center;
font: 11px/14px Verdana, Helvetica, sans-serif;
padding: 22px 0;
float: left;
color: #576A75;
text-decoration: none;
}
#main-navigation a:hover {
text-decoration: underline;
}
#main-navigation li strong {
font-weight: bold;
}
.mn-home #mn-home:hover {
background: none;
}
.mn-home #mn-explore:hover {
background: url('../Image1/main-navigation.gif') no-repeat -77px -58px;
}
.mn-home #mn-plantrip:hover {
background: url('../Image1/main-navigation.gif') no-repeat -143px -58px;
}
.mn-home #mn-forum:hover {
background: url('../Image1/main-navigation.gif') no-repeat -209px -58px;
}
.mn-explore #mn-home:hover {
background: url('../Image1/main-navigation.gif') no-repeat -11px -174px;
}
.mn-explore #mn-explore:hover {
background: none;
}
.mn-explore #mn-plantrip:hover {
background: url('../Image1/main-navigation.gif') no-repeat -143px -174px;
}
.mn-explore #mn-forum:hover {
background: url('../Image1/main-navigation.gif') no-repeat -209px -174px;
}
.mn-plantrip #mn-home:hover {
background: url('../Image1/main-navigation.gif') no-repeat -11px -290px;
}
.mn-plantrip #mn-explore:hover {
background: url('../Image1/main-navigation.gif') no-repeat -77px -290px;
}
.mn-plantrip #mn-plantrip:hover {
background: none;
}
.mn-plantrip #mn-forum:hover {
background: url('../Image1/main-navigation.gif') no-repeat -209px -290px;
}
.mn-forum #mn-home:hover {
background: url('../Image1/main-navigation.gif') no-repeat -11px -406px;
}
.mn-forum #mn-explore:hover {
background: url('../Image1/main-navigation.gif') no-repeat -77px -406px;
}
.mn-forum #mn-plantrip:hover {
background: url('../Image1/main-navigation.gif') no-repeat -143px -406px;
}
.mn-blank #mn-forum:hover {
background: none;
}
.mn-blank #mn-home:hover {
background: url('../Image1/main-navigation.gif') no-repeat -11px -406px;
}
.mn-blank #mn-explore:hover {
background: url('../Image1/main-navigation.gif') no-repeat -77px -406px;
}
.mn-blank #mn-plantrip:hover {
background: url('../Image1/main-navigation.gif') no-repeat -143px -58px;
}
.mn-blank #mn-forum:hover {
background: url('../Image1/main-navigation.gif') no-repeat -209px -58px;
}
/* top links */
#top-links {
float: right;
overflow: hidden;
font: bold 11px/14px Verdana, Helvetica, Arial, sans-serif;
padding: 5px 0;
margin: 0 8px;
display: inline;
}
#top-links li {
float: left;
padding: 0 13px;
margin-left: -4px;
background: url('../Image1/spr_header.gif') no-repeat 0 50%;
}
#top-links a {
color: #576A75;
text-decoration: none;
}
#top-links a:hover {
text-decoration: underline;
}
/* search form */
#header form {
float: right;
clear: right;
margin: 0;
padding: 5px 15px;
width: 245px;
}
#header form * {
float: left;
}
#header #text {
border: 1px solid #59C1F6;
font: 11px Arial, sans-serif;
padding: 3px 2px;
width: 155px;
margin-right: 9px;
}
#header #searchbutton {
background: #FFF url('../Image1/button_inact.gif') no-repeat;
border: none;
width: 69px;
height: 23px;
color: #024DC2;
padding-bottom: 2px;
font: bold 12px Arial, sans-serif;
}
#header #searchbutton:hover,
#header #searchbutton.hover {
background: #FFF url('../Image1/button_act.gif') no-repeat;
}
#myNavigationBar
{
}