/*======= STYLE SHEET =======*/
/* CSS Document */
html, input, textarea	{font-family: Verdana, Arial, Helvetica, sans-serif; color:dark-blue;}

  	h5{
  	BORDER-BOTTOM-STYLE: groove;
  	BORDER-BOTTOM-COLOR: #6666cc;
  	PADDING-BOTTOM: 4px;
  	BORDER-RIGHT-STYLE: groove;
  	BORDER-TOP-COLOR: #6666cc;
  	BORDER-TOP-STYLE: groove;
  	BORDER-RIGHT-COLOR: #6666cc;
  	BORDER-LEFT-STYLE: groove;
  	BORDER-LEFT-COLOR: #6666cc;
  	PADDING-TOP: 4px;
  	color:#000000;
  	font-family:Arial,sans-serif;
  	font-weight:bold;
  	text-align:center;
  	background-color:#BECEEE;
  	}
A:link{
	text-decoration: none;
	color:#98E0E4;}  <!-- #1F3767 -->
A:visited{
	text-decoration: none;
	color:#98E0E4;}  <!-- #1F3767 -->
A:active{
	text-decoration: none;
	color:#98E0E4;}  <!-- #1F3767 -->
A:hover{
    text-decoration: underline;
    color:white;}  <!-- #668CD9 -->
div{
border: none;
}
th{
font-size:12pt;
color:#C0C0E4;
}
td.menu{
font-size:10pt;
color:#C0C0E4;
}
img.header{
border: 1px solid #34347A;
}
.img-shadow {
float:right;
background: url(/images/photos/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 0px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}