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

body
{
margin:0;
font-family: Helvetica, Arial, Sans-Serif;
color: #000000;
font-size: 100%;
text-align: left;
background:url(../pattern-white.gif) repeat;
}

a:link, a:visited {
	color:black;
	text-decoration: none;
	}
	
a:hover {
	color: grey;
	}

/*===============================================
navigation
*/

#nav
{
position:fixed;
top:1.6875em;
left:2em;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
width: 6.25em; /* Width of Menu Items */
}

ul li
{
position: relative;
}
	
li ul
{
position: absolute;
left: 6.25em; /* Set 1px less than menu width */
top: 0;
display: none;
}

/* Styles for Menu Items */
ul li a
{
display: block;
text-decoration: none;
color: black;
background: white; /* IE6 Bug */
padding: .5em 0;
border-bottom: .0625em solid silver;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { background: yellow; } /* Hover Styles */
		
li ul li a { padding: .5em .5em; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

/*==================
FOOOTER
*/
#footer
{
	width:10em;
	position:fixed;
	bottom:0;
	left:3.25em;
	font-size:0.625em;
	border-top: .0625 solid silver;
	padding:2em;
}