/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0 auto;
		padding: 0;
		background: #fff url(/images/elements/bg_mainBg.gif) 0 0 repeat-x;
		}
	#headerBackground {
		/*background: url(/images/elements/bg_mainNavSides2.gif) center 0 no-repeat;*/
		}
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		width: 900px;
		margin: 0 auto;
		}
	#homePag .container {
		padding-right: 10px;
		background: url(/Images/elements/bg_homeBottomArea.png) right bottom no-repeat;
		}
		
	a {
		color: #3399cc;
		text-decoration: none;
		font-weight: bold;
		}
	a:hover {
		text-decoration: underline;
		}
	a img {
		border: 0;
		}
		
	.clear {
		clear: both;
		height: 1px;
		margin: -1px 0 0;
		line-height: 0;
		}

/* 2 :-------- Header ------------ */
	.header {
		height: 91px;
		background: url(/images/elements/bg_header.gif) 0 0 repeat-x;
		width: 900px;
		}
	.mainLogo {
		position: absolute;
		background: url(/images/generic/mainLogo.gif) 0 0 no-repeat;
		width: 148px;
		height: 47px;
		margin: 22px 0 0 22px;
		text-indent: -9999px;
		outline: none;
		}
	.searchBar {
		float: right;
		text-align: right;
		margin: 50px 15px 0 0;
		width: 318px;
		}
	.searchBar a {
		padding: 4px 16px 2px 0;
		display: block;
		margin: 3px 0 0 0;
		float: left;
		color: #666666;
		font-weight: normal;
		font-size: .9em;
		text-decoration: underline;
		background: url(/images/elements/element_dividerVert.gif) no-repeat center right; 
		}
	.searchText {
		border: 1px solid #bed9e2;
		font-size: .95em;
		margin-right: 5px;
		vertical-align: top;
		width: 160px;
		height: 14px;
		padding: 3px 5px;
		background-color: #d4f3fd;
		color: #666666;
		}
	.searchButton {
		border: none;
		font-size: .95em;
		color: #fff;
		font-weight: bold;
		padding: 3px 5px 5px;
		vertical-align: top;
		background: url(/images/elements/element_buttonBg.gif) repeat-x 0 0;
		}

/* 3 :-------- Main Nav ------------ */

	#mainNav {
		background: url(/images/elements/bg_mainNav.gif) 0 0 repeat-x;
		/*height: 35px;*/
		padding: 12px 0 9px 5px;
		}
	#mainNav ul {
		position: relative;
		z-index: 3500;
		}
	#mainNav .level01 {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#mainNav .level01On a {
		color: #666666;
		}
	#mainNav .level01On a:hover {
		text-decoration: none;
		}
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		background: url(/images/elements/element_mainNavDivider.gif) no-repeat center right;
		}
	#mainNav li.last {
		background: none;
		}
	#mainNav li ul {
		display: none;
		position: absolute;
		top: 1em;
		left: 0;
		}
	#mainNav li ul li a {
		background: #3399CC url(/images/elements/element_bgMainNavDD.gif) repeat-x 0 0;
		border-top: 1px solid #47c2e0;
		border-bottom: 1px solid #1f70b8;
		width: 180px
		}
	#mainNav li ul li a:hover {
		background: #336699 url(/images/elements/element_bgMainNavDDSelected.gif) repeat-x 0 0;
		text-decoration: none;
		}
	#mainNav li ul li a {
		color: #fff;
		}
	#mainNav li > ul {
		top: auto;
		left: auto;
		}
	#mainNav li:hover {
		background: #3399cc;
		color: #fff;
		}
	#homePage #mainNav li.level01On:hover {
		background: none;
		}
	#mainNav li:hover a {
		color: #fff;
		}
	#mainNav li:hover ul,
	#mainNav li.sfhover ul {
		display: block;
		/*z-index: 2000;*/
		/*width: 100%;*/
		padding: 0;
		margin: 0;
		border: none;
		}
	#mainNav a {
		display: block;
		font-size: 1em;
		padding: 5px 10px;
		text-decoration: none;
		color: #3399cc;
		background-position: 0 0;
		background-repeat: no-repeat;
		position: relative;
		z-index: 10000;
		}
	#mainNav a:hover,
	#mainNav a.sfhover {
		text-decoration: none;
		background-color: #3399cc;
		color: #fff;
		}
	#mainNav li.sfhover {
		background: #3399cc;
		}
	#mainNav li.sfhover a {
		color: #fff;
		}
	#secondaryNav {
		float: left;
		width: 200px;
		padding: 18px 0 0;
		}
	#secondaryNav li {
		list-style: none;
		background: none;
		padding: 5px 0 5px;
		margin: 0;
		border-bottom: 1px dashed #bfbfbf;
		}
	#secondaryNav li.level01On a {
		color: #333333;
		}
	#secondaryNav li.level01 a {
		color: #3399cc;
		}
	
/* 4 :-------- Content ------------ */

	.leftCol {
		float: left;
		padding: 10px;
		width: 180px;
		}
	#sideNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#sideNav li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#sideNav a {
		display: block;
		padding: 5px 10px;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		}
	#sideNav a:hover {
		background-color: #ccc;
		}
	#homePage #content {
		height: 510px; 
		}
		
	/* lower page styles */
	#lower #content { 
		background: url(/images/elements/element_mainBgRepeat.png) repeat-y 0 0;
		padding: 0 20px 0 25px;
		float: left;
		width: 100%;
		margin-left: -8px;
		color: #484747;
		font-size: 1em;
		line-height: 1.5em;
		position: relative !important;
		/*z-index: 1;*/
		min-height: 500px;
		}
	.topBanner {
		width: 900px;
		height: 94px;
		float: left;
		margin-left: -18px;
		/*position: relative;
		z-index: 3000;*/
		}
	.topBanner img {
		float: right;
		width: auto;
		position: relative;
		z-index: 3002;
		}
	.topBanner h1 {
		float: left;
		color: #aaadb0;
		font-size: 3em;
		height: 15px;
		font-weight: normal;
		padding: 25px 0 0 20px;
		}
	.subNavBg {
		list-style: none;
		background: url(/images/elements/element_bg_subNav.gif) repeat-x 0 0;
		margin: 0 0 0 -18px;
		width: 900px;
		height: 50px;
		position: relative;
		z-index: 1;
		}
	#lower .subNav {
		list-style: none;
		position: relative;
		z-index: 1500;
		margin: -33px 0 0 -7px;
    	}
	#lower .subNav li {
		float: left;
		display: block;
		margin: 0;
		padding-right: 15px;
		background: url(/images/elements/element_mainNavDivider.gif) no-repeat center right;
		}
	#lower .subNav li.lastSub {
		background: none;
		}
	#lower .subNav li a {
		color: #999999;
		}
	#lower .subNav li a:hover {
		color: #333333;
		}
	#lower .subNav li a.selected {
		color: #333333;
		}
	#lower ul.level02 {
		margin: 5px 0 0;
		padding: 3px 0 0px 10px;
		border-top: 1px dashed #bfbfbf;
		}
	#lower #secondaryNav ul.level02 li {
		border: none;
		padding: 3px 0 1px 10px;
		background: url(/images/icons/icon_tertiaryNavPointer.gif) no-repeat 0 8px;
		}
	#lower #secondaryNav ul.level02 li a {
		color: #3399cc;
		}
	#lower #secondaryNav ul.level02 li.level02On a {
		color: gray !important;
		}
	.contentArea,
	.contentAreaNoLeftNav {
		padding: 0 20px 60px;
		float: left;
		width: 640px;
		position: relative;
		/*z-index:1;*/
		display: block;
		}
	.contentAreaNoLeftNav {
		float: left;
		padding: 0 0 60px;
		width: 640px;
		margin: 10px 25px 0 0;
		}
	.contentArea.invest {
		padding-bottom: 20px;
		}
	.contentArea .pageEntry {
		float: left;
		}
	.mainContent,
	.mainContentFull,
	.contentAreaNoLeftNav .mainContentFull,
	.mainContent3col {
		float: left;
		padding: 0;
		width: 640px;
		margin: 10px 25px 0 0;
		position: relative;
		}
	.mainContent {
		margin-top: 0;
		}
	.mainContentFull {
		width: 889px;
		margin: -20px 0 0 -17px;
		}
	.mainContent3col {
		float: left;
		padding: 0;
		margin: 7px 0 0 0;
		width: 390px;
		}
	.mainContent .mainContentText {
		float: left;
		width: 410px;
		}
	.sideBar {
		float: right;
		width: 225px;
		padding: 0;
		margin: 0;
		color: #666666;
		}
	.mainContentExtra {
		float: right;
		width: auto;
		margin: 45px 0 0;
		}
	.divider {
		background: url(/images/elements/element_mainDivider.gif) no-repeat 0 0;
		height: 2px;
		width: 498px;
		clear: both;
		}
	.sideBarBox,
	.sideBarBoxSmall {
		float: left;
		background: #fefefe url(/images/elements/element_bgSideBar.gif) repeat-x bottom left;
		width: 215px;
		/*padding: 0 0 30px 10px;*/
		padding: 0 10px 10px 10px;
		}
	.sideBarBox {
		margin: 25px 0 0;
		}
	.sideBarBoxSmall {
		background: url(/images/elements/element_sideBarBg.gif) repeat-x bottom left;
		margin: 10px 0 0;
		}
	.sideBarDivider {
		clear: both;
		border-bottom: 2px dotted #c7c7c7;
		margin: 0 0 0 -10px;
		width: 235px;
		height: 1px;
		}
	#lower .sideBar h4 {
		color: #333333;
		font-size: 1.1em;
		padding: 0 0 10px;
		font-weight: bold;
		}

/* See content.css */

/* 5 :-------- Footer ------------ */
	#homePag #footer {
		color: #aaa;
		font-size: .9em;
		padding: 20px 0;
		width: 920px;
		float: left;
		margin: -1px 0 0 -10px;
		background: #fff url(/images/elements/bg_footer_home.gif) 5px 0 no-repeat;
		}
	#lower #footer {
		color: #aaa;
		font-size: .9em;
		padding: 25px 0;
		/*width: 100%;*/
		width: 920px;
		float: left;
		margin: -1px 0 50px -10px;
		background: url(/images/elements/bg_footer_lower.gif) 0 0 no-repeat;
		}
	#footer ul.level01 {
		margin: 0;
		padding: 0;
		width: 70%;
		float: left;
		}
	#footer li.level01 {
		display: inline;
		margin: 0;
		padding: 0 10px;
		list-style: none;
		border-right: 1px solid #c7c7c7;
		}
	#footer a {
		color: #aaa;
		/*padding: 0 10px 0 7px;*/
		padding: 0 !important;
		margin: 0 !important;
		text-decoration: underline;
		font-weight: normal !important;
		}
	#footer li.level01.last {
		border: none;
		}
	#footer a:hover {
		text-decoration: none;
		}
	#footer span {
		color: #aaa;
		padding: 0;
		}
	#footer .credit {
		float: right;
		padding: 0;
		margin: 0 10px 0 0;
		border: none;
		}