/* * * * * * * * * * * * * * * * * * * * * * 
 HTML STYLES (See also Form Styles)
* * * * * * * * * * * * * * * * * * * * * */

body,
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font: 0.65em Tahoma, Helvetica, Arial, Verdana, sans-serif;
	color: #3F3F3F;
	background: #DDE0D1;
}
table {
	border-spacing: 0;
	border-width: 0;
	font-size: 1em;
}/* font-size must be reset here or all embedded tables will have increasingly smaller text */
table th,
table td {
	text-align: left;
	vertical-align:top;
}
a {
	color: #002F75;
}
a:hover {
	text-decoration: none;
}
img {
	border: 0;
}
/* NOTE: Set heading properties in individual sections to avoid inheritance issues! */

/* * * * * * * * * * * * * * * * * * * * * * 
 FORM STYLES
* * * * * * * * * * * * * * * * * * * * * */

form { 
	margin: 0;
}
input, select, textarea, textbox {
	font: 1em Tahoma, Helvetica, Arial, Verdana, sans-serif;
	vertical-align: middle;
}
input.formField {
	border: 1px solid #B5B5B5;
}

/* * * * * * * * * * * * * * * * * * * * * * 
MAIN TEMPLATE LAYOUT STYLES 
* * * * * * * * * * * * * * * * * * * * * */

table.mainTemplateShadowBox {
	width: 995px;
	margin: 0 auto;
	background: #FFFFFF url(../fw/shadowBoxTile.jpg) repeat-y center;
}
table.mainTemplateShadowBox td.mainContainerCell {
	vertical-align: top;
}
div.mainTemplateBoxTop {
	background: url(../fw/shadowBoxTop.jpg) no-repeat center top;
}
div.mainTemplateBgBox {
	background: url(../fw/bgDiagonalGradient.jpg) repeat-x left 122px;
	margin: 0 6px;
}
table.mainTopLinksTable {
	margin-left: 95px;
	width: 888px;
}
table.mainTopLinksTable td {
	padding: 10px;
}
table.mainTopLinksTable a {
	margin-right: 15px;
	color: #008ACC;
	text-decoration: none;
}
table.mainTopLinksTable a:hover {
	text-decoration: underline;
}
table.mainTopLinksTable td.leftCell {
	padding-left: 0;
}
table.mainTopLinksTable td.centerCell {
	text-align: center;
}
table.mainTopLinksTable td.rightCell {
	text-align: right;
}
div.mainLogoBox {
	width: 95px;
	height: 90px;
	float: left;
}
div.mainLogoBox img {
	display: block;
}
div.mainHeaderBox {
	width: 888px;
	height: 90px;
	float: left;
	background: url(../fw/bgHeaderTransit.jpg) no-repeat right top;
}
div.mainHeaderBox div.mainSearchBox {
	height: 59px;
	padding: 6px 11px 0 0;
	text-align: right;
}/* Total height should add to 65px */
div.mainSearchBox input.searchInputBox {
	border: 1px solid #999999;
	padding: 3px;
}
div.mainHeaderBox div.mainTopNavBox {
	width: 640px;
	border: 1px solid #000000;
}
div.mainHeaderBox div.mainTopNavBox img {
	display: block;
	float: left;
}
div.mainSubnavBox {
	clear: both;
	padding: 2px 0 3px 95px;
}/* See also ieStyles.css & ie6Styles.css */
div.mainFooterBox {
	font-size: 110%;
	border-top: 1px solid #B5B5B5;
	margin-top: 10px;
}
div.mainFooterBox a {
	color: #008ACC;
	text-decoration: none;
}
div.mainFooterBox a:hover {
	text-decoration: underline;
}
div.mainFooterBox div.footerMenuBox {
	padding: 10px 20px;
}
div.mainFooterBox div.footerMenuBox a {
	margin-right: 15px;
}
div.mainFooterBox div.copyrightBox {
	padding: 5px 20px 10px 20px;
}
div.mainFooterBox div.copyrightBox p {
	display: inline;
	padding: 0;
	margin: 0 40px 0 0;
}

/* * * * * * * * * * * * * * * * * * * * * * 
mainContentCell STYLES 
* * * * * * * * * * * * * * * * * * * * * */

div.mainContentBox {
	line-height: 140%;
}
div.mainContentBox h1,
div.mainContentBox h2,
div.mainContentBox h3,
div.mainContentBox h4,
div.mainContentBox h5,
div.mainContentBox h6 {
	font-weight: normal;
	font-size: 180%;
	line-height: normal;
}/* Shared attributes grouped for consistency. See also macStyles.css. */
div.mainContentBox h1 {
	color: #732D2D;
}/* Used for page headings. */

/* * * * * * * * * * * * * * * * * * * * * * 
 MISC. STYLES 
* * * * * * * * * * * * * * * * * * * * * */

.borderAll { 
	border: 1px solid #B5B5B5;
} /* Used for misc borders */
div.clear {
	clear: both;
}/* Used to stop floating elements in parent div from breaking boundary of parent div */
.block {
	display: block;
}