#header h1 {
    font-family: "Times New Roman",Times,serif;
    left: 50px;
    color: #000099;
    position: absolute;
}
#header 
{
    width: 860px;
    height: 124px;
    background-image: url(../images/Header.png);
    background-repeat: no-repeat;
    background-position: inherit;
}

#header h1 span {
    display:none;
    font-weight: normal;
    font-style : italic;
    
}

/* *****************************************************   */
.BGbottom
{
         
    background: url(../images/BkGrdBottom.png);
	/* width: 100%; */
	/* display:table; */
    /*width: 860px;     /* causes the image to display left and not centered  why? */
}
/* *****************************************************   */

.BGtop
{
         
    background: url(../images/BkGrdTop.png) repeat-y center top;
	width: 100%;
	/* display:table; */
    /*width: 860px;     /* causes the image to display left and not centered  why? */
}

/* *****************************************************   */
     
.Content
{
    font: medium Arial;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 860px;
}

/* *****************************************************   */   

#navbar
{
    font-family: "Times New Roman";
    font-size: medium;
    width: 860px;
    margin-left: auto;
    margin-right: auto;
                 
    height: 36px;
    background: url(../images/NavBG.png) left top repeat-x;
}
    
#navbar .inbar
{
	display:block;
	height:36px;
	background:url(../images/NavRR.png) right top no-repeat;
}
    
#navbar ul, #navbar ul li
{
	border:0px;
	margin:0px;
	padding:0px;
	list-style:none;
	height:36px;
	line-height:36px;
}
    
#navbar ul
{
	background:url(../images/NavLR.png) left top no-repeat;
}
    
#navbar ul li
{
	float:left;
	display:block;
	line-height:36px;
}
    
#navbar ul li a
{
	color:#403e32;
	text-decoration:none;
	font-weight:bold;
	display:block;
}
    
#navbar ul li a span
{
	padding:0 20px 0 0;
	height:36px;
	line-height:36px;
	display:block;
	margin-left:20px;           /* adjust to fit horizontally */
	 
}
    
#navbar .navhome a, #navbar .navhome a:hover
{
	background:url(../images/NavA.png) left top no-repeat;
	height:36px;
	line-height:36px;
}
    
#navbar .navhome a span, #navbar .navhome a:hover span
{
	color:#FFFFFF;
	background:url(../images/NavSpan.png) right top no-repeat;
	height:36px;
	line-height:36px;
}
    
#navbar ul li a:hover
{
	background:url(../images/NavHoverA.png) left top no-repeat;
	height:36px;
	line-height:36px;
}
    
#navbar ul li a:hover span
{
	background:url(../images/NavHoverSpan.png) right top no-repeat;
	height:36px;
	line-height:36px;
}

/* *****************************************************   */

.box
 {
    margin: 0 auto;
    /* center for now */ /* width: 500px; /* 17em; /* ems so it will grow */ /* height: 177px; */
    background: url("../images/BoxBody-r.png") no-repeat right bottom;
    /*text-align: center;*/
}

.boxhead
{
    text-align: center;
	background: url("../images/BoxHead-r.png") no-repeat top right;
	margin: 0;
	padding: 0;
	
}

.boxhead h2
{
	background: url("../images/BoxHead-l.png") no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}

.boxbody
{
    background: url("../images/BoxBody-l.png") no-repeat bottom left;
    margin: 0;
    padding: 5px 30px 31px;
}