/* LAYOUT STYLES */
html { height: 100% }
body {background-color: #f3f0e7; margin-top: 0px; margin-bottom: 0px; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 0.7em; height: 100%; background:url('../images/background_shadow.jpg') repeat-y #f3f0e7 center;}
.spacerDiv { width: 10px; float: left }
/*#hubDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; background-color: #ffffff; margin-top: 0px; color: #444654; height: 100%; padding-bottom: 20px }*/
#hubDiv {position: relative; margin-left: 15px; margin-right: 15px; background-color: #fff; margin: 0px auto; color: #444654; width: 982px;}

#mainDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546;  margin-right: 15px; background: url(../images/greyBG.gif) repeat-y 0px 100% #ffffff; margin-top: 0px; color: #444654; z-index: 0; padding-bottom: 20px; min-height: 100% }
* html #mainDiv { position: relative; height: 100%; top: 1px }
#mainDiv a { color: #7e8695 }
#whiteDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; height: 100%; background-color: #ffffff; margin-top: 0px; color: #444654 }
#greyDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; height: 100%; background-color: #444654; margin-top: 0px; min-height: 100% }

/*.mastHead { border-top: 10px solid #fee753; border-bottom: 5px solid #353546 ; padding: 20px; position: relative;}*/
.mastHead { border-top: 10px solid #fee753; /*border-bottom: 0px solid #353546 ; padding: 20px 20px 0px 20px;*/ position: relative; outline-style:none; outline-color:invert}

.mastHead img { margin-right: 25px; }

.clearFloat { float: none;}

/* HEADER WITH TITLE */
/*
#headerDiv {position: relative; height: 90px; background-color: #353546; top: 29px; padding-left: 13px }
* html #headerDiv {padding-left: 0px}h1 { color: #000; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 1.56em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }
*/


/* MAIN MENU */

.mainNavigation {
	position:absolute;
	bottom: -0px;
	left: 150px;
	background-color:#FFF;
}

.mainNavigation ul {
	height: 21px;
	margin-left: 0;
}

.mainNavigation ul li{
	list-style:none;
	float:left;
	width: 70px;
	border-left: #daddde solid 1px;
	padding:0 15px 0 10px;
	height: 40px;
  	position: relative;
	font-family:Helvetica Neue LT 45, Arial;
	font-size:12px;
	position:relative;
}

.mainNavigation ul li a{
	position:absolute;
	bottom: 10px;
	width: 68px;
}

a {
	color: #485548;
	text-decoration: none !important;
}

a:hover {
	color: #ED1C24;
	text-decoration: none !important;
}

    

 /* END MAIN MENU */




/* NAVIGATION BAR */
/* NOTE: ADDITIONAL NAVIGATION BAR CONTENT IN SEPARATE CSS FILES */
#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav ul {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav li {
	BORDER-RIGHT: #353546 1px solid; DISPLAY: block; FLOAT: left; WIDTH: auto; COLOR: #ffffff; LINE-HEIGHT: 18px; POSITION: relative; HEIGHT: 18px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#nav li ul {
	LEFT: -999em; WIDTH: 17.5em; POSITION: absolute; margin-top: 5px; z-index: 10
}
#nav a {
	PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 0em; COLOR: #ffffff! important; PADDING-TOP: 0em; FONT-WEIGHT: normal; TEXT-DECORATION: none; cursor: default
}
#nav li li a {
	DISPLAY: block; PADDING-LEFT: 1em; COLOR: #ffffff! important; TEXT-DECORATION: none; WIDTH: 100%; cursor: pointer
}
#nav li ul li {
	WIDTH: 19.5em; TEXT-ALIGN: left; height: 1.3em; line-height: 1.3em
}
/* BREADCRUMB */
#breadcrumbDiv { width: 100%; height: 30px; background-color: #061d49; border-bottom: 10px solid #f3f0e7; outline:none;  outline-color:invert}
.breadcrumb { float: left; height: 24px; line-height: 30px; padding-left: 23px; vertical-align: baseline /*width: 45%*/}
.breadcrumb a {text-decoration: none; color: #ffffff !important; font-weight: normal !important; vertical-align: baseline}
.breadcrumb a:hover {text-decoration: none; color: #ffff99  !important; font-weight: normal !important }
.breadcrumbSearch { color: #ffffff; float: right; margin-top: 12px; width: 45%;}
.breadcrumbSearch a {text-decoration: none; color: #ffffff !important;vertical-align: baseline}
.breadcrumbSearch a:hover {text-decoration: none; color: #ffff99 !important }
.newFloat { width: auto;}
* html #breadcrumbDiv  { height: 37px }
* html .breadcrumb { height: 37px; padding-top: 15px; width: 40%}
* html .breadcrumbSearch { position: absolute; top: 115px; right: 30px; width: 55% }