/* 	Style sheet: main.css
	Site: FaHCSIA Annual Report 2009
	---------------------------------------------------------------------------------------

 	Global reset */
* {margin: 0; padding: 0;}

/*********** Core styles ***********/
body {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: url(../images/body_bkg.gif) top left repeat-y;
	color: #333;
}
h1 {
	color: #565656;
	border-bottom: 1px solid #565656;
	font-size: 2.2em;
	padding-bottom: 3px;
	margin: 20px 160px 6px 0;
}
h2 {font-size: 2em; color: #565656;}
h3 {font-size: 1.6em; line-height: 1.4em; color: #565656; padding: 16px 0 4px 0;}
h4 {font-size: 1.4em; line-height: 1.6em; color: #565656;}
h5 {font-size: 1.2em; line-height: 1.5em; color: #565656;}

/* Decendants of the Content div to avoid inherency problems */
#contentdiv p {line-height: 1.6em; margin: 10px 0;}
#contentdiv ul, #contentdiv ol {line-height: 1.6em; margin: 5px 0 5px 20px;}
#contentdiv ul ul, #contentdiv ol ol {margin: 0 0 0 20px;}
#contentdiv li {padding: 2px 0;}
#contentdiv a {color: #84734B; text-decoration: underline;}
#contentdiv a:hover, #contentdiv a:focus {color: #565656; text-decoration: none;}
#contentdiv sup a {text-decoration: none;}
#contentdiv th a, #contentdiv th a:hover, #contentdiv th a:visited {color:#FFF; text-decoration:none;}


table {margin-bottom: 15px; border-left: 1px solid #D2BD77;}
table.jointable {margin-bottom: 0;}
table.jointable caption {border-top: none;}
table.jointable + h3, table.jointable + h4, table.jointable + h5  {padding-top: 10px;}

caption { 
	border-top: 1px solid #D2BD77;
	background-color: #D2BD77;
	padding: 4px;
	font-weight: bold;
}
th {
	border-bottom: 1px solid #D2BD77;
	border-right: 1px solid #D2BD77;
	background-color: #565656;
	color: #FFF;
	font-weight: bold;
	padding: 4px;
	text-align: left;

}


td {
	padding: 5px;
	border-bottom: 1px solid #D2BD77;
	border-right: 1px solid #D2BD77;
}
hr {
	color: #D2BD77; 
	background-color: #D2BD77; 
	border: none; 
	height: 1px; 
	margin-bottom: 10px;
}
acronym, abbr {border-bottom: 1px dotted #555;}

blockquote {padding: 0 5px;}
blockquote span {font-style: italic;}

#rtt {margin: 20px 160px 0 0; padding-top: 5px; font-size: .9em; border-top: 1px solid #84734B;}
#rtt a {
	font-weight: bold;
	background: url(../images/btt.gif) center left no-repeat;
	padding: 4px 0 2px 25px;
	text-decoration: none;
}
#rtt a:hover, #rtt a:focus {background: url(../images/btt_r.gif) center left no-repeat;}

#rtt_body {margin: 20px 10px 0 0; padding-top: 5px; font-size: .9em;}
#rtt_body a {
	font-weight: bold;
	background: url(../images/btt.gif) center left no-repeat;
	padding: 4px 0 2px 25px;
	text-decoration: none;
}
#rtt_body a:hover, #rtt a:focus {background: url(../images/btt_r.gif) center left no-repeat;}

/*********** Banner and Title Layout Styles ***********/
.firstlinks {
	position: absolute;
	top: 4px;
	right: 160px;
	font-size: .8em;
	color: #FFF;
}
.firstlinks a {color: #FFF; text-decoration: none; padding: 2px;}
.firstlinks a:hover {text-decoration: underline;}
.firstlinks a:focus {text-decoration: underline; background-color: #444;}

#banner {color: #FFF; background-color: #565656;}
#banner img {float: left;}
#banner p {
	text-align: right;
	background: url(../images/banner_pic.jpg) bottom right no-repeat;
	padding: 30px 160px 0 0;
	font-size: 1.8em;
	line-height: 50px;	
}
.title_yrs {font-family: Garamond, Times, serif; letter-spacing: .05em;}

/*********** Topnav Layout Styles ***********/
#topnav {
	clear: both;
	color: #000;
	font-size: .85em;
	background-color: #D2BD77;
	border-bottom: 10px solid #FFF;
}
#topnav p {
	padding-right: 10px;
	line-height: 16px;
	text-align: right;
}
#topnav a {color: #000; text-decoration: none; padding: 1px;}
#topnav a:hover, #topnav a:focus {text-decoration: underline;}
#topnav .search {font-size: 1.1em; font-weight: bold;}

/*********** Mainnav Layout Styles ***********/
#mainnav {
	float: left;
	width: 190px;
	background: #D2BD77 url(../images/contents_bkg.gif) left top no-repeat;	
	color: #000;
}
#mainnav h1 {
	color: #FFF;
	background: #565656 url(../images/mainnav_bkg.gif) right top no-repeat;
	font-size: 1.2em;
	border: none;
	margin: 0 0 0 25px;
	padding: 2px 0 2px 10px;
	line-height: 20px;
}
#mainnav #parts {
	border-top: 1px solid #E5D398;
	border-bottom: 1px solid #E5D398;
}
#mainnav ul {
	list-style-type: none; 
	padding: 8px 0 4px 8px;
	font-size: .9em;
}
#mainnav span {font-weight: bold; padding: 0 3px 0 1px; float: left; margin-bottom: 8px}
#mainnav li {background:  url(../images/nav_arrow_lgt.gif) top left no-repeat;  padding: 0 0 8px 10px;}
#mainnav li.selected {background:  url(../images/nav_arrow_drk.gif) top left no-repeat;}
#mainnav a {color: #000; text-decoration: none; padding: 2px;}
#mainnav a:hover, #mainnav a:focus {text-decoration: underline;}
#mainnav .selected a {font-weight: bold;}

/*********** Breadcrumbs Layout Styles ***********/
#crumbs {
	margin: 7px 0 4px 215px;
	color: #565656;
	font-size: .85em;
}
#crumbs a {color: #565656; text-decoration:none; padding: 2px;}
#crumbs a:hover, #crumbs a:focus {text-decoration:underline;}

/*********** Sectionnav Layout Styles ***********/
#sectionnav {
	width: 160px;
	float: right;
	margin: -46px 0 10px 20px;
	border-left: 1px solid #565656;
	color: #000;
	background-color: #FFF;
}
#sectionnav h2 {
	background-color: #565656;
	line-height: 16px;
	color: #FFF;
	font-weight: normal;
	padding: 22px 0 2px 10px;
	margin: 0;
	font-size: 1em;
}
#sectionnav ul {
	list-style-type: none;
	font-size: .9em;
	margin: 0;
}
#sectionnav.one h2 {background: #565656 url(../images/p1.gif) top right no-repeat;}
#sectionnav.two h2 {background: #565656 url(../images/p2.gif) top right no-repeat;}
#sectionnav.three h2 {background: #565656 url(../images/p3.gif) top right no-repeat;}
#sectionnav.four h2 {background: #565656 url(../images/p4.gif) top right no-repeat;}
#sectionnav.five h2 {background: #565656 url(../images/p5.gif) top right no-repeat;}

#sectionnav li {padding: 4px 0 4px 10px;}
#sectionnav li.selected {background-color: #D2BD77;} /*highlighted colour*/
#sectionnav a {color: #000; text-decoration: none; padding: 2px;}
#sectionnav a:hover, #sectionnav a:focus {color: #000; text-decoration: underline;}
#sectionnav .selected a {font-weight: bold;}
#sectionnav .selected li a {font-weight: normal;}
#sectionnav li.selected li {background-color: #FFF1C3; margin-left: -26px; padding: 2px 0 4px 6px;}
#sectionnav li.selected li.selected {background-color: #E5D398;}

/*********** Content Area Margins ***********/
#contentdiv {margin: 10px 20px 10px 215px;}

/*********** Prevnext section Layout Styles ***********/
#prevnext {
	margin: 20px 300px 0 215px;
	line-height: 1.6em;
	padding-top: 4px;
	border-left: 5px solid #565656;
	background: url(../images/mainnav_bkg.gif) 5px top no-repeat;
	font-weight: bold;
}
#prevnext div {margin-top: 5px;	border-left: 8px solid #565656; padding: 0 10px 6px 10px;}
#prevnext p {margin: 5px 0;}
#prevnext span {color: #565656; padding-right: 5px;}
#prevnext a {color: #565656; text-decoration:none;}
#prevnext a:hover, #prevnext a:focus {text-decoration:underline;}

/*********** Footer Layout Styles ***********/
#footer {
	clear: both;
	margin: 10px 0 0 215px;
	font-size: .9em;
}
#footer p {margin-bottom: 10px;}
#footer a {color: #565656; text-decoration: none; padding: 2px}
#footer a:hover, #footer a:focus {color: #000; text-decoration: underline;}
#footer span {font-weight: bold;}

/*********** Custom Styles Below ***********/

.bold {font-weight: bold;} 
.right {text-align: right;}
.center {text-align: center;}
.figure {font-weight: bold; color: #84734B;}
.highlight_text {color:#84734B; font-size: 1.2em; font-style: oblique; font-weight: bold;}
.staffpic {padding: 5px 10px 5px 5px; float: left;}
.small {font-size: .85em;}
.row_line td {border-top: 2px solid #999;}

.case_study {
	background-color: #FDF8ED;
	border: 1px solid #AAA;
	margin: 10px;
	padding: 5px 20px;
	line-height: 1.8em;
}
.case_study h4 {color: #84734B;}

.deflist dl {
	margin:0;
	padding:0;
	}
.deflist .defterm, .deflist dt {
	width:10%;
	margin:0;
	padding:0;
	}
.deflist .defn, .deflist dd {
	float:right;
	width:85%;
	margin:-1.2em 0 5px 0;
	padding:0;
	}

.whtbrd {border-bottom:1px solid #FFF;}
.li_l2 {margin-left:8px; font-size:.85em;}
.nobr {white-space:nowrap;}
.longdesc {font-size: .85em; float: right; padding-right: 10px; margin-top: -10px;}
.nobullet {list-style-type: none;}
.shade {background-color: #FDF8ED;}
.cell_bold {font-weight:bold;}
.cell_bold_line {font-weight:bold; border-bottom: 1px solid #000;}
.cell_bold_2line {font-weight:bold; border-bottom: 3px double #000;}
.cell_indent {padding-left: 15px;}
.cell_underline {border-bottom: 1px solid #000;}
.cell_doubleline {border-bottom: 3px double #000;}
.cell_italic {font-style: italic;}