/* ~~~~~~~~~~~~~~ '246916xx ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: none;font-style: italic;}

a:link {
  font-size: 16; 
  color: #FFFFFF;
  background-color: #202020;
  text-decoration: none;
  border-bottom:1px solid #ff0000;
  border-top:1px solid #ff0000;
  border-left:1px solid #ff0000;
  border-right:1px solid #ff0000;
  }
a:visited {
  font-size: 16; 
  color: #FFFFFF;
  background-color: #202020;
  text-decoration:none;
  border-bottom:1px solid #ff0000;
  border-top:1px solid #ff0000;
  border-left:1px solid #ff0000;
  border-right:1px solid #ff0000;
  }
a:hover {
  font-size: 16; 
  color: #FFFFFF;
  text-decoration: none;
  background-color: #ff0000;
  font-weight: bold;
  }

body { 
scrollbar-face-color: #505050; 
scrollbar-highlight-color: #fff0f0; 
scrollbar-3dlight-color: #ff0000; 
scrollbar-shadow-color: #ff0000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #202020; 
scrollbar-arrow-color: #000000; 

background-color: #202020;
color: #FFFFFF; 
/*
background-image: url('PagePics/bkgnd1.gif');
background-repeat: repeat;
background-attachment: fixed
*/ 
} 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.inputbox40 {
  width:40px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:10px;
  color: #ffffff;
  border: 1px solid red;
  background:#000000;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.inputbox50 {
  width:50px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:10px;
  color: #ffffff;
  border: 1px solid red;
  background:#000000;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.inputbox60 {
  width:60px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:10px;
  color: #ffffff;
  border: 1px solid red;
  background:#000000;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.inputbox {
  width:80px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:10px;
  color: #ffffff;
  border: 1px solid red;
  background:#000000;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.inputbox100 {
  width:100px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:10px;
  color: #ffffff;
  border: 1px solid red;
  background:#000000;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.inputbox120 {
  width:120px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:10px;
  color: #ffffff;
  border: 1px solid red;
  background:#000000;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.inputbox140 {
  width:140px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:10px;
  color: #ffffff;
  border: 1px solid red;
  background:#000000;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.inputbox180 {
  width:180px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:10px;
  color: #ffffff;
  border: 1px solid red;
  background:#000000;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.inputboxCt {
/*  width:80px;  */ 
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:10px;
  color: #ffffff;
  border: 1px solid red;
  background: #505050;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.nicebutton {
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  color: #ffffff;
  border:2px solid red;
  background: #505050;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
#navcontainer ul {
  float: left;
  width: 100%;
  margin: 5;
  padding: 3;
  font-size: 9px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #ffffff;
  }
#navcontainer ul li {
  display:inline;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.box {
  position:relative;
  top:-9px;
  left:-9px;
  width:250px;
  height:150px;
  background:#f60;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.box-outer {
  width:250px;
  height:150px;
  background:#333;
  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.thumbnail1{ 
position: relative; 
z-index: 0; 
} 
.thumbnail1:hover{ 
background-color: transparent; 
z-index: 50; 
} 
.thumbnail1 span{ /*CSS for enlarged image*/ 
position: absolute; 
background-color: lightyellow; 
padding: 5px; 
left: -1000px; 
border: 1px dashed gray; 
visibility: hidden; 
color: black; 
text-decoration: none; 
} 
.thumbnail1 span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
} 
.thumbnail1:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
top: 90; 
left: 145; /*position where enlarged image should offset horizontally */ 
} 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.thumbnail2{ 
position: relative; 
z-index: 0; 
} 
.thumbnail2:hover{ 
background-color: transparent; 
z-index: 50; 
} 
.thumbnail2 span{ /*CSS for enlarged image*/ 
position: absolute; 
background-color: lightyellow; 
padding: 5px; 
left: -1000px; 
border: 1px dashed gray; 
visibility: hidden; 
color: black; 
text-decoration: none; 
} 
.thumbnail2 span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
} 
.thumbnail2:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
top: 90; 
left: -48; /*position where enlarged image should offset horizontally */ 
} 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.thumbnail3{ 
position: relative; 
z-index: 0; 
} 
.thumbnail3:hover{ 
background-color: transparent; 
z-index: 50; 
} 
.thumbnail3 span{ /*CSS for enlarged image*/ 
position: absolute; 
background-color: lightyellow; 
padding: 5px; 
left: -1000px; 
border: 1px dashed gray; 
visibility: hidden; 
color: black; 
text-decoration: none; 
} 
.thumbnail3 span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
} 
.thumbnail3:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
top: 90; 
left: -155; /*position where enlarged image should offset horizontally */ 
} 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.thumbnail4{ 
position: relative; 
z-index: 0; 
} 
.thumbnail4:hover{ 
background-color: transparent; 
z-index: 50; 
} 
.thumbnail4 span{ /*CSS for enlarged image*/ 
position: absolute; 
background-color: lightyellow; 
padding: 5px; 
left: -1000px; 
border: 1px dashed gray; 
visibility: hidden; 
color: black; 
text-decoration: none; 
} 
.thumbnail4 span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
} 
.thumbnail4:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
top: 90; 
left: -260; /*position where enlarged image should offset horizontally */ 
} 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.thumbnail5{ 
position: relative; 
z-index: 0; 
} 
.thumbnail5:hover{ 
background-color: transparent; 
z-index: 50; 
} 
.thumbnail5 span{ /*CSS for enlarged image*/ 
position: absolute; 
background-color: lightyellow; 
padding: 5px; 
left: -1000px; 
border: 1px dashed gray; 
visibility: hidden; 
color: black; 
text-decoration: none; 
} 
.thumbnail5 span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
} 
.thumbnail5:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
top: 90; 
left: -455px; /*position where enlarged image should offset horizontally */ 
} 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */