/* Insert background image. */
body {
background-image: url(images/bg.png);
background-repeat: repeat;
}

/* Everything visible. Centers the page. */
#content {
position: relative;
width: 980px;
margin: 0 auto;
} 

/* Navigation links area div. */
#nav {
position: relative;
width: 980px;
height: 42px;
top: 99px;
left: 6px;
z-index: 5;
} 

/* Drop shadow top border. */
#bodytop {
position: relative;
width: 925px;
height: 23px;
top: 90px;
padding: 17px 29px 0 29px;
margin: 0;
z-index: 4;
}

/* Large picture. */
#pic {
position: relative;
width: 980px;
height: 165px;
top: -87px;
margin: 0;
z-index: 3;
} 

/* Text and stuff in the white area div. */
#body {
position: relative;
width: 980px;
top: 89px;
background-image: url(images/bodybg.png);
background-repeat: repeat-y;
padding: 15px 0 0 3px;
margin: 0;
z-index: 2;
}

/* Drop shadow bottom border. */
#bodybottom {
position: relative;
width: 980px;
height: 20px;
top: 89px;
background-image: url(images/bodybottom.png);
background-repeat: no-repeat;
margin: 0;
z-index: 2;
} 

/* Copyright div. */
#copyright{
position: relative;
width: 954px;
top: 79px;
left: 12px;
z-index: 4;
} 

/* banner image div. */
#bg {
position: absolute;
z-index: 1;
margin-top: 0;
margin-bottom: 0;
}

/* Sig div. */
#sig {
position: absolute;
left: 16px;
z-index: 4;
margin-top: 0;
margin-bottom: 0;
}

/* link to other site div. */
#link {
position: absolute;
top: 8px;
left: 707px;
z-index: 4;
margin-top: 0;
margin-bottom: 0;
}

/* Formats quotes. */
.quote {
position: relative;
width: 470px;
left: -36px;
padding: 25px 10px 25px 50px;
border-width: 1px 1px 1px 0;
border-style: solid;
border-color: #DDDDDD #DDDDDD #DDDDDD transparent;
background-color: #EEEEEE;
}

.small {
text-align: left;
text-decoration: none;
font-family: Arial;
font-size: 11px;
color: #787878;
}

span.right {
float: right;
margin-bottom: 6px;
}

span.required {
color: red !important;
}

span.big {
color: #000000 !important;
font-size: 125% !important;
font-weight: bold !important;
}

/* Formats general text. */
td.body {
padding: 0 8px 8px 14px;
text-align: left;
text-decoration: none;
font-family: Arial;
font-size: 80%;
color: #222222;
}

/* Formats headers. */
td.header {
text-align: left;
padding: 10px 0 16px 0;
} 

/* Formats general text links. */
a {
text-decoration: underline;
color: #000099;
}

a:visited {
color: #660066;
}

/* Formats general text links hover properties. */
a:hover {
color: #FF0033;
}

/* Properties of normal images. */
img {
border: 0;
}

/* Properties of gallery images. */
img.gallery {
width: 100px;
height: 100px;
border: 2px #000000 solid;
margin: 0 20px 20px 0;
}

/* Text list properties. */
ul.text {
padding: 27px;
margin-left: -12px;
margin-top: -37px;
margin-bottom: -37px;
}

ol.text {
padding: 27px;
margin-top: -37px;
margin-bottom: -37px;
}

ul.text li {
margin-top: 10px;
margin-bottom: 10px;
}

ol.text li {
margin-top: 10px;
margin-bottom: 10px;
}