body {
background-color:cyan;
margin:0px;
}
.cont
{
position:absolute;
width:80%;
height:130%;
background-color:blue;
left:10%;
top:0px;
border-left:1px gray solid;
border-right:1px gray solid;
}
.hide
{
display:none;
}
.head {
position:absolute;
left:0px;
top:0px;
height:100%;
width:60px;
background-color:cyan;
text-align:center;
z-index:1;
}
#menu{
position:absolute;
left:30px;
top:15px;
}
li {
display:block;
text-align:left;
text-decoration:none;
background-color:transparent;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
width:100px;
height:26px;
list-style-type:none;
padding-right:3px;
border:0px;
}
li a:link{
text-decoration:none;
color:white;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
list-style-type:none;
width:100px;
height:26px;
}
li a:visited
{
text-decoration:none;
color:white;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
}
li a:hover
{
display:block;
background-color:white;
text-decoration:none;
color:blue;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
width:100px;
height:26px;
border-right:1px #7FFF00 solid;
border-left:1px #7FFF00 solid;
border-bottom:1px #7FFF00 solid;
border-top:1px #7FFF00 solid;
}
li a.jan:hover
{
background-image:url("jan.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a.feb:hover
{
background-image:url("feb.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a.mar:hover
{
background-image:url("mar.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a.apr:hover
{
background-image:url("apr.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a.may:hover
{
background-image:url("may.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a.jun:hover
{
background-image:url("jun.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a.jul:hover
{
background-image:url("jul.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a.aug:hover
{
background-image:url("aug.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a.sep:hover
{
background-image:url("sep.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a.oct:hover
{
background-image:url("oct.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a.nov:hover
{
background-image:url("nov.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a.dec:hover
{
background-image:url("dec.gif");
background-position: 90% 0%;
background-repeat:no-repeat;
}
li a:active
{
text-decoration:none;
color:white;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
}
span
{
background-color:blue;
height:26px;
width:100px;
}
a.headl:link{
text-decoration:none;
color:white;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:20pt;
}
a.headl:visited
{
text-decoration:none;
color:white;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:20pt;
}
a.headl:hover
{
text-decoration:none;
color:blue;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:20pt;
}
a.headl:active
{
text-decoration:none;
color:white;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:20pt;
}
#main
{
position:absolute;
left:200px;
top:15px;
height:200px;
width:65%;
background-color:blue;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
color:white;
padding-left:5px;
padding-right:5px;
}
#mainb
{
position:absolute;
left:200px;
top:15px;
height:90%;
width:65%;
background-color:blue;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
color:black;
padding-left:5px;
padding-right:5px;
}
#pow
{
position:absolute;
width:90%;
height:450px;
top:260px;
left:80px;
color:white;
background-color:blue;
}
#pow2
{
position:absolute;
left:200px;
top:260px;
height:450px;
width:65%;
background-color:blue;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
color:white;
padding-left:5px;
padding-right:5px;
}
#sup
{
position:absolute;
left:200px;
top:200px;
height:200px;
width:65%;
background-color:blue;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
color:white;
padding-left:5px;
padding-right:5px;
}
#sup1
{
position:absolute;
left:200px;
top:310px;
height:150px;
width:300px;
background-color:blue;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
color:white;
padding-left:5px;
padding-right:5px;
}
#sup2
{
position:absolute;
left:600px;
top:300px;
height:75px;
width: 300px;
background-color:gray;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
color:white;
padding-left:5px;
padding-right:5px;
}
#sup12
{
position:absolute;
left:600px;
top:400px;
height:75px;
width:300px;
background-color:blue;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
color:white;
padding-left:5px;
padding-right:5px;
}
#sup21
{
position:absolute;
left:200px;
top:500px;
height:75px;
width:300px;
background-color:blue;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
color:white;
padding-left:5px;
padding-right:5px;
}
#sup22
{
position:absolute;
left:600px;
top:500px;
height:75px;
width:300px;
background-color:white;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
color:blue;
padding-left:5px;
padding-right:5px;
}
#sup31
{
position:absolute;
left:200px;
top:600px;
height:75px;
width:300px;
background-color:blue;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
color:white;
padding-left:5px;
padding-right:5px;
}
#sup32
{
position:absolute;
left:600px;
top:600px;
height:75px;
width:300px;
background-color:white;
font-family:arial,serif,monospace;
font-weight:bold;
font-size:10pt;
color:blue;
padding-left:5px;
padding-right:5px;
}
#stream
{
position:absolute;
width:300px;
height:54px;
top:750px;
left:400px;
color:white;
background-color:blue;
}
#stream2
{
position:absolute;
width:300px;
height:54px;
top:700px;
left:400px;
background-color:silver;
}
#listen
{
position:absolute;
width:25px;
height:25px;
top:25px;
left:850px;
background-color:blue;
}
#player
{
position:absolute;
width:300px;
height:108px;
top:1px;
left:1px;
background-color:blue;
}
.pic {
float:left;
width:60px;
height:87px;
}
.mnthbut
{
width:100px;
height:25;
background-color:blue;
border:0px;
color:white;
font-weight:bold;
cursor:pointer;
}
.mnthbutl
{
width:50px;
height:10;
background-color:silver;
color:black;
font-weight:bold;
cursor:pointer;
position:absolute;
left:5px
}
.mnthbutr
{
width:50px;
height:10;
background-color:silver;
color:black;
font-weight:bold;
cursor:pointer;
position:absolute;
right:5px;
}
.mnthbutc
{
width:50px;
height:10;
background-color:silver;
color:black;
font-weight:bold;
cursor:pointer;
position:absolute;
left:175px;
}