/* general styles */
html, body, table, td, th, h1, h2, h3, h4, h5, h6, p, a, span, div{font-family:Verdana, Arial, Helvetica, Geneva, sans-serif}

/* basic links */
a, a:link{color:#fff;text-decoration:none}
/*a:visited{color:#ddd}*/

/* NS4 won't see these but other browsers will. No problem. */
a:hover{color:yellow;text-decoration:none}
a:active{color:#f00;text-decoration:none}

body { 
  background-color:white;
  color:#fff;
  font-size: 8pt;
  font-style: normal;
  width:100%;
  height:100%;
}

#page {
  margin-top:30px;
  background-color:#008080;
  width:720px;
  height:470px;
}
*.subheader {
  margin-top:10px;
  margin-bottom:10px;
  width: 682px;
  border:2px solid #fff;
}
div.columns {
  margin-top:0px; margin-left:8px; margin-right:8px;
  text-align:left;
}
div.columns table {
  width: 100%;
}
div.columns td {
  padding:0px;
}
#col2 { 
  text-align:center;
  margin:0px auto
}
#col2 ul {
  margin:0px;
  padding-left:0px;
  list-style-position:inside;
 }
#col2 li a, #col2 li a:link {
  color: #a5cecd;
}
#col3 {
  text-align:right;
}
div.menu{
  font-size:9px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}
*.selected_menu {
  color: #a5cecd;
}
div.menu_vert {
  border:1px #999 solid;
}
div.menu_horiz {
}
div.content { 
  margin-top:0px; margin-left:17px; margin-right:17px;
  height:245px;
}
div.picture { 
  float:left; 
  margin-right:5px;
  margin-left:0px;
  height:235px;
  width:294px;
  border-style:solid;
  border-color:#fff;
  border-width:2px;
  margin-bottom:4px;
}
img {
  border:0px;
}
div.picture img { /* 294 x 215 */
  border-bottom:2px solid #fff;
}
* html * div.picture img { /* IE <= 6 only */
  height:216px;
  margin-bottom:-3px;
}
div.picturenav {
  background-image: url('Images/PictureBarre.jpg');
  background-repeat: repeat-x;
  padding-top:4px;
  margin-top:-2px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size:10px;
  text-align:center;
}
* html * div.picturenav { /* IE <= 6 only */
  background-repeat: repeat;
  height:19px;
}
div.infotext { 
  margin-right:0px;
  margin-left:5px;
  margin-bottom:4px;
  border-style:solid;
  border-color:#fff;
  border-width:2px;
  float:right;
  width:370px;
  height:235px;
  text-align:justify;
}
div.subnav {
  background-image: url('Images/TextBarre.jpg');
  padding-top:3px;
  padding-left:5px;
  width:365px;
  height:17px;
  font-size:10px;
}
span.subnavselected {
  color: #a5cecd;
}
div.scrolltext { 
  padding:5px;
  color:#000;
  background-color:#fff;
  height:187px;
}
div.scrollcontainer { 
  position:relative;
  float:left;
  /*border:1px solid black;*/
  overflow:hidden
}
div.scrollbar { 
  float:right;
  width:10px;
}
div.linklist { 
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size:10px;
  height:18px;
  padding-top:4px;
  padding-left:5px;
  width:365px;
  background-image: url('Images/TextBarre.jpg');
  background-repeat: repeat-x;
}
* html * div.linklist { /* IE only */
  background-repeat: repeat;
}
div.footer { 
  font-size:9px;
  margin-top:-4px;
  margin-left:17px; margin-right:17px;
  height:15px;
}
div.footer_left  { text-align: left; float:left; }
div.footer_right { text-align: right; float:right; }

.scrolltext a, .scrolltext a:link, 
li a, li a:link {
  color:#008080;
}
.scrolltext a:hover, li a:hover{
  color:#000;
}

.webdesign {
  background-color:white;
  color:#555;
  clear: both;
  font-size:9px;
  text-align: center;
  height:35px;
  padding-top:10px;
}
/* basic links */
.webdesign a, .webdesign a:link{color:#555;text-decoration:underline}
.webdesign a:hover, .webdesign a:active{text-decoration:none}