
#topnav {  /* do not change any of these values */
	position: absolute;
	z-index: 100;
	padding: 0px;
	margin: 0px;
}

#topnav ul {  /* do not change any of these values */
 	padding: 0px;
	border: 0px;
	margin: 0px;
	list-style-type: none;
}


#topnav ul li {
	border: 0px; /* main nav button border color and style */
	font-size: 12px; /* main nav button name font size */
	font-family: Arial, Helvetica, sans-serif;  /* main nav button font */
	letter-spacing: 2px;
	display: inline; /* do not change this */
	float: left;  /* do not change this */
	padding: 0px; /* do not change this */
	margin: 0px; /* do not change this */
	position: relative; /* do not change this */
} 

#topnav ul li a {
	padding: 0px 34px 0px 34px; /* main nav button padding around the button name (top, right side, bottom, left side) */
	width: auto; /* width of each main nav button, put either a pixel value or auto if you just want the button width to fit the button name  */
	height: auto;
	line-height: 25px; /* height of each main nav button, put either a pixel value or auto if you just want the button width to fit the button name   */
	text-align: center; /* controls alignment of the button name - possible values: left, center, or right */
	display: block; /* do not change this */ 
	margin: 0px; /* do not change this */
}
	
#topnav ul li a:link { /* styling for main nav button - unvisited */
		text-decoration: none;
		color: #FFFFFF;  
		}
		
#topnav ul li a:visited { /* styling for main nav button link - visited */
		text-decoration: none;
		color: #FFFFFF; 
		}
	
#topnav ul li a:hover { /* styling for main nav button link - hover state */
		background-position: 0px 0px;
		color: #ffffff;
		background-image: url(images/menubgon.gif);
		} 
		
#topnav ul li a:active { /* styling for main nav button link - active state */
		background-position: 0px 0px ;
 		}


 /* styling for sub nav buttons  */
#topnav li ul {
	background-IMAGE: none;
	top: 25px; /* This value changes the vertical distance between the main nav item and the submenu beneath it.  This value will need to be changed depending on the font size or height you choose for the main nav */
	padding: 0px;/* do not change this */
	display: none;/* do not change this */
	margin: 0px;/* do not change this */
	position: absolute;  /* do not change this */
}


html #topnav li ul {/* do not change this */
	display: block;
	border: 0px;
 	left: -10000px;
}

#topnav li.over #topnav li.sfhover {/* do not change this */
	border: 0px;
}

#topnav li:hover ul {/* do not change this */
	display: block; 
	left: 0px
}

#topnav li.over ul {/* do not change this */
	display: block; 
	left: 0px
}

#topnav li.sfhover ul {/* do not change this */
	display: block; 
	left: 0px
}

#topnav li ul li {/* do not change this */
	border: 0px;
	padding: 0px; 
	display: block;
	float: none; 
	margin: 0px;
}

html #topnav li li {}/* do not change this */


#topnav li ul a { /* this changes the look of the subnav buttons */
	padding: 3px 1px 3px 6px;
	text-align: left;
	margin: 0px;
	width: 150px;
	height: auto;
	line-height: 14px;
	border-bottom: 1px #FFFFFF solid;
	font-weight: normal;
	letter-spacing: 0px;
	}
#topnav li ul a:link { /* styles specific to the unvisited subnav button look */
	color: #FFFFFF;
	background-color: #00b6ed;
	}
#topnav li ul a:active { /* styles specific to the active subnav button look */
	color: #FFFFFF; 
	background-color:#00b6ed; 
	}
#topnav li ul a:visited { /* styles specific to the visited subnav button look */
	color: #FFFFFF; 
	background-color:#00b6ed; 
	}
#topnav li ul a:hover { /* styles specific to the hover subnav button look */
	color: #FFFFFF; 
	background-color:#82479c; 
	background-image: none;
	}


html #topnav ul iframe {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); 
	position: absolute; 
	top: 0px; 
	left: 0px;
}