/*
 * $Id: main.css 216 2009-10-16 14:17:34Z joris $
 */

div#container {
	width: 960px;
	margin: 0 auto;
}

div#header {
	float: left;
	clear: both;
	width: 940px;
	margin: 20px 20px 3px 0;
	position: relative;
	z-index: 100;
}

div#header img.headerImage {
	float: left;
	margin: 0 0 10px 0;
}

div.menu {
	float: left;
	width: 100%;
	background: url(../images/pageLayout/menu_bg.gif) no-repeat;
}

div.menu ul#mainMenu {
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
}

div.menu ul#mainMenu li {
	float: left;
	position: relative;
	list-style-type: none;
	padding: 5px 10px 0 10px;
	height: 24px;
}

div.menu ul#mainMenu li a {
	float: left;
	color: #FFFFFF;
	padding: 2px 5px;
	margin: 0 0 6px 0;
	text-decoration: none;
}

div.menu ul#mainMenu li a.itemOn,
div.menu ul#mainMenu li a:hover {
	color: #005696;
	background: #FFFFFF;
}

div.menu ul#mainMenu li ul {
	float: left;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 29px;
	left: 10px;
	background: red;
	width: 150px;
	background: url(../images/pageLayout/menu_sub_bg.gif) repeat-y;
	font-size: 0.9em;
}

div.menu ul#mainMenu li ul li {
	float: left;
	margin: 0;
	height: auto;
	width: 140px;
	padding: 3px 5px 3px 5px;
}

div.menu ul#mainMenu li ul li.first {
	background: url(../images/pageLayout/menu_sub_first_bg.gif) no-repeat top left;
}

div.menu ul#mainMenu li ul li.last {
	background: url(../images/pageLayout/menu_sub_last_bg.gif) no-repeat bottom left;
}

div.menu ul#mainMenu li ul li a {
	float: left;
	width: 90%;
	display: inline;
	margin: 0;
	padding: 4px 5%;
}

div.menu ul#mainMenu li ul li.first a {
	margin-top: 2px;
}

div.menu ul#mainMenu li ul li.last a {
	margin-bottom: 2px;
}

div.menu ul#mainMenu li ul li.hasSubChildren a.arrow {
	background: url(../images/pageLayout/menu_arrow.gif) no-repeat 98% 50%;
}

div.menu ul#mainMenu li ul li.hasSubChildren a.itemOn,
div.menu ul#mainMenu li ul li.hasSubChildren a.arrow:hover {
	background: #FFFFFF url(../images/pageLayout/menu_arrow_hover.gif) no-repeat 98% 50%;
}

div.menu ul#mainMenu li ul li.hasSubChildren ul li a.itemOn {
	background: #FFFFFF;
}

div.menu ul#mainMenu li ul li ul {
	top: 0;
	left: 100%;
}

div#header div.search {
	float: right;
	display: inline;
	height: 29px;
	overflow: hidden;
	margin: 0px 10px 0 0;
}

div#header div.search form {
	overflow: auto;
}

div#header div.search form span.query {
	float: left;
	margin-top: 5px;
}

div#header div.search form span.submit {
	float: left;
	margin-top: 5px;
}

div#header div.search form input.text {
	border: none;
	margin: 0px 5px 0 0;
	height: 17px;
	width: 180px;
	color: #939191;
	padding: 1px 10px;
}

div#header div.search form input.submit {
	background: url(../images/pageLayout/search.gif) no-repeat;
	border: none;
	padding: 0;
	height: 19px;
	width: 20px;
	cursor: pointer;
}

div#body {
	float: left;
	width: 940px;
}

div.breadCrumbs {
	margin: 0 0 5px;
}

div.breadCrumbs a {
	color: #5774a5;
	font-size: 0.8em;
}

div.breadCrumbs span.bcSeparator {
	color: #5774a5;
	font-size: 0.8em;
	padding: 0 3px;
}

div.bannerContainer {
	float: left;
	position: relative;
	width: 620px;
	height: 250px;
	overflow: hidden;
	z-index: 1;
	margin: 0 20px 20px 0;
}

div.bannerContainer div.banner {
	display: block;
	position: absolute;
	height: 250px;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	z-index: 1;
}

div.bannerContainer div.banner div.bannerIndicators {
	overflow: auto;
	height: 10px;
	position: absolute;
	bottom: 15px;
	left: 10px;
}

div.bannerContainer div.banner div.bannerIndicators div.bannerIndicator {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/pageLayout/bannerIndicatorOff.png) no-repeat;
	overflow: hidden;
}

div.bannerContainer div.banner div.bannerIndicators div.on {
	background: url(../images/pageLayout/bannerIndicatorOn.png) no-repeat;
}

div.bannerContainer div.banner a.bannerLink {
	position: absolute;
	width: 100%;
	height: 100%;
	text-decoration: none;
	z-index: 10;
}

div.bannerContainer div.banner div.bannerTitle {
	margin: 0 auto;
	color: #fff;
	padding-left: 21px;
	z-index: 1;
	letter-spacing: 0.08em;
}

div.bannerContainer div.banner div.bannerTitleBlue {
	color: #0d4c97;
}

div.bannerContainer div.banner div.bannerTitle h2 {
	position: relative;
	z-index: 1;
	font-size: 4.2em;
	margin: 0 0 0 0;
	width: 100%;
	text-shadow: 1px 1px 3px #444;
}

div.bannerContainer div.banner div.bannerTitle h3 {
	position: relative;
	z-index: 1;
	font-size: 2em;
	margin: 0.5em 0 0 0;
	font-weight: normal;
	text-shadow: 1px 1px 3px #444;
}

div.homePage {
	width: 960px !important;
}

div.homePage div.processedContent {
	float: left;
	width: 100%;
	margin: 0;
}

div.homePage div.block {
	float: left;
	display: inline;
	overflow: hidden;
	width: 300px;
	height: 250px;
	margin: 0 20px 20px 0 !important;
	overflow: hidden;
	position: relative;
}

a.blockLink {
	position: absolute;
	background: url(../images/empty.gif);
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	outline: none;
}

div.section div.block div.lightGray,
div.homePage div.block div.lightGray {
	background: #ededed;
}

div.section div.block div.lightOrange,
div.homePage div.block div.lightOrange {
	background: #fdf2e6;

}

div.section div.block h2,
div.homePage div.block h2 {
	margin: 5px 0;
	font-family: Verdana;
	color: #ee3128;
	font-weight: normal;
	font-size: 1.4em;
}

div.section div.block div.contentTextTwoColumns,
div.homePage div.block div.contentTextTwoColumns {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 47px;
	line-height: 1.4em;
	padding: 0;
	z-index: -1;
}

div.section div.block div.contentTextTwoColumns p,
div.homePage div.block div.contentTextTwoColumns p {
	margin: 0;
}

div.section div.block div.contentHomeText,
div.homePage div.block div.contentHomeText {
	height: 225px;
	padding: 20px 15px 5px 15px;
	width: 270px;
	overflow: auto;
	overflow-x: hidden;
}

div.section div.block div.contentHomeTextText,
div.homePage div.block div.contentHomeTextText {
	height: 100px;
	padding: 20px 15px 5px 15px;
	overflow: auto;
	position: relative;
}

div.section div.block div.last,
div.homePage div.block div.last {
	background-image: url(../images/pageLayout/block_separator.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

div.section div.block div.contentHomeText div.contentTextOneColumn,
div.section div.block div.contentHomeTextText div.contentTextOneColumn,
div.homePage div.block div.contentHomeText div.contentTextOneColumn,
div.homePage div.block div.contentHomeTextText div.contentTextOneColumn {
	color: #035796;
	padding-right: 12px;
	background: url(../images/pageLayout/arrow.gif) no-repeat 99% 100%;
	line-height: 1.4em;
}

div.section div.block div.contentHomeText p,
div.section div.block div.contentHomeTextText p,
div.homePage div.block div.contentHomeText p,
div.homePage div.block div.contentHomeTextText p {
	margin: 0;
}

div.section div.block div.contentHomeText h1,
div.section div.block div.contentHomeTextText h1,
div.section div.block div.contentHomeText h2,
div.section div.block div.contentHomeTextText h2,
div.homePage div.block div.contentHomeText h1,
div.homePage div.block div.contentHomeTextText h1,
div.homePage div.block div.contentHomeText h2,
div.homePage div.block div.contentHomeTextText h2 {
	margin-top: 0;
	margin-bottom: 5px;
	color: #035796;
	font-size: 1.4em;
	font-weight: normal;
}


div.homePage div.last {
	margin-right: 0px;
}

/*
 * Section page style
 */
div.sectionPage div.processedContent {
	float: left;
	width: 66%;
	margin-right: 2%;
	display: inline;
}

div.sectionPage div.section {
	width: 32%;
	float: right;
	margin-top: 20px;
	overflow: hidden;
}

div.sectionPage div.section div.block {
	margin-bottom: 20px;
	float: left;
	width: 300px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
}

div#footer {
	float: left;
	width: 940px;
	margin: 10px 0 0 0;
}

div#footer div.menuAndCopyright {
	float: left;
}

div#footer div.menuAndCopyright ul.footerMenu {
	float: left;
	margin: 5px 0 2px 0;
	padding: 0;
}

div#footer div.menuAndCopyright ul.footerMenu li {
	float: left;
	list-style-type: none;
	margin: 0 10px 0 0;
}

div#footer div.menuAndCopyright ul.footerMenu li a {
	font-size: 0.9em;
	padding: 0 10px 0 0;
	color: #1a4184;
	background: url(../images/pageLayout/footer_menu_spacer.gif) no-repeat 100% 3px;
}

div#footer div.menuAndCopyright ul.footerMenu li.last a {
	background: none;
}

div#footer div.copyright {
	float: left;
	color: #5d5d5e;
	clear: both;
	margin: 5px 0;
}

div#footer div.logos {
	float: right;
}

/* Search markup */
div.searchInfo {
	margin: 10px 0;
}

table#searchResults {
	margin: 10px 0;
}

table#searchResults td.counter {
	padding: 0 5px 0 0;
}

table#searchResults td.description {
	padding-bottom: 10px;
}

table.searchNavigation td {
	padding-right: 5px;
}

.addthis_toolbox {
	margin-top: 15px;
}

.socialMediaButtons {
	float: right;
	margin-top: 40px;
}

.socialMediaButtons a {
	height: 31px;
	margin-left: 7px;
}
