@charset "utf-8";
/* CSS Document */


#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
position: relative;
width:8em;
border: 1px solid #003300;
background-color: #003300;
color: #FF6;
font-size: 80%;
margin-right: 1em;
line-height:1.5em;
}


/* different size lis */

#nav li.small4 {
float: left;
position: relative;
width: 4em;
border: 1px solid #003300;
background-color: #003300;
color: #FF6;
font-size: 80%;
margin-right: 1em;
}


#nav li.small5 {
float: left;
position: relative;
width: 5em;
border: 1px solid #003300;
background-color: #003300;
color: #FF6;
font-size: 80%;
margin-right: 1em;
}

#nav li.small9 {
float: left;
position: relative;
width: 9em;
border: 1px solid #003300;
background-color: #003300;
color: #FF6;
font-size: 80%;
margin-right: 1em;
}

#nav li.big{ width:10em;
float: left;
position: relative;
border: 1px solid #003300;
background-color: #003300;
color: #FF6;
font-size: 80%;
margin-right: 1em;
white-space:nowrap;}


#nav li.big11{ width:11em;
float: left;
position: relative;
border: 1px solid #003300;
background-color: #003300;
color: #FF6;
font-size: 80%;
margin-right: 1em;}

#nav li.big13{ width:13em;
float: left;
position: relative;
border: 1px solid #003300;
background-color: #003300;
color: #FF6;
font-size: 80%;
margin-right: 1em;}


/* sub 1is*/
#nav li.big13sub{ width:13em;
float: left;
position: relative;
border: 1px solid #003300;
background-color: #003300;
color: #FF6;
margin-right: 1em;}


#nav li.bigsub{ width:10em;
float: left;
position: relative;
border: 1px solid #003300;
background-color: #003300;
color: #FF6;
margin-right: 1em;}

#nav li.small9sub {
float: left;
position: relative;
width: 9em;
border: 1px solid #003300;
background-color: #003300;
color: #FF6;
margin-right: 1em;
}


#nav a:link {
display: block;
text-decoration: none;
padding-left: 1em;
color: #FF6;
}
* html #nav a {
width: 100%;
}

#nav a:visited {display: block;
text-decoration: none;
padding-left: 1em;
background-color: #003300;
color:#fff;
}

#nav a:hover, #nav a:focus, #nav a:active{
color:#003300;
background-color: #693;
}

#nav ul {
display: none;
position: absolute;
padding: 0;
}
#nav ul li {
border: 0 none transparent;
background-color:#003300 ;
font-size: 100%;
margin-bottom: -1px;
margin-top: 1px;
padding: 0;
color:#693;
}

#nav li:hover ul {
display: block;
}
#topwrap a:hover, #nav a:focus, #nav a:active{
color:#003300;
background-color: #693;
}

#bottomwrap a:hover, #nav a:focus, #nav a:active{
color:#003300;
background-color: #693;
}


#bottomwrap li.twomenu:hover ul {display:block; margin-top:-4.5em;}
#bottomwrap li.threemenu:hover ul {display:block; margin-top:-6.5em;}
#bottomwrap li.fivemenu:hover ul {display:block; margin-top:-10em;}
#bottomwrap li.sixmenu:hover ul {display:block; margin-top:-11.5em;}
#bottomwrap li.sevenmenu:hover ul {display:block; margin-top:-13em;}
#bottomwrap img{ vertical-align:bottom;}