/* common styling */

/* set up the overall width of the menu div, the font and the margins */
.topmenu {
	position:relative; 
	z-index:1000;
	font-size:100%;
	text-transform: uppercase;
	}

/* remove the bullets and set the margin and padding to zero for the unordered list */
.topmenu ul {
	padding:10px 5px; 
	margin:0;
	width:800px;
	}

/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.topmenu ul li {
	float: right; 
	position:relative;
	}

/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.topmenu ul li a, .topmenu ul li a:visited {
	text-align: center;
	padding: 20px 10px;
	display: inline; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:auto;
	color:#e37c09;
	background:#331e1f;
	border: 0px solid #000;
	border-width: 0;
	}

/* make the dropdown ul invisible */
	.topmenu ul li ul {
	display: none;
	}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.topmenu ul li:hover a {
	color: #fff; 
	background: #331e1f;
	}

/* make the sub menu ul visible and position it beneath the main menu list item */
.topmenu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:30px; 
	left:0; 
	width:100px;
	}

/* style the background and foreground color of the submenu links */
.topmenu ul li:hover ul li a {
	display:block; 
	background:#331e1f; 
	color:#331e1f;
	}

/* style the background and forground colors of the links on hover */
.topmenu ul li:hover ul li a:hover {
	background:#331e1f; 
	color:#fff;
	}