* html .visualIEFloatFix { height: 0.01%; }

/* Fading Tooltips */
body div#toolTip { margin-left:60px;position:absolute;width:200px;background:#333;border:2px double #999;text-align:left;padding:5px;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }

/* Default CSS */
/*
body {
background: #AFAFAF url(../images/back.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;font-size:80%;color: black;
margin: 0px; vertical-align: top;}
*/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font: 75%/1em Arial, Helvetica, sans-serif;
	font: 72.5%/1.6em "Lucida Grande", Arial, Verdana, sans-serif;
	color: #515151;
	background-color: #FFF;

}

/* Always show scrollbar in firefox */
html {min-height: 100%; margin-bottom: 1px;}

/* Remove borders when linking images */
img {border:0px;vertical-align: middle;}

/* Remove all annoying padding margins etc.. */
table {width: 100%; margin: 0px; border: 0px; border-width: 0px; border-collapse: collapse;}
form {padding:0; border:0; margin:0}
pre {padding:0; border:0; margin:0}
p {margin-top:0px;margin-bottom:6px;}

blockquote {border:#B4CCE6 1px solid;background-color:#F4F8FD;padding: 6px; margin: 6px;border-collapse: collapse;}
hr {border: 1px solid #AAAAAA;padding: 0px;}

input.submit {background-color: #FFFFFF;  border:#7F9DB9 1px solid;}

/* Links CSS */
a:link,a:visited {color: #016599;text-decoration: none;}
a:hover     {color: #A8A8A8; text-decoration:underline; }

a.current:link,a.current:visited {color: #000000;text-decoration: none;}
a.current:hover     {color:black;background:none;text-decoration: none;}

a.lightlink:link,a.lightlink:visited {color: #D4F5FF;text-decoration: none;}
a.lightlink:hover     {color:black;background:none;text-decoration: none;}

/* Font sizes */

.large {font-size: 120%;}
.small {font-size: 70%;}
.vsmall {font-size: 60%;}
.bold {font-weight:bold;}

h1 {/*font-family:Trebuchet MS, Helvetica;*/font-size: 23px;font-weight: bold;margin: 0;padding: 0; }
/*h1 {
	font-family: verdana,sans-serif;
	font-size: 25px;
	line-height:25px;
	color: #000000;
	height: 40px;
	padding: 0 23px 0 0;
	text-transform:none;
	font-weight:normal;
	text-align:left;
}*/
h2 {/*font-family:Trebuchet MS, Helvetica;*//*font-weight: bold;*/font-size: 17px; margin: 0;padding: 0;color:#D4A017;}
h3 {font-size: 14px;/*font-weight: bold;*/margin: 0;padding: 0;color:#515151;}
h4 {font-size: 13px;/*font-weight: bold;*/margin: 0;padding: 0;}

/* Line */

.headingunderline {margin: 0px;margin-bottom: 8px;padding-bottom:5px;
/*border-bottom: 1px solid silver;*/ width: 100%; 
/*font-family: verdana,sans-serif;*/
	}



/* New header */

#header {height:94px;vertical-align:bottom; width:100%;}
#header #logo {
	padding-top:20px;
	padding-bottom: 5px;
	
	width:420px;
	font-family: tahoma,verdana,sans-serif;
	
	color: white;
	clear: both;
	text-align: left;
	font-weight: bold;
	float:left;
}
#header #search{ width:190px; float:right;	margin-top:30px;}
#header #tabs {/*float:left;margin-top:0px;height:30px;*/}
#header #welcometext {/*margin-top:9px; margin-top:0px;float:right;height:30px;*/}
#header #avatar {text-align:right;float:right;color:white;}
#avatar img {float:right;border:#000000 1px solid;margin-left:8px;margin-right:8px;}

<div id="centeredmenu">
   <ul>
      <li><a href="#">Tab one</a></li>
      <li><a href="#" class="active">Tab two</a></li>
      <li><a href="#">Tab three</a></li>
      <li><a href="#">Tab four</a></li>
   </ul>
</div>

Centered Menu CSS

Below is the CSS used to center the tabs across the page. See below for an explanation of how this works.

#centeredmenu {
   float:left;
   width:100%;
   background:#fff;
   border-bottom:4px solid #000;
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#D4A017;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
#centeredmenu ul li a:hover {
   background:#369;
   color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}
/*///////////// Tabs Code header ////////////*/

.tabsheader {font-family: tahoma,verdana,sans-serif;font-size: 100%;color: white;clear: both;text-align: center;font-weight: bold; }
.tabsheader ul {display: inline;list-style-type: none;margin: 0px;padding: 0px; }
.tabsheader li { float: left; }
.tabsheader a,.tabsheader a:visited { width: 86px; color:#F1F1F1;}

.tabsheader a.current:visited, .tabsheader a.current, .tabsheader a.current:hover{
	width: 86px; position: relative;float: left;margin-right:2px;
	top: 0px;
	background: #E5E5E5 url(../images/tabs.gif);
	color: black;
	padding-top:7px;
	height:25px;
}

.tabsheader a {
	width: 86px; position: relative;float: left;margin-right:2px;
	background-image: url(../images/tabs.gif);background-position: -86px 0;
	padding-top:9px;
	height:23px;
}

.tabsheader a:hover {
	top: 0px;
	background-image: url(../images/tabs.gif);background-position: -175px 0;
	padding-top:8px;
	color:white;
	text-decoration: none;
	background-color:transparent;
}

/* stop mozilla outline when click link*/
:link:focus, :visited:focus {-moz-outline:0px;}


div.lightgrey {padding:10px;background: #F8F8F8;border: 1px solid #B6B6B6;color: #242424;}
div.lightgrey2 {padding:10px;background: #D9ECFC url(../images/backgrey.gif);;border: 1px solid #CFCFCF;color: #242424;margin:5px 0px;}

#footer{font-size:11px; border-top:1px solid silver; padding-top:5px;margin-bottom:10px; margin-top:20px; /*text-align:right;*/ color: #adadad;}

/* Wrapper */
.wrapper {
/*background: url(../images/back-top.gif);background-repeat:repeat-x;background-position:top center;*/
margin-bottom:25px;
}

.wrapper2 {margin:auto;max-width:1054px;/*width:expression(document.body.clientWidth > 1054? "1054px": "auto" );*/}
.maincontent {background-color:#FFFFFF;margin-top:15px;padding:5px; /*border: 1px solid #8C8C8C;*/}

/* new content */

ul.primary, ul.primary li {
 	border: 0;
	background: none;
	margin: 0;
	padding: 0;
	display:inline;
}
ul.primary li {margin-right:10px}

#tabs-wrapper {
	padding-bottom: 1.0em;
	margin-bottom: 5px;
	width:100%;

}
#tabs-wrapper li {float:right}
ul.primary {
	/*padding: 0.5em 0 0;*/
	float: left; width:99%; padding-right:1%; text-align:left;
	/*padding-right:0.1em;*/
 
	background:url("../images/primarylinksbg.gif") repeat-x bottom right;
	margin-bottom: 1em;
	z-index:-1;
}
h2.with-tabs {
	float: left;
	margin: 0 2em 0 0;
	padding: 0;
}

ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
	border: 0;
	background: transparent;
	padding: 0.3em 1em;
 	height: auto;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
  	background: #6888ab url(../images/bg-content-tab.gif) repeat-x 0 0;
	color: #fff;
	border-bottom: 1px solid #b1de2e;
	border-bottom: 1px solid #0e74bc;
}

ul.primary li a,ul.primary li.active a:link,ul.primary li.active a,ul.primary li.active a:visited, ul.primary li a:hover, ul.primary li a:link, ul.primary li a:visited, ul.primary li a:hover {
	float:left;
	border:none;
	height:24px;
	padding:0 0 0 10px;
	font-size:1.1em;font-size:11px;
	color:#3e6897;
	font-weight:bold;
	background: #fff url("../images/tableft.gif") no-repeat left;
}

ul.primary li.active a span,ul.primary li.active a:link span,ul.primary li a span, ul.primary li a:link span, ul.primary li a:visited span, ul.primary li a:hover span,ul.primary li.active a:visited span, ul.primary li a:hover span{
	float:left;
	height:20px;font-size:11px;
	background: #fff url("../images/tabright.gif") no-repeat right;
	padding:4px 10px 0 0;
	cursor:pointer;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited {
	color:#FD7801;
color: #9b4141;

	height:24px;
	/*height:18px;padding:6px 0px 0 10px;*/
	background: #fff url("../images/tableft_active.gif") no-repeat left; border-bottom:1px solid #fff;
}
ul.primary li.active a span, ul.primary li.active a:link span, ul.primary li.active a:visited span {
	background: #fff url("../images/tabright_active.gif") no-repeat right;/*border-bottom:1px solid #fff*/
}
ul.primary li{height:24px;margin-right:2px; float:left; }
ul.primary li.active {padding:0; z-index:1000; margin-top:1px; }


ul.primary li.active a,
ul.secondary li.active a {
  font-weight: bold;
}
ul.primary li a:hover {color:#FD7801; color: #9b4141; text-decoration:none}

ul.primary li a {font-weight: normal}
