html { height: 100%; }
body { margin: 0; padding: 0; height: 100%; font-family: arial, verdana, sans-serif; background-color: #003366;}
a { text-decoration: none; color: Black}
a:hover{ text-decoration:	underline; }
.main {margin: 0px 50px 0px 50px;}
.footer {margin: 15px 50px 0px 50px; text-align:center; color:White; font-size: 9pt;}

/* fundamental, general use classes*/
.smallHeader { font-size: 17pt; margin: 0px 0px 0px 0px; color: Black; }
.smallerHeader { font-size: 14pt; margin: 0px 0px 0px 0px; color: Black; }
.smallHeaderWhite { font-size: 17pt; margin: 0px 0px 0px 10px; color: White; }
.smallerHeaderWhite { font-size: 14pt; margin: 0px 0px 0px 10px; color: White; }
.basicText {font: 10pt arial, verdana, sans-serif; font-weight: normal; text-align:left; color: #000000;}
.basicTextBold {font: 10pt arial, verdana, sans-serif; font-weight: bold; text-align:left; color: #000000;}
.ablack { font-family: ArialBlackRegular; }
.floatLeft { float: left; }
.floatRight { float: right; }
.aLittleSpace{ margin:6px 0px 0px 0px; }
.borderTop{ border-top: Solid 1pt Black; }
.hidden{ display: none; }
.roundedCorners  { border:1px solid #559988; -webkit-border-radius: 6px; -moz-border-radius: 6px; }

.img-shadow {
	float:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	}

.img-shadow img {
	display: block;
	position: relative;
	background-color: #999;
	margin: -6px 6px 6px -6px;	
	padding: 0px;			/* controls white space around image */
	}