body {
	font-family: "trebuchet MS" Arial, Helvetica, sans-serif;
	text-align:center; background-color:#3874A6
}

#container {
	width: 57em;
	margin: 1em auto;
	background-color: #FFFFFF;
	font-size: .8em;
	border: 1px solid #75778E;
	text-align:left;
	padding: 1em;
}

#header {
	margin-bottom: 0em;
	border: 1px solid #EFEFEF;
	background-color: #FEFDFD; margin-left:0; margin-right:0
}


#content {
	float: right;
	width: 39.8em;
	padding: 0.5em;
	border: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/content_bg.jpg);
	margin-top: 0;
	margin-bottom: 0;
	background-color: #ffffff;
}

#content li  { padding-left: 10px }
#content ul  { padding-left: 15px }


#content2 {
	float: right;
	width: 98%;
	padding: 0.5em;
	border: 1px solid #FFEAEA;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url('images/content_bg.jpg');
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #FFFFFF;
}


#leftbox{
	padding: 0.5em;
	margin-right: 42em;
	background-color: #FCFCFC;
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 1em;
	border: 1px solid #FF3300;
	margin-bottom: 1em
}  

#footer {
	clear: both;
	padding: 0.5em;
	background-color: #A80000;
	color: #FFFFFF;
	text-align: center;
	font-size: .9em;
	border: 2px solid #FF3300;
	margin-top: 1px
}

p {
	margin-top: 0;
	margin-bottom: 0;
	padding: .0; line-height:100%
}

p.green {font-size: 14pt;
		color: #32CD32}

h3 {
	font-size: 1em;
	padding: .5em;
	color: #FFFFFF;
	border: 1px dotted #FF9562;
	background-color: #FF6600
}

h2 {
	font-size: 1.7em;
	padding: 0.5em;
	margin-bottom: 1em;
	color: #BB0904;
	border: 1px solid #EEEEEE; font-weight:bold
}

h1 {
	font-size: 2.3em!important;
	padding: 0;
	margin-bottom: -20;
	color: #BB0904;
	font-style: italic; line-height:100%; margin-top:-20
}



a:link {color: #676D79;}
a:visited {color: #676D79}
a:hover {color: #820606}
a:active {color: #890000}

/********** Top navigation *************/
#navlist
{
	height: 2.2em!important;
	height: 2.7em !important;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-color: #A80000;padding-left:0.3em; padding-right:0.0em; padding-top:0.5em; padding-bottom:0.3em; margin-top:0
}

#navlist a, #navlist a:link, #navlist a:visited
{
border: 1px solid #FF6600;
padding-left: 0.5em;
padding-right: 0.5em;
color: #FFFFFF;
text-decoration: none; padding-top:0.0em; padding-bottom:0.0em
}

#navlist a:hover, #navlist a:active, #navlist a:focus
{
	border: 1px solid #FFFFFF;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	color: #FFFFFF; padding-top:0.0em; padding-bottom:0.0em
}

#navlist li
{
padding-right: 0px;
display: inline;
font-size: 1em;
}

#navlist ul
{
margin: 0px;
padding: 0px;
}

#navlist #active a {
	background-color: #CDCDB3;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}
  


/********** Top navigation *************/
#navlist0
{
	height: 2.2em!important;
	height: 2.7em !important;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-color: #A80000;padding-left:0.0em; padding-right:0.0em; padding-top:2.0em; padding-bottom:2.0em
}

#navlist0 a, #navlist a:link, #navlist a:visited
{
border: 1px solid #FF6600;
padding-left: 0.1em;
padding-right: 0.1em;
color: #FFFFFF;
text-decoration: none; padding-top:0.0em; padding-bottom:0.0em
}

#navlist0 a:hover, #navlist a:active, #navlist a:focus
{
	border: 1px solid #FFFFFF;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	color: #FFFFFF; padding-top:0.0em; padding-bottom:0.0em
}

#navlist0 li
{
padding-right: 1px;
display: inline;
font-size: 1em;
}

#navlist0 ul
{
margin: 0px;
padding: 0px;
}

#navlist0 #active a {
	background-color: #CDCDB3;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
} 

dl{
	margin-bottom: 1.5em;
	margin-left: 2em;
}

dt{
	font-style: italic;
	color: #7E0000;
	font-weight: bold;
}

dd{
	margin-bottom: .3em;
	text-indent: .5em;
}

.thumbnail{
position: relative;
z-index: 0;
}

:hover.thumbnail{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

:hover.thumbnail span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}