body {
  color: white;
  background: black;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}


body.mainpage {
	background-color: #000000;
	background-image: url(../images/bg_grad_grid.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
    color: black;
	margin-top: 2;
}

body.panwindow {
	margin-left: 1;
	margin-right: 1;
	margin-top: 1;
	background-color: black;
    background-image: url('none');
    color: white;
    font-family: Arial, Helvetica, sans-serif
}

body.panoview {
	background-color: black;
    background-image: url('none');
    color: white;
    font-family: Arial, Helvetica, sans-serif
}


body.panoview2 {
	background-color: #ffffee;
	background-image: url(../images/bg_grad_brown.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
    color: black;
    font-family: Arial, Helvetica, sans-serif
}

body.panoview3 {
	background-color: #ffffee;
	background-image: url(../images/bg_grad_green.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
    color: black;
    font-family: Arial, Helvetica, sans-serif
}

body.panoview4 {
	background-color: #ffffee;
	background-image: url(../images/bg_grad_blue.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
    color: black;
    font-family: Arial, Helvetica, sans-serif
}

body.panoview5 {
	background-color: #ffffee;
	background-image: url(../images/bg_grad_red.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
    color: black;
    font-family: Arial, Helvetica, sans-serif
}

hr { color: #0099cc; }
body.panoview2 hr { color: #663b17; }
body.panoview3 hr { color: #669966; }
body.panoview4 hr { color: #003366; }
body.panoview5 hr { color: #ff0000; }

table.mainpagetable { width: 800; border-collapse: collapse; color:#ffffff; background-color:#464646; height: 99%;  }
table.mainpagetable tr { padding: 0 0 0 0; margin: 0 0 0 0; }
table.mainpagetable td { padding: 0 0 0 0; margin: 0 0 0 0; }

table.rectable {  border-width:1; width: 95%; color:#ffffff; background-color:#444444; height: 99%;  }

table.simple {  border-width:1; width: 95%; color:#ffffff; background-color:#444444; }

/* table.panolist { border-width:0; border-collapse: collapse; width: 800; color:#ffffff; background-color: #444444; padding:0; } */

table.panotable { padding:0; border-collapse: collapse; width: 901; background-color: #000000 }

td.panotabletop { text-align: left; vertical-align: top; padding-left: 7; padding-top: 5; }

body.panoview2 table.panotable { padding:0; border-collapse: collapse; width: 901; background-color: #fffffe }
body.panoview3 table.panotable { padding:0; border-collapse: collapse; width: 901; background-color: #fffffe }
body.panoview4 table.panotable { padding:0; border-collapse: collapse; width: 901; background-color: #fffffe }
body.panoview5 table.panotable { padding:0; border-collapse: collapse; width: 901; background-color: #fffffe }

th, td {
  font-family: sans-serif;
  font-size: 75%;
  vertical-align: middle;
  text-align: center;
}

tr { vertical-align: middle; text-align: center; }
table.simple tr { vertical-align: top; text-align: left; }

tr.navbar { height:30; background: url(../images/navbar.gif); }

td.mainbodys { vertical-align: top; text-align:left; padding-top: 15px; padding-left: 10px; padding-right: 15px; padding-bottom: 5px;}
td.mainbodyns {vertical-align: top; text-align:left; padding-top: 15px; padding-left: 40px; padding-right: 50px; padding-bottom: 5px;}
table.simple td {vertical-align: top; text-align:left; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;}

h2 { margin-left: -30px; font: 180% sans-serif; color:#f8f372; }
h3 { margin-left: -20px; font: 150% sans-serif; color:#f8f372; }
h4 { margin-left: -15px; font: 120% sans-serif; color:#f8f372; }

dl { margin-left: 20px; }

td.header_800_top  { font-size: 14px; width: 800; height: 100; vertical-align: top; text-align: center; background: url(../images/banner.gif); }
td.header_800_top2 { font-size: 14px; width: 800; height: 100; vertical-align: top; text-align: center; background: url(../images/banner2.gif); }

td.box_800_top    { font-size: 14px; width: 800; height: 32px; vertical-align: top; text-align: center; background: url(../images/box3d_800_top.gif); }
td.box_800_body   { width: 800; height: 460px; background: url(../images/box3d_800_body.gif); }
td.box_800_bottom { width: 800; height: 25px; background: url(../images/box3d_800_bottom.gif);  }

td.box_700_top    { padding: 0 0 0 0; width: 700; height: 32px;  background: url(../images/box3d_700_top.gif); background-repeat: no-repeat; font-size: 12px; vertical-align: top; text-align: center;}
td.box_700_body   { padding: 0 0 0 0; width: 700; height: 400px; background: url(../images/box3d_700_body.gif); }
td.box_700_bottom { padding: 0 0 0 0; width: 700; height: 25px;  background: url(../images/box3d_700_bottom.gif);  background-repeat: no-repeat;}

td.borderbottom {
  border: #0099cc 1px solid;
  border-top: none;
  border-left: none;
  border-right: none;
}

td.bordertop {
  border: #0099cc 1px solid;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

body.panoview2 td.box_700_top    { font-size: 14px; width: 700; height: 32px; vertical-align: top; text-align: center; background: url(../images/box3d_700_top_brown.gif); background-repeat: no-repeat;}
body.panoview2 td.box_700_body   { width: 700; height: 400px; background: url(../images/box3d_700_body_brown.gif); }
body.panoview2 td.box_700_bottom { width: 700; height: 25px; background: url(../images/box3d_700_bottom_brown.gif);  background-repeat: no-repeat;}

body.panoview3 td.box_700_top    { font-size: 14px; width: 700; height: 32px; vertical-align: top; text-align: center; background: url(../images/box3d_700_top_green.gif); background-repeat: no-repeat;}
body.panoview3 td.box_700_body   { width: 700; height: 400px; background: url(../images/box3d_700_body_green.gif); }
body.panoview3 td.box_700_bottom { width: 700; height: 25px; background: url(../images/box3d_700_bottom_green.gif);  background-repeat: no-repeat;}

body.panoview4 td.box_700_top    { font-size: 14px; width: 700; height: 32px; vertical-align: top; text-align: center; background: url(../images/box3d_700_top_blue.gif); background-repeat: no-repeat;}
body.panoview4 td.box_700_body   { width: 700; height: 400px; background: url(../images/box3d_700_body_blue.gif); }
body.panoview4 td.box_700_bottom { width: 700; height: 25px; background: url(../images/box3d_700_bottom_blue.gif);  background-repeat: no-repeat;}

body.panoview5 td.box_700_top    { font-size: 14px; width: 700; height: 32px; vertical-align: top; text-align: center; background: url(../images/box3d_700_top_red.gif); background-repeat: no-repeat;}
body.panoview5 td.box_700_body   { width: 700; height: 400px; background: url(../images/box3d_700_body_red.gif); }
body.panoview5 td.box_700_bottom { width: 700; height: 25px; background: url(../images/box3d_700_bottom_red.gif);  background-repeat: no-repeat;}


td.thumbimage  { text-align: left; cursor: pointer; width: 200;}

td.panodescr   { text-align: left; padding-left: 10; }

span.pantitle { font-weight: bold; color:#f8f372;}

span.paninstr { color:#ffffff }

body.panoview2 span.pantitle { font-weight: bold; color:#330000;}
body.panoview3 span.pantitle { font-weight: bold; color:#336633;}
body.panoview4 span.pantitle { font-weight: bold; color:#003366;}
body.panoview5 span.pantitle { font-weight: bold; color:#dd0000;}


span.formhead {font-weight: bold; color:#f8f372; font-variant: small-caps;}

/* input { color: black; background-color: #e0e0e0} */
input { cursor: pointer;}

input.test { background-image: url(../images/buttonBG.gif); width:190;  height:27; }


select { color: black; background-color: #e0e0e0}
textarea { color: black; background-color: #e0e0e0}

div.scrollable500 {
  overflow: auto;
  width: 100%;
  height: 500; 
  padding: 0px;
  margin: 0px;
}

button{
background-repeat: no-repeat;
}

div.scrollable {
  overflow: auto;
  width: 100%;
  height: 100%; 
  padding: 0px;
  margin: 0px;
}

div.greydiv {
  border: black 1px solid;
  border-top: none;
  border-left: none;
  border-right: none;
  background: #999999;
  z-index:0;
  color: black;
}

div.greydiv a {
	cursor: pointer;
    color: #333333;
}

.Help {
    color: #C0C0C0;
    font-size: x-small;
    font-style: italic;
}



/* Default link behavior */
a {
	cursor: pointer;
    color: #02bcdc;
}

a:hover {color: yellow; }

body.panoview2 a { color: blue; }
body.panoview2 a:hover{	color: red; }

body.panoview3 a { color: #003300; }
body.panoview3 a:hover{	color: #33ff33; }

body.panoview4 a { color: #336699; }
body.panoview4 a:hover{	color: red; }

body.panoview5 a { color: #336699; }
body.panoview5 a:hover{	color: red; }

/* menubar links */
a.menubar {
    color: #000000;
    text-decoration: none;
}
a.menubar:hover {
    color: #eeeeee;
}

/* White links */
a.WhiteLink {
    color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

a:link.WhiteLink {
    color: white;
}

a:visited.WhiteLink {
    color: white;
}

a:hover.WhiteLink {
    color: red;
}