.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	color:black;
}

.smalltext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:black;
	font-weight:normal;
}

.xsmalltext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:black;
	font-weight:normal;
}

.title1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #880088;
}

.title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #880088;
	text-decoration:none;
}

.title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #880088;
	text-decoration:none;
}

.image 
{
    border-width: thin;
    border-color: #880088;
}


/*The three sub-divs (L Menu, Content and R Menu) sit in this div */
.bodyDiv
{
	width: expression(document.body.clientWidth <= 1000 ? "1000px" : "100%" );
	width: 100%;
	min-width: 1000px;

}

.title2 a:link,a:visited,a:active,a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;

}

.title3 a:link,a:visited,a:active,a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;

}

	
.MenuBar
{
	background-color: #FF99FF;
	width: expression(document.body.clientWidth <= 1000 ? "1000px" : "100%" );
	width: 100%;
	min-width: 800px;
	display: block;
	vertical-align: middle;
	padding: none;
	/*font-family: Arial, Helvetica, sans-serif;*/
}

/*Content Div - main area for content display - should sit in between the two side menus*/
.Content
{
	margin-top: 15px;
	position:relative;
	display: inline;
	float:left;
	padding-left: 20px;
	padding-right:20px;
	/*VS.NET complains about this next line, but is the only way to impose a minimum width on an element
		in IE6 */
	/*width: expression(document.body.clientWidth <= 1000 ? "650px" : "65%" );*/
	width: 92%;
	min-width: 464px;
	border: solid 1px #663366;
	left:20px;
	
}

.LeftMenu img, .RightMenu img
{
	vertical-align: middle;	
}

.LeftMenu
{
	background-color: #f2c5f2;
	position:relative;
	float: left;
	display:inline;
	margin-top: 15px;
	width: 155px;
	border: solid 1px #663366;
	vertical-align: middle;
}

/*Right menu - contains Quick Links, search box etc. */
.RightMenu
{
	background-color: #f2c5f2;
	position:relative;
	float: right;
	display:inline;
	margin-top: 15px;
	width: 140px;
	min-width: 120px;
	border: solid 1px #663366;
	vertical-align: middle;
}

/*- Menu Tabs, from exploding-boy.com--------------------------- */
#tabs {
	float: left;
	width: expression(document.body.clientWidth <= 1000 ? "1000px" : "100%" );
	width: 100%;
	min-width: 800px; /* Strip color accross page */;
	background-color: #ccaacc;
	/*font-size: 93%;*/
	line-height: normal;
	border-bottom: 1px solid #00DD00;
	border-bottom-color: #cc00cc;
	font-family:Arial;
	font-size:small;
}
    #tabs ul {
	  margin:0;
	  /* Padding to centre tabs */
	  padding:10px 10px 0 22%;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("./images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
      <!-- Tab text -->
    #tabs a span {
	float: left;
	display: block;
	background: url("./images/tabright.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #cc0000;
	font-weight: bold;
	font-family:Arial;
	font-size:small;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#880088
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }