/* $WEFT -- Created by: Jason Garver (n6539f@hotmail.com) on 11/30/2007 -- */
@font-face {
font-family: "wwii";
font-style:  normal;
font-weight: normal;
src: url(WWII_TM1.ttf);
}

div#title-image {
width:100%;
background-color:#fbf0d0;
}

body {font-family:wwii; behavior:url(css/csshover.htc);} /* supposedly fixes IE hover behavior */

* {margin:0; padding:0;}

div#listmenu {   /* properties for whole list */
width:100%;   /* makes list go across whole screen */
float:left;   /* aligns list left */
border-top:1px solid #069;
border-bottom:1px solid #069;
font-size:.8em;   /* font for whole list */
background-color:#fbf0d0;   /* list background color */
margin-top:0px;  /* adjusts how far down from top of div the list is displays */
}

* html div#listmenu ul {
float:left;
border-left:1px solid #000;
margin-left:1px;  /* adjusts padding between drop down elements and list item edge */
}

div#listmenu li {
float:left;
position:relative;
list-style-type:none;
background-color:#FFA;
border-right:1px solid #069;
}

div#listmenu li:first-child {
border-left:1px solid #069; /* does not seem to work */
}

div#listmenu li a:hover {
background-color:#FFF;   /* makes list elements turn white when mouse floats over */
}

div#listmenu a {
display:block;   /* makes whole block a link not just text */
padding:0 6px;
text-decoration:none;   /* removes underline on link */
color:#000;
/* background:#DDD; */
}

div#listmenu a:hover {
color : #F33;   /* makes list element text turn red when mouse floats over */
}

* html div#listmenu ul { 
float:left;
border-left:1px solid #000;
margin-left:15px;
}

/* ----------drop-down menu script starts here--------------- */

* html div#listmenu ul li ul 
{
display:none;  /* makes drop-downs disappear */
margin:0;
position:absolute;
width:10em; /* in combo with li width makes menu stack */
border-top:0px solid #069;
border-left:0px;   /* left border for first drop downs */
border-right:0px;   /* right border for first drop downs */
left:-20px;
}

div#listmenu ul li:hover ul, 
div#listmenu ul li ul a:hover 
{display:block;} /* makes drop-downs drop down when floated over */

div#listmenu ul li ul li 
{
width:100%;
border-top:1px solid #069;   /* top border for all first layer drop downs */
border-left:1px solid #069;   /* left border for all first layer drop downs */
border-bottom:1px solid #069;   /* bottom border for all first layer drop downs */
border-right:1px solid #069;   /* right border for all first layer drop downs */
}

/* ----------drop-down menu script ends here--------------- */
 
div#listmenu ul li ul li:first-child {border-top:1px solid #069;} /* does not seem to work */


/* ----------drop-down pop-out menu script starts here--------------- */

div#listmenu ul li ul li ul {
visibility:hidden;
top:-1px;
left:10em;
}

div#listmenu ul li ul li:hover ul {visibility:visible;} 

/* another layer */

div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}

div#listmenu ul li ul  li ul li:hover ul {visibility:visible;}

/* ----------drop-down pop-out menu script ends here--------------- */