#container {
/*set default font-size*/
font-size: 70%;
font-family: verdana;
color: #686868;
text-align : left;
background-color: white;
position: relative;
}

.topbar {
text-align: center;
padding: 12px;
}

.topbar img{
border: 0;
}

#logos {
padding-top: 25px;
width: 90px;
text-align: center;
}

#logos img {
display:block;
margin: 0 auto;
margin-bottom: 20px;
}

/*
======================================
==============TAGS====================
======================================
*/

.credits a {color: #686868; text-decoration: none;}
.credits a:hover {text-decoration: underline;}

.copyright a {color: white;}

.content a {color: #098794;}
.content a:hover {color: #0003FF;}

h1 {font-size: 2em; color: #098794; margin-bottom: 5px;}
h2{font-size: 1.6em; color: #098794; margin-bottom: 5px;}
h3{font-size: 1.1em; color: #098794; margin-bottom: 5px;}
h4{font-size: 1em;}
h5{font-size: .9em;}

/*
======================================
============== CLASSES ===============
======================================
*/

.content {
padding-right: 80px;
padding-top: 26px;
padding-bottom: 26px;
line-height: 1.7em;
text-align: justify;
}

.content ul {
padding-left: 12px;
margin-left: 0px;
}

.err {
color: red;
background: #ffffcc;
padding: 3px;
border: 1px solid silver;
margin-top: 5px;
margin-bottom: 5px;
}

#side_bar {
padding-top: 60px;
text-align: right;
padding-right: 30px;
}

#side_bar a {
display: block;
color: #022D63;
padding: 2px;
font-weight: bold;
}

#side_bar a:hover {
color: #0003FF;
}


#directions {
width: 130px;
margin: 14px 0 0 8px;
float: left;
}

#map {
border: 1px solid #9a9a9a;
width: 430px;
height: 420px;
overflow: hidden;
margin-top: 14px;
float: left;
}

#maplist {
list-style: none;
width: 130px;
padding: 0;
margin: 0;
}

#maplist li {
padding: 0;
margin: 0 0 6px 0;
}

.bbcnewstory {
border-bottom: 1px dashed;
margin-bottom: 18px;
padding-bottom: 5px;
}

.mapinfo {
color: black;
width: 220px;
text-align: left;
}

#library img {
margin: 0;
padding: 0;
}

.content #library a   {
border-bottom: 0;
}

.clearing {
clear: both;
}

.credits {
text-align: center;
}

.credits p {
padding: 9px 10px;
margin: 0;
}

.copyright {
color: white;
background: #098794;
padding: 9px;
}

#footshadow {
line-height: 1em;
font-size: .7em;
padding-top: 13px;
font-family: "gill sans", arial;
color: #6F686A;
}

#footshadow a {
text-decoration: none;
color: #6F686A;
}

#footshadow a:hover {
text-decoration: underline;
}
.row0 {
background: #eeeeee;
}

.row1 {
background: #c6c6c6;
}



/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}

#sitemap ul li {
margin-top: 4px;
}


#sitecredits a {
color: #666666;
text-decoration: none;
}

#sitecredits a:hover {
text-decoration: underline;
}

.topimgs {
height: 85px;
width: 127px;
}

#monoslideshow {
width: 762px;
}

#monoslideshow img {
float: left;
}

.contactform {
  margin: 0;
  padding: 0;
  padding-top: 20px;
  font-size: 12px;
}

.contactform div input, .contactform div select, .contactform div textarea {
  width: 240px;
  font-size: 13px;
  padding: 1px 3px;
  margin: 0 0 0 0;
  float: right;
}

.contactform label {
float: left;
color: #022D63;
font-weight: bold;
width: 185px;
text-align: left;
}

.contactform .wider label {
color: #022D63;
font-weight: bold;
width: 400px;
text-align: left;
}

.contactform div {
  clear: both;
  float: left;
  width: 440px;
  display: block;
  margin: 5px 0 0 0;
  padding: 4px 3px;
}

.contactform fieldset {
  float: left;
  font-size: 100%;
  border-color: #022D63;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

.contactform fieldset legend {
  font-size: 170%;
  font-weight: normal;
  color: #022D63;
  margin: 0 0 0 0;
  padding: 0 11px;
}

.half {
width: 125px;
}

.red {
color: #FF2F2F;
padding-left: 5px;
}

.contactform p {
margin: 0;
padding: 0 25px;
text-align: right;
clear: both;
}

#submit {
padding-left: 17px;
}