@charset "utf-8";
/* CSS Document */

body {
background-color: #020000;
margin: 0px;
padding: 0px;
font: normal 12px arial, sans-serif;
}

hr {
width: 546px;
background-color: #000000;
border-width:0px;
height: 2px;
border-color: #000000;
color: #000000;
}

a {
text-decoration: none;
color: #FF9900;
}

#menuorange a{
color: #D94600;
}

#menured a{
color: #990000;
}

a:hover {
text-decoration: underline
}

#main {
width: 1000px;
margin: 0px auto;
padding: 0px;
}

#left1{
background-image: url('../img/left1.jpg');
width: 26px;
}

#right1{
background-image: url('../img/right1.jpg');
width: 26px;
}

#header1{
background-image: url('../img/header1.jpg');
height: 20px;
}

#header2{
background-image: url('../img/header2.jpg');
height: 26px;
}

#header{
}

#menu2{
background-image: url('../img/menu2.jpg');
height: 21px;
}

#menu{
background-image: url('../img/menu.jpg');
height: 28px;
text-align: center;
font-size: 16px;
font-weight:bold;
}

#left{
width: 186px;
background-color: #260D0E;
}

#right{
width: 186px;
background-color: #260D0E;
align: top;
}

#center{
background-image: url('../img/center.jpg');
text-align: center;
width: 576px;
}

#center img {
border: 2px solid #000;
}


.menuheader {
background-image: url('../img/menuheader.jpg');
height: 18px;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
font-size: 16px;
font-weight: bold;
color: #FF9900;
padding: 5px;
text-align: center;
}

.menucontent {
background-color:#4D1A1C;
border-bottom: 3px solid #000;
margin-bottom: 30px;
text-align: center;
padding: 5px 5px 10px 5px;
}

.menucontent img{
border: 0px solid #000;
margin: 5px 0 5px 0;
}

.menucontent2 {
background-color:#4D1A1C;
border-bottom: 3px solid #000;
margin-bottom: 30px;
text-align: center;
padding: 5px 5px 10px 5px;
}

.menucontent2 img{
border: 2px solid #000;
margin: 5px 0 5px 0;
}

.progressname {
color:#FF9900;
font-size: 13px;
margin-top: 5px;
}


.progressname2 {
color:#FF9900;
font-size: 13px;
margin-top: 7px;
padding-top: 10px;
border-top: 2px solid #000;
}

.progressbar {
width: 150px;
background-color:#CC6600;
margin: 0px auto;
border: 2px solid #000;
font-weight: bold;
height: 15px;
text-align:left;
}

.progressbar2 {
background-color:#990000;
border-right: 2px solid #000;
position: absolute;
}

.progressbartext{
position: absolute;
width: 150px;
text-align:center;
}

#contentheader {
float:right;
padding: 0px 20px 0 0;
color: #FF9900;
font-size: 16px;
font-weight: bold;
font-style: italic;
}

.news {
margin-top: 30px;
margin-bottom: 50px;
position: relative;
padding-top:2px;
}

.news .hr1{
margin-bottom: 0px;
}

.news .hr2{
margin-top: 0px;
}


.news a{
color: #000000
}

.outerblock {
position:relative;
}

.classicon {
border-width: 0px;
position: absolute; 
left: 20px;
top: 4px;
}


.classimage{
}

.newsheader{
font-size: 20px;
padding: 0 0 0px 0px;
position: absolute;
left: 50px;
top: 1px;
}

.newsheader2{
font-size: 20px;
padding: 0 0 0px 0px;
position: absolute;
left: 50px;
top: -3px;
}

.newscontent{
width:516px;
margin: 0px 15px 0px 15px;
text-align: left;
font-weight: bold;
padding: 15px;
margin-top: 10px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;

}

.newscontent2{
margin: 5px 30px 5px 30px;
text-align: left;
}



.newsdate{
float: left;
margin: 0 0 0 0px;
font-size: 13px;
font-weight: bold;
font-style: italic;
}

.newscomment{
float: right;
font-size: 13px;
font-weight: bold;
font-style: italic;
margin: 0 30px 0 0;
}


.class{
width: 174px;
border-bottom: 1px solid #000;
text-align:left;
position: relative;
height: 22px;
}

.class2{
width: 174px;
border-bottom: 1px solid #000;
text-align:left;
position: relative;
height: 27px;
}

.classdetails {
width: 150px;
color: #00FF00;
text-align: right;
font-weight: 600;
padding: 0 0 4px 0;
position: absolute;
right: 2px;
top: 15px;
font-size: 9px;

}

.classarrow {
padding: 0 0 4px 0;
position: absolute;
right: 2px;
top: 4px
}

.classname {
width: 85px;
color: #FF5300;
text-align:left;
font-weight: 600;
height: 16px;
position: absolute;
left: 25px;
top: 4px;
}

.classname2 {
width: 80px;
color: #FF5300;
text-align:left;
font-weight: 600;
height: 16px;
position: absolute;
left: 25px;
top: 2px;
}


.class img{
margin:2px 5px 0 0;
}

.classstatus1{
width: 100px;
color: #00FF00;
text-align: right;
font-weight: 600;
padding: 0 0 4px 0;
position: absolute;
right: 2px;
top: 4px
}
.classstatus2{
width: 50px;
color: #FF0000;
text-align: right;
font-weight: 600;
padding: 0 0 4px 0;
position: absolute;
right: 2px;
top: 4px
}

.classstatus3{
width: 100px;
color: #00FF00;
text-align: right;
font-weight: 600;
padding: 0 0 4px 0;
position: absolute;
right: 2px;
top: 1px
}

.rssfeed{
width: 174px;
color: #FF0000;
text-align: right;
border-bottom: 1px solid #000;
font-weight: 600;
font-size:10px;
padding: 0 0 4px 0;
}

.classblock{
width: 546px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
margin: auto;
position:relative;
top: 25px;
margin-bottom:50px;
padding: 3px;
}

.classimage{
position:relative;
}

.classinfo{
width: 120px;
text-align:left;
font-size: 14px;
font-weight: 700;
/*opacity: 0.6; 
border-top: 1px solid #000;
border-bottom: 1px solid #000;*/
}
.classinfo a{
color:black;
}

.moviename {
width: 170px;
color: #FF9900;
font-size:14px;
font-weight: 600;
}

.movieposter {
width: 170px;
font-style:italic;
color: #FF5300;
font-size:10px;
padding: 0 0 10px 0;
margin: 0 0 7px 0;
border-bottom: 1px solid #000;
}

.movieposter a{
color: #FF5300;
}

.archivename{
font-size: 14px;
font-weight: bold;
font-style: italic;
float: left;
padding: 0 0 0 50px;
}

.archivename a{
color:#000000;
}

.archivebutton a{
font-size: 14px;
color:#000000;
font-weight: bold;
font-style: italic;
}