/** black: #252525; red:  #CF2027; yellow: #FDC133**/
<style>
<!--
/**======================================== top-level styles ===================================**/
/** this describes the container for the colored boxes for top-level links **/

#nav {   /** just gives the length of the bar -- not height, color or background info **/
  margin-top: -7px;
	padding-bottom: 3px;
	padding-top: 1px;
	text-align: center;
} html>body #nav { 	margin-left: 0px; 	padding-top: 2px; }

/** long bar of color behind actual lnks **/
#tablist{   /** IE **/
	background-color: #CF2027;    /** red **/
	color: #FFFFFF;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	padding-bottom: 3px;
	padding-top: 3px; 
	width: 810px;
}
html>body  #tablist {   /** FF **/
	font-size: 11px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: -2px;
	width: 767px; }

#tablist li.disabled {    /** what each list elt will look like **/
	color: #cdcdcd;
	display: inline;  /** list goes horizontal instead of vertical **/
	list-style: none;
	padding-left: 10px;
	padding-right: 10px; 
} html>body  #tablist li.disabled {  	padding-right: 30px; }

#tablist li {    /** what each list elt will look like **/
	color: #cdcdcd;
	display: inline;  /** list goes horizontal instead of vertical **/
	list-style: none;
	margin-left:  -15px; } html>body  #tablist li { 	margin-left: -20px;}

/** what each link in the top-level colored boxes will look like **/
#tablist li a {  /** IE **/
	background: #CF2027;
	color: #FFFFFF;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none; }
html>body  #tablist li a{   /** FF **/
	margin-left: -15px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 30px;
}

#tablist li a:hover{ 	color: #000000;  	margin-top: 2px; }

/** ===================================== end:  top-level styles ========================================**/

/** ++++++++++++++++++++++++++++++++++++++++ second-level styles ++++++++++++++++++++++++++++++++++++++ **/
/** this determines the look of the colored cell behind the second-level link/text, used in expandcontent to determine look of sublinks **/
.tabcontent{  	 display: none; }

a.tabconlink:link{   /** this determines what the TEXT will look like **/
	color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none; }

a.tabconlink:hover{
	color: #FFDD00;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none; }

a.tabconlink:visited{
	color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none; }

a.tabconlink:visited:hover{
	color: #FFEE00;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none; }

#courses {  /** IE **/
	background:  #000000;
	color: #FFFFFF;
	margin-left: -325px;
	margin-top:  0px;
	padding-bottom: 2px;
	padding-left: 3px;
	position: absolute;
	text-align: center; }
html>body  #courses{   /** real **/
	margin-left: 75px;
	margin-top:  2px;
	padding-left: 6px;
	padding-right: 6px;
	width: 337px; }

-->
</style>