
/* 	Department of Finance and Administration
	Layout CSS Document
	
	Colour Palette
	
	Normal Link (blue): #3464c7
	Hover (red): #c00020
	
--------------------------------------------------------------------------- */

* {
margin: 0;
padding: 0;
}

body {
background: #132953 url(../img/bg-body.jpg) repeat-x top;
}

#wrapper {
background: #fff;
height: 100%;
margin: 0 auto;
min-width: 760px;
width: 90%;
}

body#cover #wrapper {
background: #132953;
_height: 600px;
min-height: 600px;
width: 760px;
}



/* Header
---------------------------------------------------------- */

#wrapper #header {
	height: 250px;
	background: #fff url(../img/head-bg.jpg) repeat-x left bottom;
}

body#cover #header {
background: #fff url(../img/head-cover.jpg) repeat-x left bottom;
backgr/ound: #fff url(../img/web_montage.jpg) repeat-x left bottom;
height: 322px;
}

h1 {
/*background: transparent url(../img/crest.gif) no-repeat;*/
height: 45px;
float: left;
line-height: 45px;
margin: 31px 0 0 30px;
_margin: 31px 0 0 15px;
/*overflow: hidden;
text-indent: -1000em;*/
width: 258px;
}

#header h2 {
background: transparent url(../img/head-title.gif) no-repeat;
height: 55px;
float: right;
line-height: 53px;
_margin: 47px 29px 0 0;
margin: 47px 0 0 0;
overflow: hidden;
text-indent: -1000em;
width: 360px;
font-size:20px;
display:inline;
}

body#cover #header h2 {
mar/gin-top: 95px;
margin-top: 70px;
}




/* Top Nav/Bot Nav
---------------------------------------------------------- */

#topnav, #botnav {
background: #1d3971;
float: left;
width: 100%;
}
	#topnav ul, #botnav ul { list-style: none; margin: 0 25px }
		#topnav ul li, #botnav ul li {
		float: left;
		}
			#topnav ul li a, #botnav ul li a, #topnav ul li a:link, #botnav ul li a:link, #topnav ul li a:visited, #botnav ul li a:visited {
			color: #cad8f5;
			text-decoration: none;
			display: block;
			padding: 0.7em;
			}
				#topnav ul li a:focus, #topnav ul li a:hover, #topnav ul li a:active {
				color: #fff;
				backg/round: #132d5f url(../img/nav-arrow-up.gif) no-repeat center bottom;
				background: #132d5f url(../img/nav-arrow-down.gif) no-repeat center top;
				}
				#botnav ul li a:focus, #botnav ul li a:hover, #botnav ul li a:active {
				color: #fff;
				background: #132d5f url(../img/nav-arrow-down.gif) no-repeat center top;
				}


/* Chapter
---------------------------------------------------------- */

#chapter {
background: #fff;
float: left;
width: 100%;
}

#chapter h2 {
background: #ddd;
color: #111;
padding: 2em 31px 1.7em;
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
}
	#chapter h2 strong {
	display: block;
	text-transform: none;
	font-size: 1.9em;
	font-weight: normal;
	margin: 0.3em 0 0 0;
	line-height : normal;
	}

ul#chapternav {
background: #ebf1f9;
list-style: none;
float: left;
margin: 0 20px 0 31px;
_margin: 0 20px 0 15px;
max-width: 300px;
padding: 0.6em 1.2em 1em;
width: 15em;
}
	ul#chapternav li {
	border-bottom: 1px #b1c5e0 dotted;
	font-size: 0.95em;
	padding:0 0 0 10px;
	}
		ul#chapternav li.last {
		border-bottom: none;
		}
		ul#chapternav li a, ul#chapternav li a:link, ul#chapternav li a:visited {
		color: #3464c7;
		display: block;
		padding: 0.3em 0;
		text-decoration: none;
		}
			ul#chapternav li a:focus, ul#chapternav li a:hover, ul#chapternav li a:active {
			color: #c00020;
			}
ul#chapternav li.chapternavtop {
  padding:0;
}			

/* Content Stuff
---------------------------------------------------------- */

#content {
mar/gin-left: 22em;
float:right;
width:72%;
padding: 0 31px 2em 0;
}

#breadcrumbs {
color: #999;
border-bottom: 1px #ccc solid;
padding: 0.9em 0 0.3em;
font-size: 0.95em;
margin: 0 0 2em 0;
}
	#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
	color: #3464c7;
	font-size: 1em;
	text-decoration: none;
	}
		#breadcrumbs a:focus, #breadcrumbs a:hover, #breadcrumbs a:active {
		color: #c00020;
		}
	#breadcrumbs strong {
	color: #000;
	font-weight: normal;
	}

#content ul#relativenav {
	border-bottom: 1px #e5e5e5 solid;
	border-top: 1px #e5e5e5 solid;
	padding:0;
	width: 100%;
	float: left;
	margin:0 0 10px 0;
	list-style: none;
}
	#content #relativenav li {
	float: left;
	padding: 0;
	margin: 0;
	width: 49%;
	_width: 49.9%;
	}
		#content #relativenav li a, #content #relativenav li a:link, #content #relativenav li a:visited {
		border-top: 3px #fff solid;
		border-bottom: none;
		color: #999;
		display: block;
		padding: 0.8em 1em;
		text-decoration: none;
		text-transform: uppercase;
		}
			#content #relativenav li a:focus, #content #relativenav li a:hover, #content #relativenav li a:active {
			border-top: 3px #e5e5e5 solid;
			color: #333;
			}
			#content #relativenav li a em, #content #relativenav li a:link em, #content #relativenav li a:visited em {
			color: #3464c7;
			display: block;
			font-style: normal;
			text-transform: none;
			margin:0;
			padding:0;
			}
				#content #relativenav li a:focus em, #content #relativenav li a:hover em, #content #relativenav li a:active em {
				color: #c00020;
				}
			#content #relativenav li a.next {
			text-align: right;
			}



/* Misc Stuff
---------------------------------------------------------- */

div.spacer {
clear: both;
height: 0;
overflow: hidden;
}


#footer {
background: #ddd;
float:left;
width:100%;
}
	#footer p {
	margin: 2em 31px;
	}
	



/* Cover Stuff
---------------------------------------------------------- */

body#cover ul {
float: right;
list-style: none;
margin-top: 2em;
}
	body#cover ul li {
	text-align: right;
	display: inline;
	}
		body#cover ul li a {
		color: #cad8f5;
		display: block;
		padding: 0.3em 2em 0.5em 0;
		text-align: right;
		text-decoration: none;
		}
			body#cover ul li a:hover {
			background: url(../img/bullet-cover.gif) no-repeat right;
			color: #fff;
			}


/* backgrounded divs 
----------------------------------------------------------- */
#content div.colourbackground {
  background-color:#ddd;
}

/* Tables
---------------------------------------------------------- */

#content table {
	width: 90%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
}
#content caption {
	text-align: left;
	font-size: 110%;
	color: #182a54;
	font-size: 1.3em;
	font-weight: normal;
	vertical-align: top;
	line-height:normal;
}
#content th,
#content td,
#content caption {
	padding: 4px;
	vertical-align: top;
}
#content caption {
	padding-bottom: 8px;
}
#content table th {
	text-align: left;
	background: #ddd;
	color: #111;
	border-top: solid 1px #1d3971;
}
#content table th.thright {
  text-align:right;
}

#content table th.normal {
  font-weight:normal;
}
#content th,td {
/*	border-top: solid 1px #1d3971; */
	border-bottom: solid 1px #1d3971;
}
#content .border-top {
	border-top: solid 1px #1d3971;
}
#content .border-bottom {
	border-bottom: solid 1px #1d3971;
}
#content .output-tbl caption {
	text-align: left;
	background: #ddd;
	color: #111;
	font-weight: bold;
	font-size: 110%;
	font-size: 1.0em;
	border-top: solid 1px #1d3971;
	padding-bottom: 6px;
}
#content .output-tbl th {
	font-weight: bold;
	width: 50%;
	text-align: left;
	background: #fff;
	color: #000;	
	border-bottom: solid 0px #1d3971;
}
#content .no-border-tbl caption {
	font-size: 1.6em;
	font-weight: normal;
	padding-bottom: 8px;
}
#content .no-border-tbl th {
	font-size: 110%;
	font-size: 1.0em;
	padding-bottom: 6px;
	background: #ddd;
	color: #111;
	border-top: solid 1px #1d3971;
	border-bottom: solid 1px #1d3971;
}
#content .no-border-tbl td {
	font-size: 110%;
	font-size: 1.0em;
	padding-bottom: 6px;
	border-collapse: collapse;
	border-top: solid 0px #1d3971;
	border-bottom: solid 0px #1d3971;
}
#content .grey-bg {
	background: #f7f7f7;
	margin-right: 200px;
	padding: 0 10px 10px;
}
#content .indent {
	padding-left: 1em }
#content .no-border {
	border-style: none;
	border-color: transparent }

.boxed {
	background: #F3F3F3;
	padding: 1em;
	border: 1px solid #CCCCCC;
	margin-bottom: 1em;
	font-size: .95em;
}

/* added style for MOP tables with full border cells */

#content table.borderfull, #content table.borderfull tr, #content table.borderfull td, #content table.borderfull th {
  border:1px solid #1d3971;
  border-collapse:collapse;
}

#content .midtable {
width:70%;
}
#content .smltable {
width:50%;
}
#content .bigtable {
width:90%;
}

/* appendix table layout */

#content table#appendixtable, #content table#appendixtable tr, #content table#appendixtable td {
  border:none;
}

#content table#appendixtable tr {
  vertical-align:bottom;
}

#content table#appendixtable td {
  text-align:left;
}

#content table tr.nothbackground th {
 font-weight:normal;
 background:none;
}

#content table tr.trcollapse, #content table tr.trcollapse td  {
  display:none;
}

#content table tr td div {
  margin:0;
  padding:0;
}

/* appendicies headings and following text */
.apph3 {
color: #182a54;
font-size: 1.8em;
font-weight: normal;
line-height: normal;

}

/* footnote styling */

#content div.footnotes {
  margin:20px 0;
}
#content div.footnotes ol {
 list-style:none;
 margin:0;
 padding:0;
}
