/* Styles common to all browser types 
   ================================== */

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small /* this also sets size of h1, h2, h3 */
}

a {
	color: #660033; 
	text-decoration: underline;
}

body {
	height:100%;
	background-color: #003F87;
}

html {
	height:100%;
}

/* Tag Styles 
   ========== */

h1 {
	color: #006633;
	font-size: large
}
h2 {
	color: #006633;
	font-size: medium
}
h3 {
	color: #006633;
	font-size: small
}

p.emphasize
{
	color: #006633;
	font-weight: bold
}

span.emphasize 
{
	color: #006633;
	font-weight: bold
}
span.error
{
	color: red;
	font-weight: bold
}

td.innergridbr 
{
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: #006633; 
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #006633
}
td.innergridb 
{
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: #006633
}
td.innergridr 
{
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #006633
}

/* Custom Classes 
   ============== */

.indent 
{
	margin-left: 2em;
}

/* Large margin-right required below to avoid bullets being under image.  Thought this was only a problem with
   IE7, however determined to be necessary for: IE8, Firefox, Safari, Chrome.  A small margin is necessary (as
   is implemented for "rightwrapimage") to keep text from butting right into the image.
*/
.leftwrapimage 
{
	float: left; 
	margin-right: 2.0em; 
	margin-bottom: .5em;
	clear: both
}
.rightwrapimage 
{
	float: right; 
	margin-left: .5em;
	margin-bottom: .5em;
	clear: both
}

.imagenote {
	text-align: center; 
	color: #006633;
	font-weight: bold
}

.spaceabovehalf
{
	margin-top: .5em
}