/*Style sheet*/

body {  background: Gray;
        font-family: Times New Roman, Times, Serif;
        font-size: 14pt;
        color: Black;}

img {   border: 0;
        margin-top: 5px;}
     
h1 {    font-size: 28pt;}

h2 {    font-size: 20pt;}
      
h3 {    font-size: 18pt;}
    
#large { }
    
#page { width: 960px;
        background: Navy; }
    
/* Header */
#top {  clear: both;
        width: 960px;
        height: 100px;
        background: url(index_files/header.jpg) no-repeat left top;}
    
#logo { margin-left: 100px;
        padding-top: 20px;
        width: 860px;
        height: 78px;}
 
#logo h1, #logo p
    {   margin-bottom: 0px;
        font-weight: normal;
        line-height: 50%;}
    
#logo p
    {   color: White;
        font-size: 12pt;}
    
#logo a, #logo a:visited
    {   color: White;
        text-decoration: none;}
    
#logo a:hover
    {   color: Yellow;
        text-decoration: none;}

/* Left Menu with Dropdown */

#leftmenu
    {   padding: 0;
        margin: 0;
        width: 160px;
        height: 530px;
        float: left;
        background: url('index_files/StJamesmenu.jpg') repeat left top;}
    
#menu { list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        z-index:1;}
    
#menu li
    {   display: block;
        padding: 0;
        margin: 0;
	    position: relative;
	    background: url('index_files/button.jpg') no-repeat left top;
	    z-index: 1;}
    
#menu li dd
    {   display: none;}
        
#menu li a, #menu li a:visited
	{   display: block;
	    color: White;
	    text-decoration: none;
	    height: 20px;
	    margin: 0;
	    padding: 5px;
        text-align: center;
        vertical-align: middle;}
	
#menu li a:hover
	{   color: Yellow;}
	    
#menu li:hover
    {   border: 0;
	    background: url('index_files/button.jpg') no-repeat left bottom;}
    
#menu li:hover dt a, #menu li a:hover dt a
    {   color: Yellow;
	    background: url('index_files/button.jpg') no-repeat left bottom;}

#menu li:hover dd, #menu li a:hover dd
    {   display: block;
        background: Blue;}
    
#menu li:hover dl, #menu li a:hover dl
    {   height: 180px;}

#menu dl
    {   width: 160px;
        margin: 0;
        background: Navy;}
    
#menu dt
    {   margin: 0;
        padding: 0;
        font-size: 14pt;}
    
#menu dd
    {   margin: 0;
        padding: 0;
        font-size: 12pt;
        text-align: center;}
    
.dropdown dt a, .dropdown dt a:visited
    {   display: block;
        color: White;
        text-decoration: none;
        padding-top: 5px;
        background: url('index_files/button.jpg') no-repeat left top;}
     
.dropdown dd a, .dropdown dd a:visited
    {   display: block;
        color: White;
        text-decoration: none;
        padding-top: 5px;
        background: Navy;}
    
.dropdown dd a:hover
    {   background: Blue;
        color: Yellow;}
    
#menu .current_item
    {   display: block;
        background: Blue;
        color: Yellow;}
    
/* Content */	 
#content
	{   text-align: center;
	    padding-top: 20px;
	    padding-left: 10px;
	    padding-right: 10px;
	    float: right;
	    width: 780px;
	    height: auto;
	    background: url('index_files/background.jpg') repeat left top;}
    
#content a
    {   color: Blue;
        text-decoration: none;}
    
#content a:hover
    {   text-decoration: underline;}
    
#content a:visited
    {   color: Purple;}
    
#content table, td
    {   border: solid 1px Black;} 
     
#content .tb
    {   vertical-align: middle;
        width: 50%;
	    margin-left: 25%;
        padding: 10px 10px 10px 10px;}
    
#content .bc
    {   font-weight: bold;}
    
#content .leftalign
    {   font-size: 14pt; 
        text-align: left;}
    
#content ul
    {   text-align: left;
        margin-left: 40px;}
    
#content .pix
    {   height: 346px;
        width: 522px;}
    
/* Footer */           
#footer {background: Navy;
         clear: both;
         width: 960px;
         height: 25px;}