@charset "utf-8";
/* CSS Document */
* {font-family: Arial, Helvetica, sans-serif;}
body {background-color: #FFF; text-align: center;}
.opplaybody {width:792px; margin: 0 auto; }
.header{width:792px; height:100px; background: url(../images/header.jpg); border-bottom: #FFF 2px solid; }
.footer{width:792px; height:100px; float:left; background-color: #CCCCCC; }
.footer2{width:792px; height:100px; float:left; no-repeat left; text-align: center; font-size:10px;}
.mainbody {width:792px; background-color:#EEE; }

.side{width:250px; height:100%; border-left: 2px #FFF solid; float:left;}
.sideback{
	/*margin-top:-25px;*/
	width: 250px; height: 675px;     /* to match DIVs size          */
	background-color: #CCC;       /* the background              */
	filter:alpha(opacity=75);		-moz-opacity:0.75;
	opacity: 0.75;
	
}
.sidetable{
	/*margin-top:-25px;*/
	width: 250px; height: 675;     	 /* to match DIVs size          */
	background-color: transparent;   /* transparent background      */
	position: absolute;              /* absolute positioning        */
	padding:0px 15px 0px 15px;
	z-index: 2;                      /* place it over the other DIV */
}
a {font-size:12px;}
p {text-align:justify; line-height:16px; padding-right: 5px;}
li {line-height:16px;}

h1 {font-size:24px; color:#FFA000;}
h2 {font-size:18px; color:#666;}
h3 {font-size:14px; color:#000;}
d1 {font-size:14px; color:#000; font-weight:bold;}
d3 {font-size:10px; color:#777;}
d4 {font-size:10px; color:#CCC;}

.footer2 a {font-family: Arial, Helvetica, sans-serif ; font-size:10px;}
.errorred {color:red;}
.lightorange {font=size:9px; color:#FF9933;}

div {font-size:12px; text-align:left;}
.loginbox {font-size:14px;}
select {font-size:12px;}
td {font-size:12px;}

.forminputheader {font-size:11px; font-weight:bold; padding-bottom:3px;}
.helpertext {font-size:11px; font-weight:normal; color:#666; padding-bottom:3px;}
.alerttext {font-size:11px; font-weight:normal; color:#CC3333;}


.shadetable {border: solid thin #DDD;}
.shadetable td {border: solid thin #DDD;}

.formbutton {}
.formbutton:focus {}

.content {width:792px; float:left; text-align:left;}

/* Tab Bar */
.bar {width:792px; height:32px; background:#E0E9FE; float:left; text-align:left;}
.bar a {padding:10px 20px; margin-bottom: 10px;float:left; background:#E0E9FE; text-decoration:none; font-weight:bold; cursor:pointer;}
.whiteright {border-right: 2px #FFF solid;}
.whiteleft {width:40px; border-left: 2px #FFF solid;}
.bar a:hover, .barright a:hover {background-color:#BBB;}
.barleft {float:left; width:710px; text-align:left;}
.barright {float:left; width:79px; text-align:right; background-color:#0000FF;}

/* Content Layers */
.container{ width:792px; min-height:642px; background-color:#FFF; border-top: 2px #FFF solid; float:left; text-align="center"}
#div1	{position:absolute; width:762px; background-color:#EEE; min-height: 642px; padding:15px; visibility:visable;}
#div2	{position:absolute; width:762px; background-color:#EEE; min-height: 642px; padding:15px; visibility:visable;}
#div3	{position:absolute; width:762px; background-color:#EEE; min-height: 642px; padding:15px; visibility:visable;}
#div4 	{position:absolute; width:762px; background-color:#EEE; min-height: 642px; padding:15px; visibility:visable;}
#div5 	{position:absolute; width:762px; background-color:#EEE; min-height: 642px; padding:15px; visibility:visable;}

.rightdiv {width:135px; height:75px; background-color:#99CC33; padding:5px; color:#FFFFFF; text-align:right; float:right;}
.adminhead {font-weight:bold; color:#000;}
.adminlink {color:#FFFFFF; text-decoration:none;}
.adminlink:hover {color:#0000CC;}

.newstext {font-size:12px;}