img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
.photopp { float:left; clear:right; }
/* 
USE THE ABOVE TAGS LIKE THIS: (from http://www.tizag.com/cssT/float.php)
<img src="sunset.gif" class="floatLeft">
<p>The images are contained with...</p>

<img src="sunset.gif" class="floatRight">
<p>This second paragraph has an...</p>

IF THE PARAGRAPH OF TEXT IS SMALL, USE BR TAGS INSTEAD:
<br /><img src="sunset.gif" class="floatLeft">
<div class="photopp">The images are contained with...</div>
<br clear="all" />
*/

textarea { font-size: 99%; }
td { vertical-align: top; }
hr { height : 1px; border:none; color: #000099; background: #000099; }
.smallnote { font-size: smaller; font-style: italic;}
.bigtext { font-size: larger; font-weight: bold; font-variant: small-caps; }
.bigRedText { font-size: larger; font-weight: bold; font-variant: small-caps; color: #CC0000; }
.restingrow { height: 10px; }
.errorMsg { font-size: larger; font-style: normal; font-weight: bold; color: #CC0000; }
.error { font-size: larger; font-style: normal; font-weight: bold; color: #CC0000; }


/*STYLES FROM DD2.HTML FOR FLASH*/
.nav li {
	font-size: 10px;
}

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
	
}
.nav ul a:link {
	color: #aaaaaa;
}
.nav ul a:visited {
	color: #aaaaaa;
}
.nav ul a:hover {
	color: #aaaaaa;
}
.nav ul a:active {
	color: #aaaaaa;
}