body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: Black;
}

body {
	background-color: #666633;
	background-image: url('../images/back.jpg');
}

html, body{
    margin: 0;
	padding: 0;
	height: 100%;
}

#container{
    min-height: 100%;
    position: relative;
}

#header {
   padding:10px;
   background-image: url('../images/banner.jpg');
   width: 77%;
   height: 180px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}

#footer {
   position:absolute;
   bottom:0;
   width:120%;
   height:60px;   /* Height of the footer */
}

#menu{
   display: block;
   margin-left: 9%;
   margin-right: auto;
   width: 84%;
}

.center{
    text-align: center;
}

.fontRed 
{
   color: Red;
}

.mainborder {
    border: 1px solid #281416
}

.intable {
    border: 1px solid #868659
}

.bold 
{
   font-weight: bold;
}

.cellpadding {
    padding: 5;
}

.style1 {
	font-size: 16px;
	font-weight: bold;
}

.style2 {
    color: #F0F1EB
}

a:link {
	color: #393A28;
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
	color: #393A28;
}

a:hover {
	text-decoration: none;
	color: black;
}

a:active {
	text-decoration: underline;
}

.level1{
    color: White !important;
    background-color: #868659;
    font-size: medium !important;
}

.level2{
    color: White !important;
    background-color: #666633;
    font-size: small !important;
}

#infoMenu{
    float:left;
    width:200px;
    overflow:hidden;
    font-size:1.2em;
    margin-left:1px;
    text-align:left;
    margin: 0 auto -5em;
    min-height: 100%;
}

.imageBottom{
    vertical-align: bottom;
    height: 5em;
}

#infoMenu .listMenu li{
    padding-bottom: 10px;    
}

#infoMenu .listMenu ul{

}

#infoMenu .listMenu{
list-style-type:none;
width:180px;
margin:10px;
padding:0;
}

#infoMenu .listChild{
list-style-type:none;
margin:10px 0 0 10px;
padding:0;
}

#infoMenu .listChild li{
background:transparent no-repeat scroll 0pt 0.7em;
padding:3px 10px;
}

#infoMenu .listChild li.current{
background:transparent no-repeat scroll 0pt 0.7em;
padding:3px 10px;
}

#infoMenu .listMenu h1{
font-size:1.0em;
margin:0;
padding:0;
}

#infoMenu .listMenu li a:link,#infoMenu .listMenu li a:visited{border:0;text-decoration:none;}

#infoMenu .current{
    background-color: Blue;
}

/* JTip testing */

/* ----- base links ----- */
a:link {color: #CC6633;}
a:visited {color: #CC6633;}
a:hover {color: #999966;}
a:active {color: #CC6633;}
a:focus{color: #CC6633;}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#F0F1EB;
	font-size: 1.0em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#660000;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

.textBoxHeader
{
    width: 25%;
    padding: 5px;
}

.textBoxLeft
{
    float: left;
}

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { 
margin: 0 7px;
background-color: #656543 !important; 
color: White !important;
}
.rbroundbox { width: 50%; margin: 1em auto; }

#accordianDiv{
    float: left;
}

.expandImage 
{
    vertical-align:text-bottom;
    cursor:hand; 
}
	
.accordionHeader
{
    margin: 0px 0px 30px 10px;
    font-size: 1.5em;
    cursor: hand;
}	

.accordionContent
{
    margin: 0px 0px 10px 10px;
    font-size: 1.0em;
}	

.clear
{
    clear:both;
}

.expandImage
{
 	height: 50px;
	width: 50px;
	display: inline-block;
}

.textCenter{
    text-align: center;
}
table.indexTable {
    text-align: center;
    width:100%;
}

table.indexTable thead tr .header {
    background-image: url('../images/both_arrows.gif');
    background-repeat: no-repeat;
    background-position: center right;
}

table.indexTable thead tr .headerSortUp {
    background-image: url('../images/ascending.gif');
}

table.indexTable thead tr .headerSortDown {
    background-image: url('../images/descending.gif');
}

table.indexTable td {
    text-align: center;
}