HTML {
height: 100%;
margin-bottom: 1px;
}

body { 
font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.0;
	margin: 0px;
	padding: 0px;
	background-repeat:repeat-y;
	background-color: #8A9CB5;
	text-align: left;
}

Table {
	font-size : 100%;
	line-height: inherit;
	white-space: normal;
}


UL {
	font-size : 100%;
	line-height: inherit;
	white-space: normal;
}


LI {
	font-size : 100%;
	line-height: inherit;
	white-space: normal;
}


TD {
	font-size : 100%;
	line-height: inherit;
	white-space: normal;
}


P {
font-size : 100%;
margin-top: 0px;
margin-bottom: 5px;
}

/* this group sets the normal link colors */

A:ACTIVE{
color : #667F99;
text-decoration: underline;
font-weight: normal;
}

A:VISITED{
color : #667F99;
text-decoration: underline;
font-weight: normal;
}

A:LINK{
color : #667F99;
text-decoration: underline;
font-weight: normal;
}

A:HOVER {
color : #010101;
text-decoration : none;
font-weight: normal;
}

ul  {
list-style-image: url(images/layout-graphics/bullet.gif);
}

HR {
height : 0px;	 
text-align: center;
border: 1px solid #667F99;
}

/*style begins*/

.wrapper {
height: 900px;

}

/*header/logo*/

.indexheader {
color: #667F99; 
font-size: 160%;
text-align: left;
padding: 10px;
}

.indexheader h1{
font-family : Courier New, Courier New, Courier, monospace;
font-size: 100%;
color: #000000; 
margin: 0px 0px 0px 0px;
}

.header p {
margin: 0px 0px 0px 0px;
font-size: 50%;
}

.header {
color: #667F99; 
font-size: 160%;
text-align: left;
padding: 10px;
}

.header h1{
font-family : Courier New, Courier New, Courier, monospace;
font-size: 100%;
color: #667F99; 
margin: 0px 0px 0px 0px;
}

.header p {
margin: 0px 0px 0px 0px;
font-size: 50%;
}

/*main content*/

.indexcontentcell {
background-image: url(images/index-back.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
}

.contentcell {
background-color: #FFFFFF;
}

.poetspadding {
padding: 10px;
}

.contentindex {
font-weight:normal;
font-size: 70%;
padding: 10px;
text-align: left;
width: 600px;
line-height:15px
}


.content {
font-size: 70%;
padding: 10px;
text-align: left;
width: 600px;
}

.content H1 {
color : #667F99;
font-size: 120%;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.content h2{
color : #667F99;
font-size: 100%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}


.content h3 {
color : #667F99;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.content h4 {
color : #334d55;
font-size: 100%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.content h5 {
color : #010101;
font-size: 100%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.content h6 {
color : #333333;
font-size: 70%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: normal;
}

/*side content*/

.sidecontent {
width: 200px;
font-size: 70%;
padding: 10px;
text-align: left;
color : #000000;
}

.sidecontent H1 {
color : #FFFFFF;
font-size: 120%;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
font-variant: small-caps;
}

.sidecontent h2{
color : #FFFFFF;
font-size: 100%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}


.sidecontent h3 {
color : #667F99;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.sidecontent h4 {
color : #334d55;
font-size: 100%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.sidecontent h5 {
color : #010101;
font-size: 100%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.sidecontent h6 {
color : #010101;
font-size: 70%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: normal;
}

.sidecontent a:visited {
text-decoration:none;
font-weight : normal;
color : #000000;
}

.sidecontent a:active {
text-decoration:none;
font-weight : normal;
color : #000000;
}

.sidecontent a:link {
text-decoration:none;
font-weight : normal;
color : #000000;
}

.sidecontent a:hover {
text-decoration:underline;
font-weight : normal;
color : #010101; 
}


/*main navigation*/

.nav {
font-family : Courier New, Courier New, Courier, monospace;
font-size: 90%;
padding-top: 5px;
text-align: left;
color : #667F99; 
}

.nav a:visited {
text-decoration:none;
font-weight : bold;
color : #667F99; 
}

.nav a:active {
text-decoration:none;
font-weight : bold;
color : #667F99; 
}

.nav a:link {
text-decoration:none;
font-weight : bold;
color : #667F99; 
}

.nav a:hover {
text-decoration:none;
font-weight : bold;
color : #00CC33; 
}


/*footer*/

.footer{
font-size: 70%;
padding-top: 0px;
padding-left: 10px;
text-align: left;
color : #667F99; 
}

.footer a:visited {
text-decoration:none;
font-weight : normal;
color : #667F99; 
}

.footer a:active {
text-decoration:none;
font-weight : normal;
color : #667F99; 
}

.footer a:link {
text-decoration:none;
font-weight : normal;
color : #667F99; 
}

.footer a:hover {
text-decoration:none;
font-weight : normal;
color : #010101; 
}

/*site design*/

.footer2 {
font-size: 65%;
padding-top: 5px;
padding-left: 10px;
text-align: left;
}

.footer2 a:visited {
text-decoration:none;
font-weight : bold;
color : #667F99; 
}

.footer2 a:active {
text-decoration:none;
font-weight : bold;
color : #667F99; 
}

.footer2 a:link {
text-decoration:none;
font-weight : bold;
color : #667F99; 
}

.footer2 a:hover {
text-decoration:none;
font-weight : bold;
color : #667F99; 
}

/*photos*/

.photoright {
border: 2px solid #667F99;
float: right;
margin: 5px;
display: block;
}

.photoplain {
border: 2px solid #667F99;
display: block;
}

.photoleft {
border: 2px solid #667F99;
float: left;
margin-right: 5px;
display: block;
}

.photocentre {
border: 2px solid #667F99;
text-align:center;
display: block;
}


.photos {
display: block;
}

.bibtable {
font-size: 90%;
padding: 2px;
text-align: left;
}

.span caption{
font-size: 100%;
padding: 2px;
text-align: left;
}