body  {font: font: 100% comic sans, cursive normal;
	font-weight: normal;
	background: #FFFDEB url(../../images/back.jpg) fixed left top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;font-size:100%;
}
A:LINK {
color: #400000;
text-decoration: none;
font-weight: normal;
line-height: 15px;
}
A:VISITED {
color: #626100;
text-decoration: none;
font-weight: normal;
line-height: 15px; text-decoration:none;
}
A:HOVER {
color: #A00808;
text-decoration: none;
font-weight: normal;font-style:italic;

line-height: 15px;
}
A:ACTIVE {
color: #C60000;
text-decoration: none;
font-weight: bold;
line-height: 15px;
}
hr {
color: #A00808;
height: 2px;
width: 98%;
text-align: center;
}

H1 {
font-size: 1em;
font-weight: bold;
color: #A00808;
letter-spacing: 2px;
}
H6 {
font-size: 10pt;
font-weight: bold;
color: #A00808;
letter-spacing: 2px;
text-decoration: none;
}
H5 {
font-size: 8pt;
font-weight: bold;
color: #A00808;
letter-spacing: 2px;
text-decoration: none;
}
H4 {
font-size: 10pt;
font-weight: bold;
color: #A00808;
letter-spacing: 2px;
text-decoration: none;
}
H2 {
font-size: 10pt;
font-weight: bold;
color: #A00808;
letter-spacing: 2px;
text-decoration: none;
}
H3 {
font-size: 9pt;
font-weight: bold;
color: #A00808;
letter-spacing: 2px;
padding: 5px;
margin: 0px;
}
p {font-weight:normal;}
img {border:0px;}
.special {font-size: .9em;
color: #800000;margin-right: 10px;
margin-left: 10px;

}
#header { 
	background:  url(../../images/logo.png) no-repeat left top; 
	height: 150px;
	/*padding: 0 10px;  */ 
}

#header2 {
background-image:  url(../../images/logo2.gif); /* sets the background image */
background-position: center; /* positions the background image */
background-repeat: no-repeat;
height: 150px;
position: relative;
margin: 0px;
}

#topnav {
text-align: center;
margin:0;font-size:.9em;
}
ul {
list-style: none;
margin :0px 0px 0px 15px;
padding-left: 5px;
border-left: 1px dotted #800000;
}

ul li {margin-left: 5px;
padding: 1px;}

		

/*top menu*/
#navlist
{
color: #A00808;
padding-left: 0;
margin-left: 0;
width: 100%;
}
#navlist h3{
font:1.5em bold; 
cursor:hand ; 
color: #000; 
text-decoration: none;
padding: 0;
margin: 0;
}
#navlist li{
font-size: 1em; 
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px dotted #A00808;}

#navlist li a { text-decoration: none; font-size: 1em;
}
#navlist i {
color: #000;
}
.copyright {
font-size: .7em;
letter-spacing: 2px;
font-weight: normal;text-align:center;

}
.copyright p {
text-indent: 0px;
}
td {
	border-bottom:1px maroon dotted;
}
.table {
font-size: .8em;background-color: #FFFDEB;
text-align: justify;
border: 1px solid #A00808;
padding-left: 5px;
}
.table td {
text-align: center;
border-bottom: 1px dotted #A00808;
padding-left: 5px;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;background-color: #D1E8E8;border: 1px solid #318484;
	margin-left: 8px;font-style:italic;width:50%;font-size:.8em;

}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#endnotes {
display: none;margin:0;padding:0;
}
sup {cursor: help; color: #800000; font-size: smaller; vertical-align: top}
li {margin-left: -1em;}
.endnotes {
font-size: 8pt;
margin-right: 10px;
margin-left: 10px;
}
.endnotes P {
text-indent: 0px;
font-size: 7pt;
color: #800000;

}#refbox P {
text-indent: 0px;
}
.print {
	float:right;font-size:x-small;width:75px;margin-right:0px;text-align:right;
}
.print img{
	border:0px;padding-bottom:5px;
}

#surround {
margin:5px 10px 5px 5px;
padding:5px;
position: relative;
float: right;
width: 100px;text-align:right
}
/*picture divide left*/
#surroundleft {
margin:5px 5px 5px 5px;
padding:5px;
position: relative;
float: left;
width: 100px;
}
/* beg Photo-Caption Zoom - Pure-CSS */

.Zright a { float:right; margin:5px 0px 2px 10px; }
.Zleft  a { float: left; margin:5px 25px 1px 0px; }

.Zoom img { border: 1px solid #369; }
.Zoom.t50 img  { width:50px; }
.Zoom.t100 img  { width:100px; }
.Zoom.t150 img  { width:150px; }
.Zoom.t200 img  { width:200px; }
.Zoom.t250 img  { width:250px; }
.Zoom.t300 img  { width:300px; }
.Zoom.t350 img  { width:350px; }
.Zoom.t400 img  { width:400px; }
.Zoom t450 img  { width:450px; }
.Zoom.t500 img  { width:500px; }
.Zoom.t550 img  { width:550px; }
.Zoom.t600 img  { width:600px; }

.Zoom .caption { display:none; }

.Zoom a { padding:0px; }
.Zoom a:hover { padding:0px; /* IE needs */
      border:none;  /* override page a:hover */
      background:transparent; } /* override page a:hover */
.Zoom a:visited { text-decoration:none; /* override page a:visited */
      padding:0px; }

.w100 a:hover .caption	{width:100px}

.w100 a:hover img	{width:100px}
.w150 a:hover .caption	{width:150px}
.w150 a:hover img	{width:150px}
.w200 a:hover .caption 	{width:200px}
.w200 a:hover img 	{width:200px}
.w250 a:hover .caption 	{width:250px}
.w250 a:hover img 	{width:250px}
.w300 a:hover .caption 	{width:300px}
.w300 a:hover img 	{width:300px}
.w350 a:hover .caption 	{width:350px}
.w350 a:hover img 	{width:350px}
.w400 a:hover .caption 	{width:400px}
.w400 a:hover img 	{width:400px}
.w450 a:hover .caption 	{width:450px}
.w450 a:hover img 	{width:450px}
.w500 a:hover .caption 	{width:500px}
.w500 a:hover img 	{width:500px}
.w550 a:hover .caption 	{width:550px}
.w550 a:hover img 	{width:550px}
.w600 a:hover .caption 	{width:600px}
.w600 a:hover img 	{width:600px}
.Zoom a:hover img { margin-bottom:2px; }

.Zoom a:hover .caption {
	display:block;
	background: #FFFDEB;
	border:1px solid #369;
	font-family:verdana,sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:7pt;
	color:#000; }

.Zoom a:hover .inner {
	display:block;
	padding:5px 8px; }  /* no IEboxModelHack */

/* end Photo-Caption Zoom - Pure-CSS */