/* TOC:
		HTML & Body
		Structure
		Header
		Sidebar
		Content
		Footer
*/

/* HTML & Body
----------------------------------------------- */
	html {
		height: 100%;
		margin: 0;
		padding: 0;
		}

	body {
	   margin: 0;
	   padding: 0;
	   color: white;
	   font: 75% Verdana, Helvetica, sans-serif;
	   background: #D6DEF1;
	   }

	img {
		border: none;
		}

	a {
		outline: none;
		}


/* Header
----------------------------------------------- */
	#container {
	   width: 720px;
	   margin: 0 auto;
	   padding: 0 0 15px;
	   background: white;
	   }
				


/* Header
----------------------------------------------- */
	#header {
		width: 720px;
		height: 130px;
		background: url(../images/headerBg.png) top right no-repeat;
		border-bottom: 1px solid black;
		position: relative;
		overflow: hidden;
		}

	h1 {
		margin: 0;
		padding: 0;
		background: url(../images/h1Header.png) top left no-repeat;
		width: 150px;
		height: 130px;
		text-indent: -999em;
		float: left;
		}

	h1 a {
		display: block;
		width: 155px;
		height: 130px;
		}

	.languageSwitch {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		}

	.languageSwitch a {
		text-indent: -999em;
		display: block;
		width: 100px;
		height: 30px;
		}

	.dateSection {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 99px;
	left: 150px;
	width: 285px;
	height: 30px;
	background: #4864ad;
	border-top: 1px solid black;
	border-right: 1px solid black;
		}

	.dateSection p {
		margin: 0;
		padding: 10px 0 0;
		font-size: 90%;
		text-align: center;
		}

	.searchSection {
		margin: 0;
		padding: 8px 0 0 5px;
		position: absolute;
		top: 99px;
		left: 436px;
		width: 279px;
		height: 22px;
		background-color: #C8B372;
		border-top: 1px solid black;
		}

	.searchSection p {
		margin: 0;
		padding: 0;
		float: left;
		}

	form {
		margin: 0;
		padding: 0;
		}

	.input {
		background: url(../images/inputBox.png) top left no-repeat;
		width: 162px;
		height: 20px;
		border: none;
		margin-right: 10px;
		padding: 2px 5px 0 5px;
		color: #333;
		float: left;
		font-size: 90%;
		}

	.submit {
		background: url(../images/goButton.png) top left no-repeat;
		width: 35px;
		height: 18px;
		border: none;
		}

	.submit:hover {
		cursor: pointer;
		}


/* Sidebar
----------------------------------------------- */
	#sidebar {
		width: 149px;
		background: #4864ad;
		padding: 10px 0;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		float: left;
		}

	/* Top Level */
	#sidebar ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}

	#sidebar ul li {
		margin: 0;
		padding: 8px 10px;
		list-style: none;
		background: url(../images/sidebarDivider.png) bottom center no-repeat;
		}

	#sidebar ul li a {
		display: block;
		color: white;
		font-size: 110%;
		text-decoration: none;
		padding: 0 0 0 15px;
		background: url(../images/sidebarArrowClose.png) center left no-repeat;
		}

	#sidebar ul li a:hover {
		color: #B4C5F2;
		}

	#sidebar ul li.open {
		background: #3B528E;
		}

	#sidebar ul li.open a {
		background: #3B528E url(../images/sidebarArrowOpen.png) center left no-repeat;
		}

	/* Sub Navigation Level One */
	#sidebar ul li ul.subLevelOne {
		padding: 5px 0 0;
		}

	#sidebar ul li ul.subLevelOne li {
		background-image: none;
		padding: 5px 10px;
		}

	#sidebar ul li ul.subLevelOne li a {
		font-size: 90%;
		background: url(../images/sidebarArrowCloseSub.png) center left no-repeat;
		padding: 0 0 0 10px;
		}

	#sidebar ul li ul.subLevelOne li.on {
		background: #224F9B;
		padding-left: 20px; 
		}

	#sidebar ul li ul.subLevelOne li.on a {
		background: url(../images/sidebarArrowOpenSub.png) center left no-repeat;
		}


/* Content 
----------------------------------------------- */
	#content {
		float: left;
		width: 550px;
		padding: 10px;
		color: #2746a0;
		}

	/* Top Row */
	.topRow {
	border-bottom: 1px dotted #999;
	overflow: hidden;
	height: 500px;
		}

	.topRow .split,
	.topRow img {
	float: right;
		}

	.topRow .split {
	padding: 10px;
	width: 520px;
		}

	/* Bottom Row */
	.bottomRow {
		width: 170px;
		padding: 5px;
		float: left;
		text-align: center;
		}

	.bottomRow.centerBox {
		border-right: 1px dotted #999;
		border-left: 1px dotted #999;
		}

	.bottomRow h3 {
		text-transform: capitalize;
		text-decoration: none;
		}
	.bottomRow p {
		font-size: 90%;
		color: black;
		text-align: left;
		}

	.bottomRow p span {
		color: #06c;
		}

	.bottomRow p a {
		color: #8A1728;
		text-transform: capitalize;
		text-decoration: none;
		}

	.bottomRow p a:hover {
		text-decoration: underline;
		}

	/* Left Column */
	.leftCol {
		width: 400px;
		float: left;
		padding-right: 20px;
		}

	.leftCol p {
		color: black;
		font-size: 90%;
		}
	
	.leftCol ul {
		color: black;
		font-size: 90%;
		}
		
	.leftCol ol {
		color: black;
		font-size: 90%;
		}
		
	.floatBox {
		float: right;
		display: block;
		width: 130px;
		}

	.floatBox a {
		color: #8A1728;
		text-decoration: none;
		font-size: 90%;
		}

	.floatBox a:hover {
		text-decoration: underline;
		}

	/* Right Column */
	.rightCol {
		width: 125px;
		float: left;
		text-align: center;
		}

	.rightCol h3 {
		text-transform: capitalize;
		margin: 0;
		padding: 0;
		}

	a h3 {
		color: #06c;
	}

/* Footer
----------------------------------------------- */
	#footer {
	color: #666666;
	font-size: 80%;
	margin-left: 2px;
	padding-top: 6px;
	text-align: center;
	clear: both;
	border-top-color: #666666;
		}

	#footer a {
		color: black;
		}

	#footer a:hover {
		text-decoration: none;
		}