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

.tablecloth, td{
	font: 100% Arial, Helvetica, sans-serif; 
}

.tablecontainer
{
height: 200px;
overflow:auto;
}

.tablecloth{
width: 70%;
height: 100px;
border-collapse: collapse;
overflow: auto;
}

.tablecloth th, .tablecloth td{
text-align:left;
padding:.5em;
border:1px solid #fff;
}

.tablecloth th{
background: #328aa4 url(./tablecloth/tr_back.gif) repeat-x;
color:#fff;
}

.tablecloth td{
background: #000000;
}

/* tablecloth styles */

.tablecloth tr.even td{
background: #ecfbd4;
}

.tablecloth tr.odd td{
background: #f8fbfc;
}

.tablecloth th.over,table.tablecloth tr.even th.over,table.tablecloth tr.odd th.over{
background: #4a98af;
}

.tablecloth th.down,table.tablecloth tr.even th.down,table.tablecloth tr.odd th.down{
background: #bce774;
}

.tablecloth th.selected,table.tablecloth tr.even th.selected,table.tablecloth tr.odd th.selected{}

.tablecloth td.over,table.tablecloth tr.even td.over,table.tablecloth tr.odd td.over{
background: #ecfbd4;
}

.tablecloth td.down,table.tablecloth tr.even td.down,table.tablecloth tr.odd td.down{
background: #bce774;color: #fff;
}

.tablecloth td.selected,table.tablecloth tr.even td.selected,table.tablecloth tr.odd td.selected{
background: #bce774;color: #555;
}

/* use this if you want to apply different styleing to empty table cells*/
.tablecloth td.empty,table.tablecloth tr.odd td.empty,table.tablecloth tr.even td.empty{
background:#fff;
}

.mainbody {
display:table;
width:800px;
background: #000000 url("./images/sidedesign.jpg") left repeat-y;
margin: 30px auto 30px auto;
vertical-align: top;

}

.banner{
height:160px;
width:800px;
}


.border {
border: 0px;
}

.menu
{
	font-family: Segoe UI,arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
margin: 0;
text-align:left;
}

.menu a, .menu a:visited {
	padding: 0 5px;	
	color: #ffffff;
    text-decoration: none;
}

.menu a:hover {
	color: #90D1F3;
}

.indexmenu
{
	font-family: Segoe UI,arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
margin: 0;
text-align:center;
}

.indexmenu a, .indexmenu a:visited {
	padding: 0 5px;	
	color: #ffffff;
    text-decoration: none;
}

.indexmenu a:hover {
	color: #90D1F3;
}

.main{
background: url("./images/whiteline.png") no-repeat;
clear: both;
display: table;
}

.leftpanel
{
width: 25%;
display:block;
float:left;
padding:10px;
vertical-align:top;
}

.content{

width: 70%;
float:right;
text-align: center;
/*margin: 3px 10px 10px 3px; */
padding: 10px;
background-color: #000000;
}

.indexcontent{
width:70%;
overflow:auto; 
height:650px;
float:right;
margin: 3px 3px 0 3px; 
padding: 6px;
} 

.sidemenu{
overflow:auto; 
width:75%;
float:left;
margin: 0px 0px 0 100px;
}

.footer{
	margin: 30px;
	clear:both;
	font-family: Segoe UI,arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	}

.title {
	font-family: Segoe UI,arial;
	font-size: 18px;
	font-style: bold;
	font-weight: bold;
	color: #4C0000;
	text-decoration: none;
}

.blackboldtext {
	font-family: Segoe UI,arial;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.goldboldtext {
	font-family: Segoe UI,arial;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #966D26;
	text-decoration: none;
}

.redboldtext {
	font-family: Segoe UI,arial;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #BF1E2D;
	text-decoration: none;
}
.blacktext {
	font-family: Segoe UI,arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.goldlink {
	font-family: Segoe UI,arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #966D26;
	text-decoration: none;
}

.goldlinkbold {
	font-family: Segoe UI,arial;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #966D26;
	text-decoration: none;
}

.goldlink:hover {
	font-family: Segoe UI,arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.titles {
	font-family: Segoe UI,arial;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color:#90D1F3
}

.midtitles {
	font-family: Segoe UI,arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #90D1F3;
	text-decoration: bold;
}



.whitetext {
	font-family: Segoe UI,arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.whitelinksmall {
	font-family: Segoe UI,arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.whitelinksmall:hover {
	font-family: Segoe UI,arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #966D26;
	text-decoration: none;
}