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

}
/* 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 {
  background-color: #fff;
width: 100%;
	margin: 0px;
	padding: 0px;
}
#bodywrapper {
height: 100%;
min-height: 100%;
position: absolute;
width: 100%;
top: 69px; 
left: 0px;}
#wrapper {
width: 100%;
  background: #fff;
  position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
margin: 0px;
min-height: 100%;
height: 100%;
padding: 0px;
}
#leftcol{
width: 15%;
height: 90%;
min-height: 100%;
float: left;
display: block;
background: #fff url(/images/subpage2.jpg) no-repeat top right;}

#heading { 
height: 10%;
margin: 0px;
padding: 8px;
background: #fff;
	border-bottom: 1px solid #000;
	z-index: 99;
}
#heading h1 {margin-bottom: -12px;
padding: 0px;
}
#maincontent {
margin: 0px;
float: right;
width: 84%;
height: 100%;
position: absolute;

border-left: 1px solid #000;
left: 15%;}


* html #maincontent {
  padding-bottom: 100px;
} /* a new comment stops hiding from MacIE5 */
 head:first-child+body div#footer {
  position: absolute;
}
head:first-child+body div#maincontent {
  padding-bottom: 100px;
} /* */

h2 {margin-top: -5px;
padding-top: -5px;
color: #000000;}

}

.justblackborder {border: 1px solid #000;
}
.blackborder {border: 1px solid #000;
float: right;}

/* FOOTER */


#footer {
clear: both;
  bottom: -1px;
  width: 100%;  
  position: relative;
border-top: 1px solid #000;
  height: 10%;       /* height of #footer bg img */

padding: 0px;
margin: 0px;
background: #fff;
}

* html #footer {
  position: absolute;
}
div#actualcontent {clear: right;
padding: 5px 3px;
margin: 5px 3px;
}
div#nav {
margin: 0px;
padding: 0px;
width: 100%;
left: 15%;
background-color: #333366;
border-bottom: solid 1px #333366;
 }
#headerleft {float: left;}
#headerright {float: right;}


ul.menu li{display: inline;
list-style-type: none;
background-color: #333366;
text-indent: 0px;
	text-decoration: none;}
ul.menu {text-indent: 0px; left: 0px;
line-height: 100%;
padding-left:0px;
text-align: left;
list-style-type: none;
text-align: center;
margin: 0px;
display: block;}
div#nav li {text-indent: 0px; position: relative; list-style: none; margin: -1px;  
  float: left;  line-height: 1em; padding: 5px;  text-align: center; font-size: 100%;}
div#nav li a {display: block; padding: 0.25em; margin: 0px; text-decoration: none;  color: #fff; font-weight: bold; font-size: 100%;}
  div#nav a:hover{ color: #ffff00; padding: 0.25em; margin: 0px; display: block;  }
  
   /* GALLERY PAGE */
    
    div.pic img {border: 1px solid #ccc;}
  div.pic {
  float: left; 
  height: 100px; 
  width: 100px; 
  padding: 0px; 
  margin: 5px 3px; 
  background: #fff; }
 
 div.ls {
  background: url(/images/frame.gif) center no-repeat;}
 div.ls img{
 height: 75px; 
 width: 75px;
  padding: 0px; 
 margin: 12px 12px;}
 .unnamed1 {
	font-weight: bolder;
}

#fullpic{width: 200px;
float: right;}


div#floatleft{float: left;
width: 60%;}.row {
	clear: both;
	width: 100%;

}
.leftcol {
	float: left;
	width: 40%;
}
.rightcol {
	float: right;
	width: 45%;
}
.floatleft {
	float: left;
}
.footer {
padding-top: 100px;
	clear: both;
}
.alignright {
	text-align: right;
	font-size: 70%;
}

