/** 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: 2px 0 2px 0; 
   text-align: center;
	width: 810px;
}
html>body  #tablist {   /** FF **/
	font-size: 11px;
	margin: -2px 5px 0px 5px;}

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

#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: 30px;
	*padding-right: 10px; }
	
/** what each link in the top-level colored boxes will look like **/
#tablist li a {  /** IE **/
	background: #CF2027;
	color: #FFF;
	padding: 0 7px 0 7px;
	text-decoration: none; }
   html>body  #tablist li a{   /** FF **/
	margin-top: 0;
}

#tablist li.disabled a:hover{ 	color: #000000;  	padding-top: 2px; }
#tablist li a:hover{ 	color: #000000;  	padding-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: #FFF;
	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: #FFF;
	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:  #000;
	color: #FFF;
	margin-left: -325px;
	margin-top:  0;
	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>