@charset "UTF-8";
/* CSS Document */
body {
background-image: url(bg/trans.png);
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: normal;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: transparent;
z-index: 2;
}

a:link {
color: #FFCC00;
text-decoration: none;}
a:visited {
color: #663399;
text-decoration: none;}
a:hover {
color: #663399;
text-decoration: none;}
a:active {
color: #FFFFFF;
text-decoration: none;
}

ul {
margin: 0px;
padding: 0px;
background-color: transparent;
width: 424px;
height: 325px;
list-style-type: none;
margin: 0px;}

li{
margin: 0px;
padding: 0px;
background-color: transparent;
padding: 7px;
}
table {
border-collapse: collapse;
}

.tvbg {
width:587px; height:580px; overflow: hidden;
position:absolute; z-index:1; left:0px; top:0px;
margin-left:0px; margin-top:0px;
visibility:visible;}

.video {
width:587px; height:580px; overflow: hidden;
position:absolute; z-index:2; left:40px; top:57px;
margin-left:0px; margin-top:0px;
visibility:visible;}

.page {
width:424px; height:325px; overflow: hidden;
position:absolute; z-index:2; left:65px; top:75px;
margin: 25px;
visibility:visible;}

.arch {
width:232px; height:auto; background-color: #222222; 
text-transform: capitalize; overflow: hidden;
position:absolute; z-index:2; left:0px; top:0px;
margin: 0px;
visibility:visible;}

.title {
color: #663399;
font-size: 12px;
text-transform: capitalize;}

.date {
color: #FFFFFF;
font-size: 9px;
font-weight: normal;}

.blogtitle {
color: #663399;
font-size: 12px;
text-weight: normal;
text-transform: capitalize;}

.blogdate {
color: #FFFFFF;
font-size: 9px;
font-weight: normal;}

.blogpost {
color: #FFFFCC;
font-size: 10px;
font-weight: normal;}

.welcome {
color: #FFCC00;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;}

.welcomemsg {
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
text-transform: none;}

/*
.tvframe {
width:587px; height:580px; overflow:auto;
position:absolute; z-index:3; left:0px; top:0px;
margin-left:0px; margin-top:0px;
visibility:visible;}
*/

#player {
color:#FF0000;
font-size: 14px;
font-weight: bold;
z-index: 2;}

#a {position:absolute;
left:0px;
top:0px;
z-index:3;}

#b {position:absolute;
left:122px;
top:0px;
z-index:3;}

#c {position:absolute;
left:502px;
top:0px;
z-index:3;}

#d {position:absolute;
left:0px;
top:96px;
z-index:3;}

#e {position:absolute;
left:502px;
top:96px;
z-index:3;}

#f {position:absolute;
left:0px;
top:436px;
z-index:3;}

#g {position:absolute;
left:122px;
top:436px;
z-index:3;}

#h {position:absolute;
left:502px;
top:436px;
z-index:3;}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;}

.vscrollerbase {
width: 10px;
background-color: #CCCCCC;}
.vscrollerbar {
width: 10px;
background-color: #333333;}
.hscrollerbase {
height: 10px;
background-color: transparent;}
.hscrollerbar {
height: 10px;
background-color: #333333;}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: transparent;}

#mycustomscroll {
background-color: transparent;
width: 232px;
height: 540px;
overflow: auto;
position: relative;}