/* CSS Document */

body {
/*	background: #CCCCFF;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

p {
	font-size: 13px;
}

table {
	font-size: 13px;
}

a {
	color:#663366
}

#nav {
	list-style: none;
	line-height: 1.5;
	font-weight: bold;
}

#nav li ul {
	position: absolute;
	width: 143px;
	left: -999px;

/*	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;*/
}

ul.topmenu {
	padding: 0;
	border: none;
}

ul.innermenu {
	float: left;
	text-align: left;
	list-style: none;
	line-height: 2.0;
	background: #CCCCFF;
/*	background-image: url();*/
	padding: 0;
	border: solid #330033;
	border-width: 1px 1px 1px 1px;
	margin: 0 0 1px 0;
	font-weight: bold;
}

a.topmenu {
	display: block;
	width: 60px;
}

a.innermenu {
	display: block;
	width: 143px;
/*	w\idth: */ /* IE 5&6 hack, no difference here? */
/*	color: #7C6240; */
	text-decoration: none;
	padding: 1px 5px;
	color: #663366;
}

li.topmenu {
	float: left;
	padding: 0;
	width: 100px;
/*	width: 95px;*/
/*	border-width: 1px 1px 1px 1px;*/
}

li.innermenu {
	float: left;
	padding: 0;
	width: 143px;
	border-width: 0px 0px 1px 0px;
}

#innermenu li:hover, #innermenu li.sfhover {
/*	text-decoration: underline;
	color: #FFFFFF;*/
/*	this is the only property so far that works in ie */
	background: #9999CC;
}

/* this implementation works in firefox, not in ie
li:hover.innermenu, li.sfhover.innermenu {
	text-decoration: underline;
	color: #FFFFFF;
}
*/

#nav li:hover ul {
	left: auto;
}