body    {font: bold italic Georgia,Times,serif;}

h1, h2, h3, h4, h5, h6 			{ font: bold italic 100% Georgia,Lucida,Times,sans-serif; }
p, li, ol, ul, dl, td, dt, dd 	{ font: italic 90% Verdana, Lucida, Helvetica, sans-serif; }

/*** this is the delta between the required and the new values which override -- module and hover colours ***/

.xb2, .xb3, .xb4 	{border-left:1px solid black; border-right:1px solid black;}
.xcontent 			{border:0 solid black; border-width:0px 1px; padding:10px; 
					 font: normal 90% Verdana, Lucida, Helvetica, sans-serif; }
.module	 			{display:block; overflow:hidden; float:left; width:45%; margin:0px 0px 10px 10px;}

/*** Main menu --- margin-left:-5px; does not work in IE, even if overflow:visible; why? ***/
a.menu 		 {font: bold 85%/100% Lucida, Verdana, Helvetica, sans-serif; color:#114411;}
a.menu:hover {font: bold 85%/100% Lucida, Verdana, Helvetica, sans-serif; color:#DBF8F8;}
a.menu:active{font: bold 85%/100% Lucida, Verdana, Helvetica, sans-serif; color:#DBF8F8;}

a.menuSel 	 	{font: bold 85%/100% sans-serif; color:#DBF8F8;}
a.menuSel:hover {font: bold 85%/100% sans-serif; color:#DBF8F8;}

a.subMenu 			{font: normal 75%/100% sans-serif; color:#114411; padding-left:5px;}
a.subMenu:hover 	{font: normal 75%/100% sans-serif; color:#DBF8F8; padding-left:5px;}
a.subMenuSel 		{font: bold   75%/100% sans-serif; color:#DBF8F8; padding-left:5px;}
a.subMenuSel:hover  {font: bold   75%/100% sans-serif; color:#DBF8F8; padding-left:5px;}