html {
  height: 100%;       /* should be auto */
  min-height: 100%; 
	padding: 0px;
	margin: 0px;
	 width: 100%;
font-size: 85%;}

/* WinIE erroneously handles "height" as "min-height", so the above
rule is all it needs, but this won't work for standards-compliant
browsers. So correct the height for all browsers except WinIE using the
"child selector" hack. */
html>body, html>body #wrapper {
  height: auto;
}

body {
	font-family: verdana, helvetica, arial;
width: 1048px;
height: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}


div#thumbnails {background: #fff; float: left;  width: 520px; padding: 0; margin: 0; height: 150%;}

.blackborder {border: 1px solid #000;	}
div#largeimg {background: #fff; float: right; width: 320px; padding: 0; margin: 0;}

#header {width: 1048px;
height: 220px;
top: 0px;
overflow: none;
text-align: left;
background: url(header_1048b.jpg) top left no-repeat;
}

/* END OF FONT SWITCHER STYLING */


.logo {padding: 20px 10px 10px 10px;}

#clear{clear: both;

}


h1 {text-align: left; padding: 10px 5px 0px 5px; margin: 0 0 5px 0px; width: 100%; display: none; font-size: 300%; color: #000;}

h2 {color: #000; font-size: 130%;}
h3 {color: #000; font-size: 115%; margin-bottom: 0; padding-bottom: 0; }
h4 {color: #000; font-size: 100%;}

form {padding-bottom: 0; margin-bottom;}
#wrapper {
width: 1048px;
position: relative;
margin: 0px;
padding: 1px;
left: auto;
top: 0px;
height: 150%;
min-height: 100%;
background: #fff;
border: 1px solid #000;	
}


#maincontent {
position: relative;
margin: 0px;
width: 1048px;
height: 100%;
text-align: left;
float: right;
background: url(bodybackground.gif);
}


#pagebody{text-align: left; padding: 5px; width: 860px;  float: right;
}
#actualcontent{width: 100%; }

/* MENU */

div#nav {
background: url(menubackground.gif) repeat-y;
left: 0px;
font-family: arial;
 color: #0B1560; font-weight: bold; 
 font-size: 100%;
margin: 0;
margin-top: 0px;
padding: 0px;
width: 175px;
float: left;
}
 div#nav img {border: 0; padding: 0; margin: 0;}
#innernav {margin: 0; padding: 0; background: url(menutop.jpg) no-repeat;}
div#nav ul {margin: 0; padding: 0; text-indent: 0px; background: url(menutop.jpg) no-repeat;}
div#nav li { list-style: none;  padding: 1px;  
 display: block; width: 165px; text-align: left; text-indent: 0px;}


div#nav li ul li { text-indent: 0; width: 160px;}
div#nav li a { display: block; padding: 0.1em; margin: 0px; text-decoration: none;  color: #0B1560;}
  div#nav a:hover{ color: #49004D; padding: 0.1em; margin: 0px; text-indent: 0px;   }
div#nav>ul a {width: auto;}

ul ul li {background: #f2f2f2; border: 0px; text-indent: 0;width: 160px;}

#leftcol {float: left; width: 600px; }
#rightcol {float: right; }

.prevnext {float: right; width: 250px; margin-top: -25px; overflow: visible;vertical-align: text-top;}

#topbit {width:520px; height: 30px; overflow: visible;}