/******************************************************************************
GROSS LAYOUT
******************************************************************************/
body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background-color: white;
	color: #000080;
	font-size: smaller;
	/* begin rules for horizontal centering */
	text-align: center;
	/* end rules for horizontal centering */
}
#body_inner {
	/* begin rules for horizontal centering */
	width: 980px;
	text-align: left;
	margin: 0 auto;
	/* end rules for horizontal centering */
}
#document {
	padding: 34px;
	border-left: solid 1px #dadada;
	border-right: solid 1px #dadada;
	background-image: url("/images/background_footer_top.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: white;
}
#leftSide {
	float: left;
	width: 175px;
}
#mainBody {
	float: right;
	width: 700px;
}

/******************************************************************************
TOP NAV
******************************************************************************/
#topNav {
	background-image: url("/images/background_top_nav.gif");
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #2f7dd2;
	height: 40px;
	text-align: center;
	font-size: 110%;
}
#topNav table.navMenu {
	width: auto;
	margin: 0 auto;
	table-layout: auto;
}
#topNav table.navMenu td {
	height: 40px;
	vertical-align: middle;
	line-height: 40px;
	color: white;
	font-weight: bold;
}
#topNav table.navMenu td.selected,
#topNav table.navMenu td:hover {
	background-image: url("/images/background_top_nav_selected_item.gif");
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #0010ad;
}
#topNav table.navMenu td .td_inner {
	display: block;
	height: 40px;
	position: relative; /* for the <ul>. FF: don't put this rule on td. */
}
#topNav table.navMenu td a,
#topNav table.navMenu td span.not_an_anchor {
	display: block;
	padding: 0 0.9em;
}
#topNav table.navMenu td a:link,
#topNav table.navMenu td a:visited {
	color: white;
	text-decoration: none;
}

#topNav ul.navMenu {
	position: absolute;
	top: 40px;
	left: 0;

	display: none;
	list-style-type: none;
	text-align: left;

	background-color: #0000a0;
	background-image: url("/images/background_top_nav_flyout_bottom.gif");
	background-repeat: repeat-x;
	background-position: bottom left;

	font-size: 100%;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	padding: 0 0 15px 0; /* bottom-padding is for background image */
	width: 15em;
}
#topNav table.navMenu td.navItem4 ul.navMenu {
	width: 20em;
}
#topNav ul.navMenu li {
	display: block;
	margin: 0;
	padding: 0;
}
#topNav ul.navMenu li a:link,
#topNav ul.navMenu li a:visited {
	display: block;
	padding: 0.25em 1em;
}
#topNav ul.navMenu li a:hover {
	background-color: #2020c0;
}

/******************************************************************************
LEFT SIDE
******************************************************************************/
.leftSideLogoDiv {
	border: solid 2px #255eaf;
	padding: 10px 0;
	text-align: center;
	background-color: white;
}
.leftSideLogoDiv a img {
	border-width: 0;
}

#leftNav {
	margin-top: 8px;
}
#leftNav table {
	margin-bottom: 6px;
}
#leftNav table tr {
	vertical-align: middle;
}
#leftNav table tr td {
	background-image: url("/images/background_left_nav_button.gif");
	background-repeat: repeat-x;
	background-position: top left;
	height: 59px;
	text-align: center;
	font-size: larger;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	padding: 0 5px;
}
#leftNav table tr td a:link,
#leftNav table tr td a:visited {
	text-decoration: none;
	color: white;
}
#leftNav table tr td a:hover {
	text-decoration: underline;
}

/******************************************************************************
MAIN BODY CONTENT
******************************************************************************/
h1 {
	font-size: xx-large;
	color: #bb4f07;
	margin-bottom: 0.5em;
}
h3 {
	font-size: x-large;
	margin-bottom: 1em;
}
a:link, a:visited {
	color: #0000ee;
}
a:hover {
	color: #6666ff;
}

/******************************************************************************
FOOTER #2 (Friend For Life address info)
******************************************************************************/
#footer_friend4life {
	color: #215182;
	font-size: 110%;
	line-height: 1.3em;
	background-color: #ececec;
}
#footer_friend4life_inner {
	background-image: url("/images/background_footer_bottom.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 10px 15px 23px 15px;
}
#footer_friend4life img.logo {
	float: left;
	padding-right: 20px;
}

/******************************************************************************
FOOTER
******************************************************************************/
#footer {
	text-align: center;
	margin-top: 2.0em;
	font-style: italic;
	margin-bottom: 1.0em;
}