#menu {line-height: 130%; }

#menu ul {
	width: 180px; /*this must be 25 px greater than menuitems width */
	margin: 0 auto;
	padding: 0 0 30px 0;
	background: #aaa url(../csf/images/fade_bottom.gif) no-repeat bottom left;
	font-family: "Courier New", Courier, monospace;
	
}
#menu dt {
	font-size: 17px;
	font-weight:bold;
	color: #fff;
	border-bottom:1px solid #111;
	background: #aaa url(../csf/images/fade_top.gif) no-repeat top left;
	padding:0;
}

#menu li {
	margin:0;
	padding:0;
	color: #333;
	font-size: 15px;
	border-bottom:1px solid #333;
	background: #ddd;
	list-style-image: none;
	list-style-type: none;
	font-family: "Courier New", Courier, monospace;
}

/*  THIS is a test style 
#menu li a.selected {
	margin:0;
	padding:0;
	color: #000;
	font-size: 15px;
	border-bottom:1px solid #333;
	background: #fff;
	list-style-image: none;
	list-style-type: none;
	font-family: "Courier New", Courier, monospace;
}
*/

#menuItems a, #menuItems a:visited {color:#333; text-decoration:none; display:block; padding:5px 5px 5px 20px;
background: #ddd  no-repeat 10px 10px; width:155px;
}

#menuItems a:hover {background: #666 /* url(images/arrowr_hi.gif) */ no-repeat 11px 10px; color:#fff;}
/* COMMENT:  The arrowr.gif is a moving bullet pointer of your choice; use a transparent gif; if not available the menu will work fine*/

ol li {font-size:11px;}

#smallMessage {
	font-size: xx-small;
	color: #000000;
	margin: 10%;
	font-weight: bold;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5%;
}