/*
a#home, a#about {
	padding: 5px; 
	border: 2px solid black;
   background: #66CCFF; 
	color: #003366; 
   font: bold 12px sans-serif;

}
*/

body{
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 13pt;	
	background-color: #999966;
}
a#home, a#about {
	background-color: #ffcc66;
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 13pt;
	font-weight: bold;
	color: Black;
	text-decoration: none;
}

a#home:hover {
  background: Yellow; 
  color: Blue;
/*  border-color: navy;*/
  text-decoration: none;
}

a#about:hover {
 background: yellow url(target.gif) center no-repeat;
 color: red; 
 border-color: navy;
}

a#home:active {
 background: white; 
 color: maroon;
 border-color: cyan;
}

a#about:active {
 background: white url(target.gif) center no-repeat;
 color: maroon; 
 border-color: cyan;
}
  
.menus {
	background-color: #ffcc66;
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 13pt;
	font-weight: bold;
}

.backBlack {
	background-color: Black;
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 13pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.whiteText {
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-variant: small-caps;
}

.whiteLink {
	color: Maroon;
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-weight: bold;
	text-decoration: none;
	font-size: 10pt;/*0.8em;*/
}

.backColor {
	background-color: #b22222;
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 13pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.smallBackBlack {
	background-color: Black;
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.black {
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.title {
	background-color: #ffffff;
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 16pt;
	font-weight: bold;
	color: #0002C1;
	text-decoration: none;
}

.title_2 {
/*	background-color: #ffffff;*/
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 1.2em;
	font-weight: bold;
	color: #B22222;
	text-decoration: none;
}

.header {
	background-color: #b22222;
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 2px solid #697987;
	border-left: 2px solid #ffffff;
	border-top: 2px solid #ffffff;	
	border-right: 2px solid #697987;
}

.smallheader {
	background-color: #006699;
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 2px solid #697987;
	border-left: 2px solid #ffffff;
	border-top: 2px solid #ffffff;	
	border-right: 2px solid #697987;
}

.box {
  background-color: #D1D1D1;
  font-family: Garamond, Verdana, Arial, Helvetica;
  font-weight: bold;
  color: #00008B;
  text-decoration: none;
  float: right;
  font-size: 0.8em;
  padding: 0 0.15em;
  margin: 0 0.15em -0.5em 0; /* negative bottom margin */
/*  background: #90ee90;*/
  border: 1px outset #2e8b57;
}

.whiteTitle {
  font-family: Garamond, Verdana, Arial, Helvetica;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  float: right;
  font-size: 1.1em;
}

.float-right {/* header element float */
  float: right;
/*  width: 0.9em;*/
  margin: 0 0.2em 0 0;
  background: #eee8aa;
  border-right: 2px solid #cd853f;
  border-bottom: 2px solid #cd853f;
}

.imgPad1 {
float:right;
border:1px dotted black;
margin:0px 0px 15px 20px;
}

.floatRight{/* header element float */
background: #AEE;
margin: 2%;
/*padding: 2%;*/
float: right;
/*width: 28%;*/
border-top: 2px solid #cd853f;
border-right: 2px solid #cd853f;
border-bottom: 2px solid #cd853f;
border-left: 2px solid #cd853f;
text-align:center;
}

.floatLeft{/* header element float */
background: #AEE;
margin: 2%;
/*padding: 2%;*/
float: left;
width: 28%;
border-top: 2px solid #cd853f;
border-right: 2px solid #cd853f;
border-bottom: 2px solid #cd853f;
border-left: 2px solid #cd853f;
text-align:center;
}

.float{
float: right;
width: 5em;/* em width variance by element*/
margin: 0 0 0 0.2em;
background: #90ee90;
border-left: 2px  #2e8b57;
border-bottom: 2px dotted #2e8b57;
}

form{
	font-family: Garamond, Verdana, Arial, Helvetica;
	font-size: 12pt;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.somediv{
width: 150px;
clear: left;
border: 1px solid gray;
}

.somediv .floatbox{
float: left;
width: 155px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
margin-top: 0;
/*margin-left: 156px;*/
}