/******* structure and layout *******/

html { min-height: 100%; margin-bottom: 1px;overflow: scroll; }




body {
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: white; 
background: #000000;
margin:10px 0 0 0;
padding:0 0 0 0;
text-align: center;
}

div#container {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 790px;
}

.wrap {
float: left;
width:790px;
height:97px;
margin:0 auto;
padding:0 0 0 0;
text-align:center;
background: #000000 url(images/header.jpg) no-repeat;
}

.splitter {
float: left;
width:11px;
height:517px;
margin:0 20px 0 0;
padding:0 0 0 0;
text-align:center;
background: #000000 url(images/splitter.jpg) no-repeat;
}

.main {
float: left;
width: 510px;
padding: 20px 0px 0px 20px;
}

/********* MENU *****************/


.sidebarmenu ul{
margin: 0;
padding: 0;
float: left;
list-style-type: none;
font: bold 13px arial;
width: 150px; /* Main Menu Item widths */

}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
background: black;
padding: 15px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #000000; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
color: #F0A900;
background-color: #000000;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 140px; /*Sub Menu Items width */
top: 0;
background-color: red;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */



.caption {
color: #808080;
font-size:12pt;
font-style: italic;
font-weight: bolder;
text-align:center;
padding: 4px;
}

.resdesc {
color: white;
width: 450;
font-size:8pt;
font-weight: bolder;
text-align:center;
padding: 2px;
}


.footer {
position:relative;
clear:both;
color: #808080;
width:780px;
margin:20px 0 0 0;
padding:15px 0 4px 0;
font-size:8pt;
font-style: italic;
text-align:center;
}

.footer a {
color:#F99A0A;
text-decoration:none;
}

.footer a:hover {
color:#008000;
text-decoration:none;
}



/******* links *******/

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

a:hover {
color:#FFD56F;
text-decoration:none;
}


#footer a {
color:#9EB874;
text-decoration:none;
}

#footer a:hover {
color:#4F6C1F;
text-decoration:none;
}



/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.faithalert {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: green;
}