/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #0D0D0D;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}


#tdfont93{
	font-size: 93%;
}


h1, h2, h3 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}


h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 130%;
 color: #334d55;
}

h2{
 font-size: 120%;
 color: #006699;
}

h3{
 font-size: 110%;
 color: #820082;
}



/* adjust margins to change separation between the feature image and text flowing around it */

.featureleft img{
	float: left;
	padding: 0px 4px 0px 2px;
	margin: 0 3px 3px 0;
}

.featureright img{
	float: right;
	padding: 0px 0px 0px 5px;
	margin: 0 2px 2px 0;
}



/***********************************************/
/* Navigation Styles                           */
/***********************************************/ 


/*Clears the floated menu items.
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}


a:link{ 
	color: #004F75;
	text-decoration: underline;
}

a:visited{
	color: #CC0000;
	text-decoration: underline;
}

a:hover {
	color: #1120A2;
}
/* overrides decoration from previous rule for hovered links */


/*
menubar is the root UL and menubar ul applies to all the sub-menu ULs.
We set padding and margin to zero to eliminate all indentation, turn bullets off,
and set a font-family different from the global font-family declared for the
body element above. This sets font for just the menu. 
*/
#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.94em;
	FONT-WEIGHT: bold;
	color: #F4F9B9;
}

/*
Root-Level Links. 
Adjust padding values to make the root links taller and to offset them
from the left and right edges of the link box. The border right creates a
separator between links. Font-size is set here and will apply to all menu levels.
*/
#menubar a {
	display: block;
	text-decoration: underline;
	padding: 4px 10px 4px 10px;
	font-size: 0.94em;
	color: #FFFF00;
}


/*
The Root-Level list items. Floating left allows
them to appear horizontally. Width is for IE5 Mac. The last rule in
this style sheet will set the width for this element to auto for all
other browsers - hiding it from IE5 Mac. The width is proportional.
*/
#menubar li {
	float: left;
	width: 9em;
}
/*
Changes the Text color and background color when the Root-Level
menu items are moused over. The second selector sets color and background
when Root-Level items are accessed with the keyboard tab key. The third
selector sets an active state to support keyboard access in MSIE. The fourth 
selector is assigned to IE5 and IE6 Windows.
*/
#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.hvr a {
	color: #000000;
	background-color: #CCD5FD;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#menubar li {width: auto;}