#menuBar
{
margin-left:650px;
margin-top:-10px;
margin-bottom:0px;
/*border-bottom:solid 3px #044d44;*/
font-family:Calibri;
font-size:10pt;
font-weight:500;
width:170px;
}

ul#toc {
	height: 2.0em;
	list-style: none;
	padding: 0;
	/*margin: 0;*/
/* this line back in otherwise there is a problem with a gap appearing between the tabs and the div below */
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom:0px;
	/*padding-left:650px;*/
}

ul#toc a {
	background: url(../resources/tabs/tablogin.jpg);
	background-repeat:no-repeat;
	background-position: 0 -60px;
	display: block;
	text-align:left;
	float: left;
	height: 2.0em;
	padding-left: 10px;
	text-decoration: none;
	/*font-weight:bold;*/
	color:white;
	font-family:Arial;
	
}

ul#toc a:hover {
	/*background-color: #3af;*/
	background-position: top left;
	color: #044d44;
	font-weight:bold;
}

ul#toc a:hover span {
	background: url(../resources/tabs/tablogin.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

ul#toc li {
	float: left;
	margin: 0 1px 0 0;
	
}

ul#toc li.current a 
{
   background: url(../resources/tabs/tablogin.jpg);
	background-repeat:no-repeat;
	background-position:0 -30px;
	color: white;
	font-weight: bold;
	
}

ul#toc li.current span {
    background: url(../resources/tabs/tablogin.jpg);
	background-repeat:no-repeat;
	background-position:0 -30px;	
}

ul#toc span {
	background-image: url(../resources/tabs/tablogin.jpg);
	background-position:right -60px;
	background-repeat:no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	line-height: 2.0em;
	padding-right: 10px;
	
}

ul#toc2 {
	height: 2.0em;
	list-style: none;
	padding: 0;
	/*margin: 0;*/
/* this line back in otherwise there is a problem with a gap appearing between the tabs and the div below */
	margin-left: 220px;
	margin-right: 0;
	text-align:center;
}

ul#toc2 a {
	/*background: url(../resources/tabs/tablogin.jpg);
	background-repeat:no-repeat;
	background-position: 0 -60px;*/
	
	display: block;
	float: left;
	height: 2.0em;
	padding-left: 10px;
	text-decoration: none;
	/*font-weight:bold;*/
	font-family:Arial;
	font-size:14px;
	/*border-top:solid 2px #e0e0e0;*/
	color:#19557f;
	
}

ul#toc2 a:hover {
	/*background-color: #3af;*/
	background-position: top left;
}

ul#toc2 a:hover span {
	/*background: url(../resources/tabs/tablogin.jpg);
	background-repeat:no-repeat;
	background-position:right top;*/
}

ul#toc2 li {
	float: left;
	margin: 0 1px 0 0;
	
}

ul#toc2 li.current a 
{
   /* background: url(../resources/tabs/tablogin.jpg);
	background-repeat:no-repeat;
	background-position:left top;*/
	color: #fff;
	font-weight: bold;
}

ul#toc2 li.current span {
   /* background: url(../resources/tabs/tablogin.jpg);
	background-repeat:no-repeat;
	background-position:right top;	*/
}

ul#toc2 span {
	/*background-image: url(../resources/tabs/tablogin.jpg);
	background-position:right -60px;
	background-repeat:no-repeat;*/
	cursor: pointer;
	display: block;
	float: left;
	line-height: 2em;
	padding-right: 10px;
	
}