ul, li {margin: 0; padding: 0; border: 0;}


.wrapper {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 1px solid #666;
	background: #fff;
	text-align: left;
}
	
.navholder  { display: inline; margin: 15px 20px 5px; width: 8em; float: left }

ul    { background-image: url(images/menuback.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 10em; border-top: 1px solid #09357b }

li     { font-family: arial, sans-serif; font-weight: bold; list-style: none; position: relative; vertical-align: bottom; border-right: 1px solid #09357b; border-bottom: 1px solid #09357b; border-left: 1px solid #09357b }

ul a   { color: #09357b; font-size: 12pt; text-decoration: none; text-align: center; display: block; padding: 5px 10px; vertical-align: bottom }

ul ul  { background-image: url(images/menuback.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; left: -3000px }	/* flyout elements need a background image or color to avoid bugs in IE/win */
		
li:hover  { background-image: url(images/menubacklt.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
	
ul li:hover ul  { top: 2px; left: 9em }

ul a:hover {text-decoration: underline;}
	
/* \*/ /*/ 
ul li ul {position: static;}
/* */

/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */
.gtext   { color: #09357b; font-size: 12pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.gsubhead  { color: #09357b; font-size: 16pt; font-family: Arial; font-style: italic; text-align: center }
.slogan  { color: black; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: italic; font-weight: bold }