<!-- Body definitions -->
body {
background-color : #C0C0C0; 
background-position: center;
background-image: url(globe1.gif);
background-repeat: no-repeat;
background-attachment: fixed;
font-family : Tempus Sans ITC, Trebuchet MS, Tahoma, Comic Sans MS, Arial, System; 
color : #000000; 
font-size : 9pt; 
} 
<!-- Links -->

<!-- Headings -->

h1, h2, h3, h4 { text-align: center; font-weight: bold; }

<!-- Text -->
p.mainmenu {
font-style: italic;
font-size: 10pt;
}
p.menu {
font-stye: italic;
font-size: 9pt;
}
p.date {
font-style: italic;
font-size: 8pt;
}
p.system {
font-weight: bold;
font-size: 7pt;
}
p.header {
font-size: 8pt;
text-decoration: underline;
}
p.header2 {
font-size: 14pt;
text-weight: bold;
}
p.credits {
font-size: 8pt;
text-align: center;
}
p.topleftborder {
border-left: solid 1px #808080;
border-top: solid 2px #767676;
}
p.leftborder {
border-left: solid 1px #767676;
}


<!-- Table crap -->
TABLE, TR, TD { 
font-family : Tempus Sans ITC, Trebuchet MS, Tahoma, Comic Sans MS, Arial, System; 
color : #000000; 
font-size : 9pt; 
}

table.border {
border-top: solid 4px #808080;
border-right: solid 4px #808080;
border-left: solid 4px #767676;
border-bottom: solid 4px #767676;
}



<style type="text/css">
/* I ripped this. You may steal it. But dont sell it. Or I'll admit guilty to the person I stole it from, and they will sue you..
Kelly Jones is a Genius */


/* set the background image to use for sub-menus */
ul.menus a.submenu {
	background-image: url('');
	background-repeat: no-repeat;
	background-position: right center;
	}
	 
/* set the text decoration for links (including menus) line-height must equal height of menu items */
ul.menus a { text-decoration: none; font-size: 10px; line-height: 17px; }
ul.menus a.hover { text-decoration: none; font-size: 10px; line-height: 17px }
ul.menus a.active { text-decoration: none; font-size: 10px; line-height: 17px }

/* set width of menus, height of menu items */
ul.menus li {
	width: 100px;
	height: 17px;
	}

/* for non-IE browsers, the height must be set including the border */
ul.menus > li, ul.menus li ul > li {
	height: 21px;
	} 

/* must be same width as above */
ul.menus a { display: block; width: 100px; }

/* forces indentation to not occur, or in different place */
ul.menus li ul {
    margin-left: -15px;
	}
	
/* for sub-menus, set the top and left margins
   top is always negative, the height plus one border's width
   left is always positive, the width minus one border's width */
ul.menus li li ul {
	margin-top: -22px; /* height + border-width, adjust for font-size */
	margin-left: 70px; /* width - border-width */
	}

/* for netscape, top is negative, height plus two border's widths
   left is positive, width + 4 (padding) */
ul.menus li li > ul {
	margin-top: -22px;
	margin-left: 70px;
	}
	
/* colors / styles for menu headings, is also inherited by menu items */
ul.menus li a {
	border: solid 1px #000000;
	background-color: #ABABAB;
	color: #FFFFFF;
	}
ul.menus li a:hover { color: #FFFFFF !important; background-color: #000000 !important; }

/* currently selected menu background-color.  should be the same as hover above */
ul.menus li.curmenu a { color: #FFFFFF; background-color: #000000; }

/* border, color of menu items, submenu items */
ul.menus li ul li a {
	border: solid 1px #000000;
	background-color: #ABABAB !important;
	color: #FFFFFF !important;
	border-top-width: 0px; /* eliminate double-thick borders on IE */
	}

/* don't worry about double-borders on netscape */
ul.menus li ul li > a {
	border-top-width: 1px;
	} 
/* hover colors for menu items */
ul.menus li li a:hover { background-color: #C0C0C0 !important; color: #000000 !important; }

/* border for the top of a sub-menu */
ul.menus li li li ul:first-child a, ul.menus li.fsmitem a { border-top-width: 1px; } /* put a top border on sub-submenus */



/* DO NOT EDIT THINGS HERE UNLESS YOU KNOW WHAT YOU'RE DOING! */

div#Content { text-align: center; clear: left; }

ul.menus {
	margin: 0px; padding: 0px;
	list-style: none inside none;
	list-style-type: none;
	line-height: 0px !important;
	font-size: 0px !important;

/* Protect IE 5.x */
	voice-family: "\"}\"";
	voice-family:inherit;
	list-style: none outside none;
	}
ul.menus li {
	list-style: none inside none;
	list-style-type: none;

	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-right: 3px;

/* Protect IE 5.x */
	voice-family: "\"}\"";
	voice-family:inherit;
	list-style: none outside none;
	}
ul.menus > li {
	margin-right: 8px;
	}

ul.menus { text-align: left !important; }
ul.menus a { text-align: left; }
ul.menus li li {
       text-align: left !important;
	margin: 0px;
	float: none;
	}
ul.menus li li a { text-align: left; }

ul.menus ul {
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	}

ul.menus a { padding-left: 3px; }

</style>









