
body {
	max-width: 1050px;
	background-color: #fff8d3;
	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;
}

/* If you change that to say 1250px, change it here
to 1250px as well. Otherwise Those using IE wont get the width constraint.
Firefox will ignore this part, and IE will ignore the max-width part....you need both of them.
BUT DONT TOUCH THIS PART BELOW UNLESS YOU HAVE READ THE PDF THAT EXPLAINS HOW, AND YOU ARE SURE YOU UNDERSTAND IT!!*/

.max-width {
width:expression(document.body.clientWidth > 1052? "1050px": "auto" );
}

/*the font size is 100% of the body font setting So while it says 100%, that is actually 100% of 93%. 
No need to touch this if you dont want to */
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: #036;
	height: 1px;
	width: 80%;
	text-align: center;
}



/* Note there are no speech marks around the URL 
Change center to top, if you want bullets to line up with the top line of yr text*/
 
.diamond {
list-style-type: none;
/* padding-left: 20px; */ 
/* margin-left: 20px; */
list-style-position: inside;
list-style-image:   url(../image-files/bullets_diamonds_green.gif);
}
 .diamond li {
	padding-left: 10px;
	margin-bottom: 1em;
	background-image:   url(../image-files/bullets_diamonds_green.gif);
	background-position: -20px;
	background-repeat: no-repeat;
} 
 
/*li.arrow {
	background: url(../image-files/green-arrow.gif) no-repeat left top;
	padding-left: 20px;
	margin-bottom: 10px;
}*/

ul.round {
/*	background: url(../image-files/green-bullet.gif) no-repeat left center; */
/*	padding-left: 20px; */
	margin-bottom: 10px;  
	list-style-type: none;
/*	margin-left: 10px;  */
	list-style-position: inside;
	list-style-image:   url(../image-files/green-bullet.gif);
}
 

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: #840000;
	color: #fff;
}


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; text-align:center;}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #000; text-align:center;}
h4 {
    padding: 0.3em 0.5em 0.3em;
	margin: 5px 0px 2px 0px;
	border-width: 1px;
	background: #840000;
	font-weight: bold;
	color: #fff;
	text-align: center;	
}

/* Below, is the background colors for your table cells. */

td.logo {
background-color:#fff;
font-size: 100%; 
}

td.headerbg {
background-color:#fff;
 font-size: 93%; 
}

td.spacerbg {
background-color:#fff8d3;
 font-size: 93%;  
}

td.contentbg {
	background-color: #fff;
	border: 1px solid #00468C;
/*	border-left: 1px solid #A9A486;
	border-right: 1px solid  #A9A486;
	border-top: 1px solid  #A9A486;
	border-bottom: 1px solid #A9A486; */
	font-size: 93%;
	color: inherit;
	padding: 10px;
}

td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color:inherit;
background-color:#fff8d3; 
padding:5px;
}

td.leftbg {
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color:inherit;
/* margin-left: 5px; */
background-color:#fff8d3;
padding:5px; 
}

td.footerbg {
font-size: 86%;
color:inherit;
background-color:#fff;
padding:5px; 
}

/* This is for the heading background color....your H1, H2, and H3 tags*/
.hbg{
	background-color: #00468c ;
	color: #fff;
	width: auto;
}


/* information below is to remove the link styling for anchor links.
Just leave this as it is....it works fine, and shouldn't be modified */
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;
} 

