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: 130%;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}
.content h2{
color : #667F99;
font-size: 120%;
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: 150px;
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: 100%;
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: 80%;
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;
}