/* 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;
		}
	.skipLink {
		position: absolute;
		margin-top: -9999px;
		}
	.clear {
		clear:both;
		}

/* 2 :-------- Header ------------ */
	.header {
		height: 115px;
		margin-right: 19px;
		}	
	.topMenu {
		float: right;
		margin-top:-7px;
		}	
	.searchBar {
		float: right;
		margin: 10px 0;
		display: block;
		width: 750px;
		}
	.searchBar .input {
		width: 160px;
		float: right;
		padding-left: 10px;
		}
	.searchBar .inputWithDropdown {
		width: 288px;
		float: right;
		padding-left: 10px;
		}
	.searchText,
	.searchBar .inputWithDropdown select {
		color: #666;
		border: 1px solid #d6d6d6;
		background: #fff;
		vertical-align: middle;
		}
	.searchText {
		font-family: Arial, Helvetica, sans-serif;
		padding: 2px 3px;
		width: 92px;
		}
	.header .searchText {
		font-size: 0.917em;
		}
	#contentFullWidth .searchText {
		font-family: Arial, Helvetica, sans-serif;
		padding: 2px;
		margin: -2px 5px 0 0;
		width: 104px;
		font-size: 1em !important;
 		}
	.searchBar .inputWithDropdown select {
		width: 125px;
		margin: 1px 0 0;
		padding: 1px;
		position: relative;
		font-size: 0.917em;
		}
	.searchButton {
		border: 1px solid #ccc;
		font-size: .95em;
		vertical-align: top;
		padding: 3px 0 0 !important;
		margin: 0 !important;
		}
	#homePage .searchButton,
	#contentFullWidth .searchButton {
		padding: 2px 0 0 !important;
		}

	/* top nav */
	#topNav {
		padding: 0;
		margin: 0;
		list-style: none;
		font-size: 0.917em;
		}
	#topNav li ul {
		margin: 0;
		padding: 7px 0 15px 0; 
		list-style: none;
		background: url(/images/nav/topNavBgMiddleAndBottom2.png) no-repeat bottom;
		position: absolute;
		width: 185px;
		left: -9999px;
		z-index: 2000;
		}
	#topNav li {
		float: left;
		}
	#topNav li:hover ul, 
	#topNav li.sfhover ul {
		left: auto;
		}	
	#topNav li ul li {
		margin: 0 !important;
		padding: 0 15px !important;
		}
	#topNav li a {
		margin: 8px 0 0 8px;
		padding: 5px 0 0 10px;
		display: block;
		color: #333;
		height: 20px;
		background: url(/images/nav/topNavArrow.gif) right 11px no-repeat !important;
		}		
	#topNav li.level01On a {
		background: #e7f7fe url(/images/nav/topNavArrow.gif) right 11px no-repeat !important;
		}		
	#topNav li.level01On ul li a {
		background: none !important;
		}			
	#topNav li a.about {
		width: 65px;
		}		
	#topNav li.about {
		margin-right: -107px;
		width: 185px;
		}		
	#topNav li.about:hover {
		background: url(/images/nav/topNavBgAbout2.png) no-repeat !important;
		}
	#topNav li.sfhover a {
		border: solid 1px #a6a6a6;
		border-bottom: solid 1px #FFF;
		}			
	#topNav li a.panels {
		width: 132px;
		margin-right:0;
		}		
	#topNav li.panels {
		width: 185px;
		margin-right: -27px;
		}
	#topNav li.panels:hover {
		background: url(/images/nav/topNavBgPanels2.png) no-repeat !important;
		}
	#topNav li ul li a {
		background: none !important;
		margin: 0;
		padding: 3px !important;
		width: 150px;
		height: auto;
		}
	#topNav li ul li a:hover {
		background-color: #e7f7fe !important;
		}

/* 3 :-------- Main Nav ------------ */
	.mainMenu {
		padding: 0;
		margin: 30px 0 0;
		font-size: 1.167em;
		float: right;
		position: relative;
		z-index: 1000;
		}
	#mainNav {
		position: relative;
		z-index: 100;
		list-style: none;
		}
	#mainNav .level01 {
		margin: 0;
		padding: 0;
		}
	#mainNav .level01On a {
		color: #000;
		}
	#mainNav .level01On a:hover {
		text-decoration: none;
		}
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		}
	#mainNav li.last {
		background: none;
		}
	#mainNav li ul {
		display: none;
		position: absolute;
		top: 1em;
		left: 0;
		list-style: none;
		}
	#mainNav li ul li a {
		width: 136px;
		font-size: 0.857em;
		margin-left: 0px;
		padding: 5px 14px;
		}
	#mainNav li ul li a:hover {
		background: #5dc1e8;
		text-decoration: none;
		}
	#mainNav li ul li a {
		color: #fff;
		}
	#mainNav li > ul {
		top: auto;
		left: auto;
		}
	#mainNav li:hover {
		background: #1aa0d5;
		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;
		padding: 5px 0;
		margin: 0;
		background: #1588b6 url(/images/nav/bg_mainNav.png) 0 0 no-repeat;
		}
	#mainNav a {
		display: block;
		font-size: 1em;
		padding: 7px 12px 5px;
		margin-left: 2px;
		margin-right: 0px;
		text-decoration: none;
		color: #00a4e4;
		background-position: 0 0;
		background-repeat: no-repeat;
		position: relative;
		z-index: 10000;
		}
	#mainNav a:hover,
	#mainNav a.sfhover {
		text-decoration: none;
		background-color: #1aa0d5;
		color: #fff;
		}
	#mainNav li.sfhover {
		background: #1aa0d5;
		}
	#mainNav li.sfhover a {
		color: #fff;
		}

/* 4 :-------- Content ------------ */		
	.container {
		width: 1007px;
		margin: 0 auto;
		background: #fff url(/images/elements/bg_container.jpg) 0 bottom no-repeat;
		padding: 0 0 40px;
		}
	#lowerPage #content {
		min-height: 450px;
		width: 744px;
		float: left;
		}	
	#lowerPage #contentFullWidth {
		min-height: 450px;
		width: 941px;
		padding: 0 33px;
		}
	#lowerPage #sideNav {
		width: 180px;
		float: left;
		padding-left: 21px;
		margin-right: 33px;
		}
	#lowerPage .sideNavTitle {
		color: #717074;
		font-size: 1.417em;
		padding: 0 0 6px 12px;
		float: left;
		}
	#lowerPage #sideNav ul {
		border: 1px solid #e5e5e5;
		border-left: none;
		border-right: none;		
		list-style: none;
		padding: 0 !important;
		margin: 0 !important;
		float: left;
		width: 173px;
		}	
	#lowerPage #sideNav ul ul {
		border: none;
		}
	#lowerPage #sideNav li {
		float: left;
		}
	#lowerPage #sideNav li a {
		color: #1b7eaf;
		font-size: 0.917em;
		padding: 5px 0 5px 23px;
		display: block;
		width: 150px;
		background: url(/images/icons/arrow_blue.gif) 14px 9px no-repeat;
		float: left;
		}
	#lowerPage #sideNav li.on a {
		color: #000;
		background: url(/images/icons/arrow_black.gif) 14px 9px no-repeat;
		}
	#lowerPage #sideNav li a:hover {
		background: #e8f8fe url(/images/icons/arrow_blue.gif) 14px 9px no-repeat;
		}
	#lowerPage #sideNav li.on a:hover {
		background: #e8f8fe url(/images/icons/arrow_black.gif) 14px 9px no-repeat;
		}
	#lowerPage #sideNav li.onExpand {
		margin-top: -1px;
		border-top: 1px solid #e5e5e5;
		background: #f9f9f9 url(/images/icons/arrow_black.gif) 14px 9px no-repeat;
		float: left;
		}
	#lowerPage #sideNav li.onExpand span.on a {
		background: #f9f9f9 url(/images/icons/arrow_blackExpand.gif) 12px 8px no-repeat !important;
		float: left;
		color: #000;
		}
	#lowerPage #sideNav li.onExpand ul {
		background: #f9f9f9 !important;
		float: left !important;
		}
	#lowerPage #sideNav li.onExpand a,
	#lowerPage #sideNav li.onExpand a:hover {
		color: #5f5f5f;
		background: url(/images/icons/arrow_greyExpand.gif) 12px 8px no-repeat;		
		}
	#lowerPage #sideNav li.onExpand a:hover {
		background: #efefef url(/images/icons/arrow_greyExpandHover.gif) 12px 8px no-repeat;
		}
	#lowerPage #sideNav li.onExpand ul li a,
	#lowerPage #sideNav li.onExpand ul li a:hover {
		color: #5f5f5f !important;
		padding: 3px 5px 3px 33px;
		width: 135px;
		background: url(/images/icons/arrow_grey.gif) 25px 7px no-repeat;
		}
	#lowerPage #sideNav li.onExpand ul li a:hover {
		background: #efefef url(/images/icons/arrow_grey.gif) 25px 7px no-repeat;
		}
	#lowerPage #sideNav li.onExpand ul li.on a,
	#lowerPage #sideNav li.onExpand ul li.on a:hover {
		color: #000 !important;
		background: url(/images/icons/arrow_black.gif) 25px 7px no-repeat;
		}
	#lowerPage #sideNav li.onExpand ul li.on a:hover {
		background: #efefef url(/images/icons/arrow_black.gif) 25px 7px no-repeat;
		}
	#lowerPage #sideNav li.onExpand ul li.on ul li a,
	#lowerPage #sideNav li.onExpand ul li.on ul li a:hover {
		color: #5f5f5f !important;
		padding: 3px 5px 3px 43px;
		width: 125px;
		background: url(/images/icons/dash_grey.gif) 34px 9px no-repeat;
		}
	#lowerPage #sideNav li.onExpand ul li.on ul li a:hover {
		background: #efefef url(/images/icons/dash_grey.gif) 34px 9px no-repeat;
		}
	#lowerPage #sideNav li.onExpand ul li.on ul li.on a,
	#lowerPage #sideNav li.onExpand ul li.on ul li.on a:hover {
		color: #000 !important;
		background: url(/images/icons/dash_black.gif) 34px 9px no-repeat;
		}
	#lowerPage #sideNav li.onExpand ul li.on ul li.on a:hover {
		background: #efefef url(/images/icons/dash_black.gif) 34px 9px no-repeat;
		}
		
	/* cms layouts */
	#lowerPage .oneColumnPanel {
		float: left;
		width: 744px;
		padding: 0 0 30px;
		position: relative;
		}
	#lowerPage .twoColumnPanelA,
	#lowerPage .contentAreaLeftCol {
		width: 505px !important;
		padding-right: 65px;
		padding-bottom: 50px;
		float: left;
		}	
	#lowerPage .twoColumnPanelB,
	#lowerPage .contentAreaRightCol {
		width: 147px !important;
		float: right;
		padding: 5px 0 0 25px;
		}
	#lowerPage .headerPanel {
		float: left;
		padding: 5px 0 0;
		display: block;
		width: 744px;
		}	
	#lowerPage .headerPanel .twoColumnPanelA,
	#lowerPage .headerPanel .contentAreaLeftCol,
	#lowerPage .oneColumnPanel .contentAreaLeftCol {
		width: 484px !important;
		padding-right: 30px;
		padding-bottom: 0;
		float: left;
		min-height: 50px;
		}	
	#lowerPage .twoColumnPanelA.forms {
		width: 500px !important;
		float: left;
		padding-bottom: 0 !important;
		}	
	#lowerPage .headerPanel .twoColumnPanelB,
	#lowerPage .headerPanel .contentAreaRightCol,
	#lowerPage .oneColumnPanel .contentAreaRightCol {
		width: 203px !important;
		float: right;
		padding: 0 0 0 25px !important;
		}

/* See content.css */

/* 5 :-------- Footer ------------ */
	#homePage .footer,
	#lowerPage .footer {
		background: #fff url(/images/elements/divider_dottedLine.gif) 0 0 repeat-x;
		width: 941px;
		padding: 10px 33px;
		font-size: 0.917em;
		float: left;
		}
	#lowerPage .footer {
		padding: 10px 33px 0;
		font-size: 0.917em;
		position: relative;
		}
	.footer ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
	.footer li {
		float: left;
		padding: 0;
		margin: 0;
		}
	.footer li a {
		color: #6e6e72;
		background: none;
		display: block;
		padding: 0 0 1px;
		margin: 0 16px 0 0;
		text-decoration: none;
		}
	.footer li a:hover {
		padding: 0;
		border-bottom-style: dashed;
		border-bottom-color: -moz-use-text-color;
		border-bottom-width: 1px;
		}
	.footer .last {
		color: #6e6e72;
		float: right;
		}