<!--

html, body {
 margin: 0px;
	padding: 5px;
	background-color: #fff;
	background-image: 
url('bg1.gif');
background-repeat: repeat-y;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
 }

#wrapper {
 text-align:left;
 border:1px solid #333399;
 width:95%;
 margin:auto;
 background-color: #ffffff;
 }

#header {
 background-color: #330099;
	background-image: 
url('pennylogo.jpg');
background-repeat: no-repeat;
	color: #006;
	border-bottom: 1px solid #006;
	margin-bottom: 0px;
	padding-left: 10px;
	height: 140px;
 }


#leftcol {
 float:left;
 background-image: 
url('bg3.gif');
background-repeat: repeat-y;
 color: #333333;
 width:145px;
border: 1px solid #000000;
margin: 5px;

 }

#content {
margin-left: 5px;

 background:#ffffff;
 color: #333333;
 text-align:left;
 padding: 5px;
 }

#footer {
clear: both;
 background-color: #ffffff;
 color: #333333;
 border-top: 1px solid #000000;
 margin:0;
 padding: 3px;
 text-align: right;
 }
 
h1 {
	padding: 0px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9999ff;
	font-weight: bold;
	
	}
h2 {
	padding: 0px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9999ff;
	font-weight: bold;
	}
h3 {
	padding: 0px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9999ff;
	font-weight: bold;
	margin-top: 10px;
	
	}
h4 {
	padding: 0px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9999ff;
	font-weight: normal;
	}
.spacer {
	clear: both;
	}
	
p {
	padding: 0px;
	font-size: small;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.floatleft{
	float: left;
	margin: 5px;
padding: 2px;
border: 1px dashed #9999ff;
	}
 .floatright
{
float: right;
margin: 5px;
padding: 2px;
border: 1px dashed #9999ff;
}
.textright
{
float: right;
margin: 0 0 5px 300px;
padding: 2px;
}
.clear{
	clear: both;
	}
	
#navcontainer { width: 130px;
padding: 5px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 100%;
background: transparent;
border-bottom: 1px solid #333399;

}

#navcontainer a:link, #navlist a:visited
{
color: #330099;
text-decoration: none;
}

#navcontainer a:hover
{
background-image: 
url('bg4.gif');
background-repeat: repeat-y;
color: #000;
}
.ul1
{
list-style-type: none;
padding: 0;
margin: 0;
}

.li1
{

padding-left: 30px;
line-height: 150%;
}
.image
{
	text-align: center;
	border: 1px solid #333399;
	margin: 5px;
	padding: 5px;
	}
form {
  background: #fff;
  border: 1px solid #333399;
 width: 500px;
  margin-left: 160px;
  padding: 5px;
}
 -->

