BODY {
	background-color: #385f5e;
	text-align: left;
	font-family: Tahoma, Arial, Verdana;
	font-size: 9pt;
	line-height: 18pt;
}

UL { list-style-image:url(images/nav-crown.gif); }

TD {
	text-align: left;
}

UL {
	text-align: left;
}

P {
	text-align: left;
}

.header-table {
	background: url(../images/header.jpg) left top no-repeat;
	background-color: #ffffff;
	height: 145;
}

.page-title {
	font-family: Tahoma, Arial, Verdana;
	font-size: 18pt;
	color: #003366;
}
.nav_table {
	font-family: Tahoma, Arial, Verdana;
	font-size: 10pt;
	color: #FFFFFF;
	text-align: center;
	border-collapse: collapse;
}
.nav_table td {
	text-align: center;
	border-left: 1px #336699 solid;
	border-right: 1px #336699 solid;
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
}
.nav_table td:hover {
	background: #006699;
	cursor: hand;
}
.nav_table a:link, .nav_table a:visited, .nav_table a:active {
	font-family: Tahoma, Arial, Verdana;
	color: #FFFFFF;
	text-decoration: none;
}


a:active, a:link, a:visited, a:active{
	font-family: Tahoma, Arial, Verdana;
	color: #006699;
	text-decoration: none;
}

a:hover {
	font-family: Tahoma, Arial, Verdana;
	color: #000000;
	text-decoration: none;
}


/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/ 

.outerpair1 {
background: url(upperrightfade.png) right top no-repeat;
margin: 0 auto;
width: 782px;
} 
/* .outerpair1 must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


.outerpair2 {
background: url(../images/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */ 


.shadowbox {
background: url(../images/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */ 


.innerbox {
position: relative;
left: -8px;
top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 0px solid #fff;
	text-align: center;
	float: left;
}
/* Shadowed images should not be made "block" for eliminating the baseline 
space under the images, because this may trigger IE background bugs. 
Instead, use "vertical-align: bottom" for this purpose. */


.img-shadow {
	clear: both;
	float: right;	
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 20px 0 0 17px !important;
	margin: 20px 0 0 8px;
}
	


.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
.img-label {
	clear: both;
	margin: 5px 0 0 17px !important;
	margin: 5px 0 0 8px;
}

.alpha-shadow {
	clear: both;
	float:left;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 14px 0 0 17px !important;
	margin: 14px 0 0 8px;
	}

.alpha-shadow div {
  background: url(../images/shadow2.png) no-repeat left top !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
  }

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;

  }