/*STANDARD WWD STYLES*/
/*navcontainer allows for smaller navigation text size*/
#navcontainer { font-size:70%; } 


/*IMAGE CSS*/
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: 80%; }*/
td { vertical-align: top; }
hr { height : 1px; border:none; color: #362025; background: #362025; }
a img { border:0; }
.smallnote { font-size: smaller; font-style: italic;}
.bigtext { font-size: larger; font-weight: bold; font-variant: small-caps; }
.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; }
.indented { margin-left: 20px; }
.required { font-weight: bold; color: #CC0000; !important }
.closepara { line-height: 1.00; }
.publicformsection {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #003399;
	padding-left: 5px;
	margin-top: 28px;
	margin-bottom: 18px;
}
.publicform {
	margin-bottom: 8px;
	margin-left: 15px;
}
.publicformbg {
	margin-bottom: 8px;
	margin-left: 15px;
	background-color: lightblue;
}

#breadcrumb {
	color: #988263;
	margin-top: 5px;
	font-style: italic;
}
#breadcrumb a {
	color: #BBA997;
}

/*use for FIRST paragraph in a table cell only <p class="noSpace">Text...</p>
it will remove the additional spacing FF puts above the paragraph to match IE*/
.noSpace { margin: 0; }