body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0;
padding: 0;
background-color:#F2F2F2;
text-align: justify;}

img {
border: none;}

#borderleft{
width: 695px;
background: url(../images/borderleft.png) repeat-y;
padding-left: 3px;}

#borderright{
width: 696px; /* not quite sure why ths is 696 no 695 */
background: url(../images/borderright.png) repeat;
padding-right: 3px;}

#borderbottom{
width: 701px;
height: 3px;
padding: 0;
margin: 0;
background: url(../images/bottomline.png) no-repeat;}

#container{
width: 695px;
margin-left: auto;
margin-right: auto;}

#container a{
text-decoration: none;
color: #333333}

#container a:hover{
text-decoration: none;
color: #333333}

#container a:visited{
text-decoration: none;
color: #333333}

table{
margin-left: auto;
margin-right: auto;}

.maintable {
background-color: #FFF;
color: #01458E;}

.navline{
color: #01458E;
border-left: #C9DBD7 solid 1px;
padding-left: 10px;
font-size: 11px;}

.navline a {
color: #01458E;
text-decoration: none;}

.navline a:hover {
color: #01458E;
text-decoration: none;}

.navline a:visited {
color: #01458E;
text-decoration: none;}

.mainimage{
padding: 20px 0px 20px 0px;
background-color: #FFF;}

.mainimage img{
border: 1px solid #000;}

.pagetitle{
text-case: upper;
background-image:url("../images/stripes.gif");
padding-left: 5px;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
height:30px;}

.content{
padding: 20px 0px 20px 0px;
font-size: 12px;
background-color: #FFF;
text-align: justify;
color: #333333}

.footer{
padding-top: 5px;
color: #888888;
background-color: F2F2F2;
font-size: 9px;
text-align: right;}

a.footerlink:hover{color: #888888; text-decoration: none;}
a.footerlink:visited{color: #888888; text-decoration: none;}
a.footerlink:link{color: #888888; text-decoration: none;}
a.footerlink:active{color: #888888; text-decoration: none;}

.whitecells{
background-color: FFF;}