body
{
  margin: 0px;
  text-align: center;
  background-color: #EFEFEF;
  background-image: url(images/gray-tile.jpg);
}

h1
{
  color: black;
  font: bold 14pt Arial,sans-serif;
  border-bottom: 3px groove #E0E0E0;
  text-indent: 25px;
  display: list-item;
  padding-bottom: 5px;
  list-style-image: url(images/footprint.gif);
}

h4
{
  color: #330000;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 2px groove #E0E0E0;
  vertical-align: top;
  text-indent: 23px;
  font: bolder 10pt Verdana,sans-serif;
  display: list-item;
  list-style-image: url(images/footprint.gif);
}

.main

{
  background: url(images/background.jpg);
  width: 800px;
  background-color: white;
  border: 3px groove gray;
}

.title-bar, .footer
{
  width: 100%;
  height: 0%;
  color: yellow;
  background: url(images/top.jpg);
  text-align:left;
  text-align: right;
  padding: 2px;
  font: normal xx-small arial,sans-serif
}

.thumbnail
{
  border: 3px double black;
  margin: 0px;
  padding: 0px;
  background-color: white;
}

.thumbnail-border
{
  padding-top: 2px;
  margin: 0px;
  float: left;
  vertical-align: middle;
  text-align: center;
}

.header
{
  border: 1px solid black;
  width: 100%;
  text-align: center;
  padding: 0px;
}

.logo
{
   border: 3px double gray;
}

.animation
{
   border: 0px;
}

.title
{
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-left: 20px;
  font: normal large arial,sans-serif;
}

.seperator
{
  text-align:center;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding: 2px;
  width: 100%;
  background-color: #E1BA9F
}

.main-section
{
  text-align: left;
  vertical-align: top;
  border: 1px solid black;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.menu
{
  text-align: left;
  vertical-align: top;
  border: none;
  width: 180px;
  background-color: #DDDDEC;
  background: url(images/green-tile2.gif);
  padding: 10px, 10px, 200px, 10px;
  float: left;
}

.menu-list
{
  list-style-type: none;
  margin-left: 0px;
}

.menu-list li
{
  margin-bottom: 10px;
  font: bold 10pt Verdana,sans-serif
}

.submenu-list
{
  list-style-type: none;
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #C0C0C0; 
  padding-left: 3px;
  padding-top: 3px;
  background-color: #FFFFdd;
}

.submenu-list li
{
  list-style-image: none;
  margin-bottom: 0px;
  font: normal 8pt Verdana,sans-serif;
}


.menu a:link, .menu a:visited, a.menu:focus, a.menu:active
{
  color: black;
  text-decoration: none;
}

.menu a:hover
{
  color: #dd0000;
  text-decoration: none;
}

.content
{
  text-align: left;
  vertical-align: top;
  padding: 5px;
  width: 100%;
  font: normal 10pt Verdana,sans-serif;
}

.content table td
{
  vertical-align: top;
  font: normal 10pt Verdana,sans-serif;
  padding: 2px;
}

.content img
{
  border: 3px double black;
  margin: 3px;
}

.news-item
{
  width: 150px;
  border: 1px solid black;
}

.news-title
{
  color: white;
  background-color: #000055;
  border-bottom: 1px solid gray;
  font-family: Tahoma, Arial, sans-serif;
  padding: 4px;
  font-size: 8pt;
  font-weight: bold
}

.news-date
{
  text-align: right;
  color: white;
  background-color: #000055;
  border-bottom: 1px solid gray;
  padding: 2px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 8pt
}

.news-image
{
  border: 3px double gray;
  margin: 0px;
  padding: 0px;
  background-color: white;
}

.news-content
{
  color: #000033;
  padding: 4px;
  background-color: #FFFFdd;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt
}

.billcontent
{
  width: 100%;
  display:block;
}

.nav-item
{
}

.nav-item a:link, .nav-item a:visited, a.nav-item:focus, a.nav-item:active
{
  color: blue;
  text-decoration: none;
  font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
}

.nav-item a:hover
{
  color: #dd0000;
  text-decoration: none;
  font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
}

.volunteer-comment
{
  border: 1px solid #DBDBDB;
  width: 90%;
  color: #000033;
  padding: 8px;
  margin: 20px;
  background-color: #FFF4EA;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt  
}

.contact-details
{
  border: 1px solid #DBDBDB;
  width: 400px;
  color: #000033;
  padding: 4px;
  margin: 20px;
  background-color: #FFF4EA;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt  
}

.walk
{
  border: 1px solid #DBDBDB;
  background-color: #FFF4EA;
  padding: 4px;
}

.station
{
  border: 1px solid #DBDBDB;
  background-color: #FFF4EA;
  padding: 4px;
}

.station-english
{
  font-weight: normal;
  text-align: right;
}

.staff-table td
{
  vertical-align: top;
  font: normal 10pt Verdana,sans-serif;
  padding: 2px;
  border: 1px solid #DBDBDB;
  background-color: #FFF4EA;
}

.bear-table td
{
  vertical-align: top;
  font: normal 10pt Verdana,sans-serif;
  padding: 2px;
  border: 1px solid #DBDBDB;
  background-color: #FFF4EA;
}

.notice
{
  vertical-align: top;
  font: normal 10pt Verdana,sans-serif;
  padding: 5px;
  border: 1px solid #DBDBDB;
  background-color: #FFF4EA;
}

.warning
{
  background-color: #FFFFe9;
  font: normal 10pt Verdana,sans-serif;
  padding: 20px;
  border: 1px solid gray;
}