/* CSS Document */
<!--
.style1 {
	font-family: Arial;
	font-size: 10px;
	color: #666666;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}

#menu a, #menu a:visited {
  background-color:#fff; 
  color:#000; 
  display:block; 
  width:14.7em; 
  height:0.5em; 
  border-bottom:1px solid #fff;  
  border-right:1px solid #000;

  padding:0.5em;
  }
#menu a:hover {
  background-color:#ccc;
  border-bottom:2px solid #000; 
  text-align:right;
  font-family:Arial;
  font-size:12px;
  text-decoration: none;
  border-top:1px solid #000;
  border-left:1px solid #000;
  }
.style3 {font-family: Arial; font-size: 12px; color: #333333; }
.style4 {
	color: #990000;
	font-weight: bold;
}
.stylecats {
	font-family: Verdana, Arial;
	padding: 2px; /* a bit of breathing room*/
	font-size: 12px;
	color: #FFFFFF;/* The text in white*/
	background-color: #333333;/* Background-color: dark blue*/
	border: solid 1px #000000;/* and a red border*/
}
.groovybutton
{
   font-size:12px;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#333333;
   border-style:solid;
   border-color:#000000;
   border-width:1px;
}

.smallfieldcell { 
 width: 100px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 border: 1px solid #284279; 
} 
.smallfieldcell1 { 
 width: 300px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 border: 1px solid #284279; 
} 

.smallfieldcell2 { 
 width: 150px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 border: 2px solid #284279; 
} 

-->
</style>