body {
    background-color: "#ffea95" ;    /*#Ffe77d" ;   */
    margin-right: 20%;  */
	padding-left: 5px;
	padding-right: 10px; 
	padding-top:  5px;  */
	font-size: 12pt;
	color: black;
}

.Spotlight {
	width: 650px;
	padding: 5px 5px 5px 5px;
	font-size: 12pt;
}

div.nav {
	width: 20%;
	margin-right: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	float: left;
	border: 2px solid #ea8426;
}

table.nav {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #ffea95;  
	text-decoration: none;
	border: 2px solid #ea8426;
}

hr {
    width: 50%;
}

.newsDate {
	font-size: 8pt;
	color: red;   
}

.sub {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
.sub2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}

.ClassMenu {
	position: absolute;
	top: 60px;
	left: 35px;
/*	z-index: 10; */
	background-color: #ffea95;  
/*  	background-color: white;  */
	border: 1px solid #000000;
	padding-right: 10px;
	visibility: hidden;
}

.ProductsMenu {
	position: absolute;
	top: 115px;
	left: 35px;
/*	z-index: 10; */
	background-color: #ffea95;  
/*  	background-color: white;    */
	border: 1px solid #000000;
	padding-right: 10px;
	visibility: hidden;
}

.ProductsDetail {
	font-size: 8px;
   color: darkblue;
}

div.classes {
	float: right;
	width: 20%;
}
img {
	border: 2px solid #ea8426;
}
.sub3 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #CC66CC;
}
.title {
	font-family: Tahoma;
	font-size: 24px;
	font-style: normal;
	color: #CC3300;
	font-weight: bold;

}
.title2 {
	color: #FF0000;
	font-family: Tahoma;
	font-size: 32px;
	font-weight: normal;
}
.sub4 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #CC3300;
}
.sub5 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #CC6600;
}
.title3 {
	font-family: Garamond;
	font-size: 24px;
	font-weight: normal;
	color: #333333;
	font-style: italic;

}
.title4 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}
a.nav:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

a.nav:link, a.nav:visited {
   text-decoration: none;
   color: darkblue;
}

a.nav:active, a.nav:hover {
   text-decoration: none;
   color: red;
}
/* The 'menu' class is used to control the objects on the Navigation Pane */
ul.menu {
  list-style-type: none;
  padding-left: 5px;
  padding-top: 8px;
  margin: 0px;
  font-size: 10pt;
  font-family: Trebuchet MS, Trebuchet, sans-serif;
  font-weight: bold;
  color: black;
}

ul.menu li {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  line-height: 140%; 
}

ul.menu ul {
  list-style-type: disc;
  margin-left: 10px;
  padding-top: 0px;
  font-size: 90%;
}

ul.menu ul ul li{
  list-style-type: circle;
  margin-left: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}

ul.menu a:link, ul.menu a:visited {
   text-decoration: none;
   color: darkblue;
}

ul.menu a:active, ul.menu a:hover {
   text-decoration: none;
   color: red;
}

span.date      { color: #FAC543; font-size: 10px; font-family: verdana, sans-serif }

/* The 'classes' class is used to control the objects on the Classes Pages */

table.classes {
      font-family: "Verdana, Arial, Helvetica, sans-serif";
      font-size: 12px;
      color: #000000;
      border-style: solid;
      border-width: 3px;
      padding: 10px;      
}