/* Light blue color for background, default font style */
body {
	margin: 0 auto;
	background-color: #d7e7ea;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #000000;
}
/* The square things in the background - Z-index must be less than 0 */
#bg {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 351px;
	left: 0;
	top: 0;
	background-image: url('cssimg/Page-BgGlare.png');
	background-repeat: no-repeat;
}
/* For forms / Google custom search */
form {
	padding:0 !important;
	margin:0 !important;
}
/* Tables for data display */
table.position {
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* Width is 950px, just smaller than most 1024x800 windows */
.sheet {
	position:relative;
	margin:0 auto !important;
	width: 950px;
}
/* Padding and positioning of elements within the sheet - 8px is essential to make everything else fit */
.sheet-body {
	position: relative;
	padding: 8px;
}
/* Drop shadow image on the sheet - Might eventually replace this with CSS5 */
.sheet-tr, .sheet-tl, .sheet-br, .sheet-bl, .sheet-tc, .sheet-bc, .sheet-cr, .sheet-cl {
	position:absolute;
	z-index:-1;
}
.sheet-tr, .sheet-tl, .sheet-br, .sheet-bl {
	width: 84px;
	height: 84px;
	background-image: url('cssimg/Sheet-s.png');
}
.sheet-tl {
	top:0;
	left:0;
	clip: rect(auto, 42px, 42px, auto);
}
.sheet-tr {
	top: 0;
	right: 0;
	clip: rect(auto, auto, 42px, 42px);
}
.sheet-bl {
	bottom: 0;
	left: 0;
	clip: rect(42px, 42px, auto, auto);
}
.sheet-br {
	bottom: 0;
	right: 0;
	clip: rect(42px, auto, auto, 42px);
}
.sheet-tc, .sheet-bc {
	left: 42px;
	right: 42px;
	height: 84px;
	background-image: url('cssimg/Sheet-h.png');
}
.sheet-tc {
	top: 0;
	clip: rect(auto, auto, 42px, auto);
}
.sheet-bc {
	bottom: 0;
	clip: rect(42px, auto, auto, auto);
}
.sheet-cr, .sheet-cl {
	top: 42px;
	bottom: 42px;
	width: 84px;
	background-image: url('cssimg/Sheet-v.png');
}
.sheet-cr {
	right:0;
	clip: rect(auto, auto, auto, 42px);
}
.sheet-cl {
	left:0;
	clip: rect(auto, 42px, auto, auto);
}
/* Sheet center, which forms the white background - Z-index must be less than 0 */
.sheet-cc {
	position:absolute;
	z-index:-1;
	top: 42px;
	left: 42px;
	right: 42px;
	bottom: 42px;
	background-color: #FFFFFF;
}
/* Width must be exactly ( 950 - 8*2 ) px */
.header {
	position: relative;
	width: 934px;
	height: 185px;
}
/* Top navigation bar - Z-index of individual elements must be less than 0 */
.nav {
	position: relative;
	height: 32px;
}
.nav .l, .nav .r {
	position: absolute;
	z-index: -1;
	top: 0;
	height: 32px;
	background-color: #1d448f;
}
.nav .l {
	left: 0;
	right: 0;
}
.nav .r {
	right: 0;
	width: 934px;
	clip: rect(auto, auto, auto, 934px);
}
/* Top menu, wrapped by ".nav" - Functions as unordered list, padding needs to be exact so that list items touch the bottom of the nav bar */
.menu {
	margin: 0;
	padding: 6px 3px 0px 3px;
	float: left;
}
/* Zero margins are important here - Default margin makes a mess */
.menu li {
	display: block;
	margin: 0;
	float: left;
	position: relative;
}
/* Block display prevents the list item image from displaying in full */
.menu a {
	position:relative;
	display: block;
	overflow:hidden;
	height: 26px;
	padding: 0 3px 0 3px;
}
/* Three rules below outline how the background of each list item should appear on hover */
.menu a .r, .menu a .l {
	position:absolute;
	display: block;
	top: 0;
	height: 78px;
	background-image: url('cssimg/MenuItem.png');
}
.menu a .l {
	left:0;
	right:14px;
}
.menu a .r {
	width:428px;
	right:0;
	clip: rect(auto, auto, auto, 414px);
}
/* Text style for menu items */
.menu a .t {
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #FFFFFF;
	padding: 0 14px;
	line-height: 26px;
	text-align: center;
}
.menu a:hover .t, .menu li:hover a .t, .menu li:hover>a .t {
	color: #195C6B;
}
.menu a.active .t {
	color: #205360;
}
/* List item positions - Important for the background images to show up correctly on hover */
.menu a:hover .l, .menu a:hover .r, .menu li:hover>a .l, .menu li:hover>a .r, .menu li:hover a .l, .menu li:hover a .r {
	top:-26px;
}
.menu a.active .l, .menu a.active .r {
	top: -52px;
}
/* Google Custom Search box */
.searchbox {
	position: relative;
	float: right;
	padding: 2px 5px 0 0;
}
/* Side menu - Floats alongside content division */
.menu2 {
	float: left;
	position: relative;
	width: 190px;
	padding: 10px 10px;
}
/* Dictates list item appearance - Zero margin and block display are important */
.menu2 li {
	margin: 0;
	display: block;
	position: relative;
}
/* Menu items must be categorized into 'top', 'yes href', 'no href', and 'subitem' in order for them to display with the correct borders */
.menu2 a {
	text-align: left;
	text-indent: 9px;
	line-height: 22px;
	color: #1d448f;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	display:block;
	text-align: left;
	height: 22px;
	width: 180px;
	background-color: #d7e7ea;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
}
.menu2 a.top {
	border-top-width: 0px;
	color: #1d448f;
}
.menu2 a.noh {
	color: #000;
}
.menu2 a.yoh {
	color: #1d448f;
}
.menu2 a.sub {
	text-indent: 19px;
	font-size: 10px;
	color: #1d448f;
}
.menu2 a:hover {
	background-color: #b6d0d7;
}
.menu2 a.noh:hover {
	color: #000;
	background-color: #d7e7ea;
}
.menu2 a.top:hover {
	background-color: #b6d0d7;
	color: #000;
}
.menu2 a.sub:hover, a.yoh:hover {
	color: #000;
}
/* Content wrapper - Be sure that the combined widths and paddings of the side menu and content do not exceed sheet width (934px) */
.post {
	float: right;
	position: relative;
	width: 710px;
	z-index:0;
	padding: 10px 10px 0 0;
}
/* Fixes the colour of the header's background and gives some space for the text */
.postmetadataheader {
	padding:1px;
	background-color: #D7E7EA;
}
/* Header text style (h2) and its accompanying link styles */
.postheader {
	text-decoration:none;
	margin: 0.2em 0;
	text-transform:none;
	text-align:left;
	text-indent:0;
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
	font-size: 26px;
	margin-left: 12px;
	color: #12434E;
}
.postheader a, .postheader a:link, .postheader a:visited, .postheader a:hover {
	margin:0;
	color: #12434E;
}
.postheader a:link {
	text-decoration: none;
	color: #195C6B;
}
.postheader a:visited, .postheader a.visited {
	text-decoration: none;
	color: #207588;
}
.postheader a:hover, .postheader a.hovered {
	text-decoration: none;
	color: #092025;
}
/* Content style and positioning, although it's mostly redundant */
.postcontent {
	margin:0;
}
.postcontent p {
	margin: 0.5em 0;
}
.postcontent, .postcontent p {
	color: #000000;
}
a {
	text-decoration: none;
	color: #2A99B2;
}
a:link {
	text-decoration: none;
	color: #2A99B2;
}
a:visited, a.visited {
	text-decoration: none;
	color: #37636C;
}
a:hover, a.hover {
	text-decoration: none;
	color: #0A2429;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
	font-size: 35px;
	color: #296A7A;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
	font-size: 26px;
	color: #378FA4;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
	font-size: 21px;
	color: #64A3AF;
}
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {
	font-size: 18px;
	color: #266373;
}
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
	font-size: 14px;
	color: #266373;
}
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
	font-size: 12px;
	color: #266373;
}
/* Acronym styles, since a lot of abbreviations are used on this site */
acronym, abbr {
	border-bottom: 1px dotted;
	cursor: help;
}
/* Post lists, in case tables are not being used - Unlikely, considering the amount of data per page */
.post li {
	padding:0px 0 0px 10px;
	line-height:1.2em;
}
.post ol li, .post ul ol li {
	background: none;
	padding-left:0;
}
.post ul li, .post ol ul li {
	background-image: url('cssimg/PostBullets.png');
	background-repeat:no-repeat;
	padding-left:10px;
}
/* Footer width must be the same as sheet width (934px) */
.footer {
	position: relative;
	clear: both;
	overflow: hidden;
	width: 934px;
	padding: 5px auto 0px auto;
}
.footer-inner, .footer-inner a {
	height: 1%;
	padding: 20px;
	text-align: center;
	color: #ffffff;
}
.footer-inner a:hover {
	color: #278EA5;
}
/* Footer and its background are kept on separate divisions because the background is an image and needs a fixed position */
.footer-background {
	position:absolute;
	z-index:-1;
	background-repeat:no-repeat;
	background-image: url('cssimg/Footer.png');
	width: 934px;
	height: 150px;
	bottom:0;
	left:0;
}
.floatlogo {
	float: right;
	right: 0px;
	top: 105px;
	z-index: 900;
	position: relative;
}
.floattopleft {
	float: left;
	top: 0;
	z-index: 900;
	position: relative;
}
.floattopright {
	float: right;
	top: 0;
	z-index: 901;
	position: relative;
}
/* Data table styles for main content pages */
.table table, table.table {
	border-collapse: collapse;
	margin: 1px;
	border-color: #CCC;
	font-size: 9px;
}
/* Table for the index where the three blurbs go */
.indextbl {
	font-size:12px;
}
/* AnythingSlider stuff */
.anythingSlider, .anythingWindow, .anythingBase {
	width: 934px;
	height: 185px;
	position: absolute;
	padding: 0;
}
.anythingSlider {
	display: block;
	margin: 0;
	overflow: visible !important;
}
.anythingWindow {
	margin: 0;
	overflow: hidden;
}
li.panel {
	width: 934px;
	height: 185px;
	position: relative;	
	float: left;
	top: -12px;
	padding: 0;
	margin: 0;
	background: transparent;
	list-style-type: none;
}