/* this first section sets the background color.*/

body {
	max-width: 1050px;
	background-color: #FAFFCC;
	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" );
}

/*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;
}


/*class to set thinner horizontal rule. Change color if you like.*/
hr{
	border: 0;
	color: inherit;
	background-color: #3B316E;
	height: 2px;
	width: 65%;
	text-align: center;
}



/* this is a custom class for using graphics as bullets.*/
 
ul {
	padding-left: 0;
	margin-left: 50px;
}
 
li.custom {
list-style-image: url(../image-files/TRIPU_GIF.jpg);
padding-left: 20px;
margin-bottom: 10px;

 }
 
/* this area below is for your  Link-text and headings. */

a {
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
/*	background: #fff;  */
	color: Blue;
	text-decoration: underline;
}

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


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;}


/* Below, is the background colors for your table cells.*/

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

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

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

td.contentbg {
background-color:#fff;
border-left: 2px solid #575757;
border-right: 2px solid  #575757;
border-top: 1px solid  #575757;
border-bottom: 2px solid  #575757;
font-size: 93%; 
color:inherit;
padding:10px;
}

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

td.rightbg h2, td.leftbg h2 {
	padding: 0.5em; /**	margin: 5px 10px 5px 10px;  **/
	border-width: 1px;
	background: #3B316E;
	color: #ffffee;
	text-align: center;
	width: auto;
}

.rightbg ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

.rightbg li {
/*	position: relative;  */
	border: 1px solid #330;
	background: #3ea99f;
	margin-bottom: 0px;
}

.rightbg a {
	display: block;
	padding: 3px;
	background: #3ea99f;
	color: #FAFFCC;
	text-decoration: none;
	border: 1px solid #330;
	margin-bottom: -1px ;  
}

.rightbg a:hover{
	color: #000;
	background-color: #FFFDDD;
}

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


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

td.footerbg a{
	text-decoration: underline; 
}

td.footerbg a:hover{
	background-color: #575757;
	color: #FAFFCC;
}
/* This is for the heading background color....your H1, H2, and H3 tags*/
.hbg{
background-color:#3ea99f; 
color:#ffffbb;
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;
}