body {
max-width: 1050px;
background-color:#fefffa; 
font-family: Arial, Verdana,  sans-serif;
font-size: 93%; /*leave this...it sets the overall size of your fonts.*/
color: #000;
margin:auto;
padding:0;
text-align:center;
}


.max-width {
width:expression(document.body.clientWidth > 1052? "1050px": "auto" );
}


table {
font-size:100%; /*leave this font size, change the individual cells below, if the default size isnt to your liking*/
color:inherit;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}


hr{
border: 0;
color:inherit;
background-color: #600004;
height: 3px;
width: 75%;
text-align: center;
}



/* Change center to top, if you want bullets to line up with the top line of text*/
 
ul {
	padding-left: 50px;
	margin-left: 10px;
	list-style-image: url(../image-files/boxedarrow.png);
}

li {
	margin-bottom: 10px;
	padding-left: 10px;
}
 
li.custom {
	background: url(../image-files/grey_arrow.png) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 10px;
}

ol {
	padding-left: 50px;
	margin-left: 10px;
}
 
/* this area below is for your  Link-text and headings. You can change the font type and size, the color of each of them
as well as the a:hover, which is the text for a link, once the pointer passes over it*/

a { font-family: Arial, Verdana, sans-serif; 
font-size: 100%; color: #000099; 
text-decoration: underline;
}

a:hover { font-family: Arial, Verdana, sans-serif;
 font-size: 100%; 
 background-color: #cee2e3;
 color: #000;
 }


h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: #000; text-align:center;}
h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 116%;
	color: #000; 
	padding-left: 2.6em;
	margin-top: 1.5em;
}
h3 { font-family: Arial, Verdana, sans-serif; 
	font-size: 108%;  
	color: #000; 
	margin-left: 2em; 
	margin-top: 1.25em;
	padding-left: 2.6em;
}
h4 { font-family: Arial, Verdana, sans-serif; font-size: 105%;  color: #000; text-align:center;}



td.logo {
background-color:#fefffa;
font-size: 100%; 
}

td.headerbg {
background-color:#fefffa;
 font-size: 93%; 
}

.headerbg a:hover{
	background-color: White;
}

td.spacerbg {
background-color:#fefffa;
 font-size: 93%;  
}

td.contentbg {
background-color:#fefffa;
border-left: 1px solid #600004;
border-right: 1px solid  #600004;
/* border-top: 1px solid  #cccccc; */
border-bottom: 1px solid  #600004;
font-size: 93%; 
color:inherit;
padding:10px;
}

td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color:inherit;
background-color:#fefffa; 
padding:5px;
}

#rightbg h3 {
	font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #000; text-align: center;
}

td.leftbg {
font-size: 86%;
color:inherit;
margin-left: 5px;
background-color:#fefffa;
padding:5px; 
}

td.footerbg {
font-size: 86%;
color:inherit;
background-color:#cee2e3;
padding:5px; 
}

.footerbg a:hover{
	background-color: White;
}

/* This is for the heading background color....your H1, H2, and H3 tags*/
.hbg{
	background-color: #496571;
	color: #fefffa;
	width: auto;
}

a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}