/********************/
/*	HTML TAG STYLES	*/
/********************/

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

a {
	text-decoration: none;
}

a:visited {
	color: #2B7DED;
}

/*	Overrides decoration from previous rule for hovered links.	*/
a:hover, a:visited:hover {
	color: #153575;
}

/*	Force a link to be underlined. */
a.uline {
	text-decoration: underline;
}

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

h1 {
	font-size: 125%;
	color: #334D55;
}

h2, th.th1 {
	font-size: 110%;
	color: #4D5533;
}

h3, th.th2 {
	font-size: 100%;
	color: #4D3355;
}

h4 {
	font-size: 80%;
	color: #33554D;
	font-weight: bold;
	text-transform: uppercase;
}

h5 {
	font-size: 60%;
	color: #554D33;
	font-weight: bold;
	text-transform: uppercase;
}

h6 {
	font-size: 60%;
	color: #55334D;
	text-decoration: underline;
}

img.mailer {
	width: 20px;
	height: 20px;
	border: 0;
}

p.indent {
	text-indent: 1.5em;
}

th.th* {
	text-align: center;
}

ul {
	list-stle-type: square;
}

ul ul {
	list-style-type: disc;
}

ul ul ul, ul.no {
	list-style-type: none;
}

ul.left {
	float: left;
}

ul.menu {
	border-top: 1px solid #FFFFFF;
}

label {
	font: bold 100% Arial, sans-serif;
	color: #334D55;
}

/****************/
/*	LAYOUT DIVS	*/
/****************/

#masthead {
	margin: 0px 0px 5px 0px;
	padding: 0;
	border-bottom: 2px solid #FFFFFF
	width: 880px;
	height: 250px;
}

#wrapper {
	width: 880px;
	margin: auto;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

#navBar {
	float: left;
	width: 160px;
	margin: 0px 10px 0px 0px;
	padding 0px;
	background-color: #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
}

#content {
	float: left;
	width: 700px;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	background-color:#FFFFFF;
}

#test {
	background-color: #333333;
}

/********************/
/*	COMPONENT DIVS	*/
/********************/

#siteName {
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

#pageName {
	text-align: center;
}

/**********************/
/*	#globalNav STYLES	*/
/**********************/

#globalNav {
	background-color: #051993;
	color: #FFFFFF;
	margin: 10px 0px 0px 50px;
	white-space: nowrap;	/* 'nowrap' prevents links from line-wrapping if there
												 * are too many to fit in one line. This will force a
												 * horizontal scrollbar if there isn't enough room for
												 * all the links.
												 */
	width: 450px;
	height: 20px;
	text-align: center;
}

#globalNav img {
	display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px;
}

/********************/
/*	.feature STYLES	*/
/********************/

.feature {
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h1 {
	text-align: center;
}

.feature h2 {
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature h3 {
	text-align: center;
}

.feature img {
	float: left;
	padding: 0px 10px 0px 15px;
	margin: 0px 5px 5px 0px;	/* Adjusted margins to change separation between the
														 * feature image and text flowing around it.
														 */
}

.feature ul {
	list-style-type: none;
	padding-left: 20px;
}

/******************/
/*	.story STYLES	*/
/******************/

.story {
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 90%;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story img {
	float: right;
	padding: 0px 10px 0px 20px;
	margin: 0px 5px 5px 0px;
}

.story ul {
	list-style-type: none;
}

/**********************/
/*	#siteInfo STYLES	*/
/**********************/

#siteInfo {
	clear: both;
	border: 1px solid #CCCCCC;
	font-size: 75%;
	color: #CCCCCC;
	padding: 0px 10px 5px 10px;
	height: 40px;
	margin-top: 0px;	 /*	Negative top margin pulls siteInfo up so its top border
										*	overlaps (and thus lines up with) the bottom border of
										*	the navBar in cases where they meet.
										*/
}

#siteInfo p {
	float: left;
}

#siteInfo img {
	float: right;
	padding: 0px;
	vertical-align: middle;
}

/************************/
/*	#navBar LINK STYLES	*/
/************************/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
}

#navBar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/*	Hack to fix broken rendering of block-level anchors within lists in
 *	IE/Windows.
 */
#navBar li {
	border-bottom: 1px solid #EEEEEE;
}

/*	Fix for browsers that don't need the hack. */
html>body #navBar li {
	border-bottom: none;
}

/**************************/
/*	#relatedLinks STYLES	*/
/**************************/

#relatedLinks {
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FFFFFF;
	font-size: 100%;
}

#relatedLinks h3 {
	color: #081B9E;
	padding: 10px 0px 2px 10px;
}

#relatedLinks a:link {
	color: #2B7DED;
	padding: 2px 0px 2px 5px;
	border-top: 1px solid #FFFFFF;
	voice-family: inherit;
	width: auto;
}

#relatedLinks a:visited {
	color: #2B7DED;
	padding: 2px 0px 2px 5px;
	border-top: 1px solid #FFFFFF;
	voice-family: inherit;
	width: auto;
}

#relatedLinks a:hover {
	color: #153575;
	border-top: 1px solid #FFFFFF;
	background-color: #B1DAF7;
	padding: 2px 0px 2px 5px;
}
;
	width: auto;
}

#relatedLinks a:visited {
	color: #2B7DED;
	padding: 2px 0px 2px 5px;
	border-top: 1px solid #FFFFFF;
	voice-family: inherit;
	width: auto;
}

#relatedLinks a:hover {
	color: #153575;
	border-top: 1px solid #FFFFFF;
	background-color: #B1DAF7;
	padding: 2px 0px 2px 5px;
}