* {
border: 0px;
margin: 0px;
padding: 0px;
}

body {
font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
}

p {
margin: 5px;
padding: 2px;
}

h1 {
font: 2em  Georgia, "Times New Roman", Times, serif;
margin: 2px 0px;
letter-spacing: .1em;
font-weight: bold;
color: #333333;
text-align: center;
padding: 5px;
border-bottom: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa;
}

ul {
list-style-type: none;
display: inline;
}

a, a:visited, a:focus {
cursor: pointer;
cursor: hand;
color: Blue;
text-decoration: none; 
padding: 3px;
}

a:hover, .linkbutton:hover {
background-color: #aadddd; 
text-decoration: underline;
}

a:active {
background-color: Blue;
color: White;
text-decoration: underline;
}

li {
cursor:pointer;
cursor:hand;
display: inline;
}

div {
display: none;
}

.hide {
display: none;
}

.show {
display: block;
}

.ishow {
display: inline;
}

.headerdiv {
display: block;
width: 610px;
height: 26px;
padding: 0px 5px;
border: solid 1px #999999;
background-color: #0066CC;
color: White;
font-weight: bold;
font-style: italic;
font-size: 15px;
text-transform: uppercase;
text-align: right;
}

#wrapper {
width: 700px;
margin: 1em auto;
margin-top: 0;
display: block;
}

#videotop {
margin: 0 auto;
width: 700px;
height: 24px;
display: block;
background: url('/images/tophyperblue.gif') no-repeat;
}

#videomiddle {
margin: 0 auto;
width: 700px;
background: url('/images/wallhyperblue.gif') repeat-y;
}

#videomiddle td {
padding: 0px 22px 0px 18px; 
vertical-align: top;
text-align: center;
}

#videobottom {
margin: 0 auto;
width: 700px;
height: 30px;
display: block;
background: url('/images/bottomhyperblue.gif') no-repeat;
}

#playerdiv {
width: 320px;
display: block;
margin: 0px 3px;
float: left;
text-align: center;
}

#zoommenu {
padding: 4px 0px;
margin-bottom: 6px;
font-size: .5em;
text-align: center;
display: block;
}

#companiondiv {
width: 320px;
display: block;
margin: 0px 3px;
float: left;
}

#companionframe {
width: 320px;
height: 300px;
}

#menutop {
margin: 0 auto;
width: 680px;
height: 60px;
padding: 0px 0px 0px 20px;
background: url('/images/topmenu.gif') no-repeat;
display: block;
}

#menumiddle {
margin: 0 auto;
width: 700px;
background: url('/images/wallmenu.gif') repeat-y;
padding: 0;
}

#menu {
padding: 0;
}

#menu li {
float: left;
margin: 0;
padding: 0;
}

#menu span {
height: 40px;
width: 105px;
vertical-align: top;
display: block;
background: url('/images/tabup.gif') no-repeat;
text-align: center;
text-transform: uppercase;
color: Black;
font-weight: bold;
font-size: 1.3em;
padding: 20px 0px 0px 0px; 
}

#menu a {
border: 0;
height: 24px;
width: 105px;
display: block;
background: url('/images/hoverbutton.gif') no-repeat;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: Blue;
font-weight: bold;
font-size: 1.1em;
padding: 13px 0px 0px 0px; 
margin: 0;
}

#menu a:hover {
background: url('/images/hoverbutton.gif') 0px -40px;
text-decoration: underline;
}

#menu a:active {
background: url('/images/hoverbutton.gif') 0px -80px;
color: White;
text-decoration: underline;
}

#menumiddle td {
padding: 0px 20px 0px 20px; 
vertical-align: top;
text-align: center;
width: 660px;
}

#menuframe, #loaddiv, #homeframe {
height: 400px;
width: 656px;
}

#homeframe {
height: 376px;
}

#menubottom {
margin: 0 auto;
width: 700px;
height: 20px;
background: url('/images/bottommenu.gif') no-repeat; 
display: block;
}

#basenav {
margin: 0 auto;
text-align: center;
display: block;
padding: 5px 0px;
}

#basenav a {
text-transform: uppercase;
font-size: .8em;
text-decoration: none;
}

#accountbox {
display: block;
text-align: right;
border-bottom: solid 1px #aaaaaa;
padding: 3px 8px 3px 8px;
background-color: White;
}

.textbox {
font: 1.1em Verdana, Arial, Helvetica, sans-serif;
background-color: White;
border: solid 1px #cccccc;
width: 100px;
}

.linkbutton { 
font-family:  Verdana, Arial, Helvetica, sans-serif;
cursor: pointer;
cursor: hand;
color: Blue;
padding: 2px 4px;
text-decoration: none; 
border: solid 1px #999999;
font-size: 11px;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-decoration: none; 
text-transform: uppercase;
background-color: White;
}

.zlinkbutton {
display: inline;
padding: 2px 4px;
border: solid 1px #999999;
font-size: 10px;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-decoration: none; 
text-align: right;
text-transform: uppercase;
background-color: White;
}

#loginspan {
font-weight: bold;
padding: 3px 4px 3px 0px;
white-space: nowrap;
background-color: #cccccc;
border: solid 1px #999999;
font-weight: bold;
color: #555555;
text-transform: uppercase;
}

#knownspan {
padding-right: 4px;
white-space: nowrap;
}

#unknownspan {
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
padding-right: 4px;
}

#toolspan {
text-decoration: none;
font-weight: bold;
padding: 3px 4px 3px 0px;
background-color: #cccccc;
border: solid 1px #999999;
font-weight: bold;
color: #555555;
text-transform: uppercase;
}