<!--
/******************************************************************
						 Start general styles
******************************************************************/
body {
	margin: 0; 
	padding: 0; 
	font-size: 75%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	min-width: 760px;
}

/* Heading styles*/
h1 {
	background-color: inherit;
	color: #f2863b;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	margin: 0;
	width: 600px;
	margin-bottom: 20px;
	font-size: 2.0em;
}

h2 {
	font-size: 1.5em;
	background-color: inherit;
	color: #f2863b;	

	}

h3 {
	font-size: 1.2em;
	background-color: inherit;
	color: #f2863b;
}

h4 {
	font-size: 1em;
	background-color: inherit;
	color: #f2863b;
}

h5 {
	font-size: 1em;
	background-color: inherit;
	color: #000;
	font-style: italic; 
}

h6 {
	font-size: 1em;
	background-color: inherit;
	color: #f2863b;
	font-style: italic; 
}

/* Set the default font size to 1em.  1em is the natural font size (or 100%) 
for a given html element. */
p,tr,td,ol,li,ul,table {
	font-size: 1em;
}
.orange-dark {
background-color: #f79951;
}

.orange {
background-color: #f7e4d6;
}


cite {
	font-weight: bold;
	font-size: 1em;
}

/* use this style if you want to hide an element.  Currently used to 
hide the h1 header on the site so if the client browser supports css then 
the image is dispalyed otherwise the h1 text is displayed. */
.hiddenElement {
	display: none;
}

/* Used to clear elements within the page.  This clear has a 1px height on it 
which means that it gives a small gap between the cleared elements. */
.clear {
	clear: both;
	height: 1px;
}

/* As above, used to clear elemtns within the page */
.clearboth { 
	clear: both;
}

/* Use this orange background box rather than the orange text as specified in the AR */

.orange-text-first-para {
	
	padding: 0px 5px 0px 5px; 
	background-color: #fee1cb;
	}

/* Use this style for the small text underneath a table */
.footer-indent, .footer

{
	font-weight: normal;
	font-size: 85%;
}

.body-italic

{
	font-style: italic;
}

/******************************************************************
				Start financial statement styles
******************************************************************/

.table-text-r-align {
	text-align: right;
	font-weight: bold;
	font-size: 100%;
	vertical-align: bottom;
}
.table-text-r-align-normal {
	text-align: right;
	font-weight: normal;
	font-size: 100%;
}

.table-text-l-align-bold {
	text-align: left;
	font-weight: bold;
	font-size: 100%;
}

.table-text-center-bold {
	text-align: center;
	font-weight: bold;
	font-size: 100%;
}




.bottom-line { 

border-bottom-style: groove;
}

.table-text-r-align-borders {
	text-align: right;
	font-weight: bold;
	font-size: 100%;
	vertical-align: bottom;
	border-top-style: groove;
	border-bottom-style: groove;
}

.table-text-r-align-borders-normal {
	text-align: right;
	font-weight: normal;
	font-size: 100%;
	vertical-align: bottom;
	border-top-style: groove;
	border-bottom-style: groove;
}


.table-text-r-align-dborders {
	text-align: right;
	font-weight: bold;
	font-size: 100%;
	vertical-align: bottom;
	border-top-style: groove;
	border-bottom-style: double;
}

.table-text-r-align-dborders-normal {
	text-align: right;
	font-weight: normal;
	font-size: 100%;
	vertical-align: bottom;
	border-top-style: groove;
	border-bottom-style: double;
}

.table-text-l-align-bitalic
 {
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	font-style: italic;
}

.table-text-r-align-top {
	text-align: right;
	font-weight: bold;
	font-size: 100%;
	vertical-align: bottom;
	border-top-style: groove;
}

.table-text-r-align-top-normal {
	text-align: right;
	font-weight: normal;
	font-size: 100%;
	vertical-align: bottom;
	border-top-style: groove;
}

.table-text-r-align-bottom-normal
{
	text-align: right;
	font-weight: normal;
	font-size: 100%;
	vertical-align: bottom;
	border-bottom-style: groove;
}

.table-text-r-align-bottom-bold
{
	text-align: right;
	font-weight: bold;
	font-size: 100%;
	vertical-align: bottom;
	border-bottom-style: groove;
}

.table-text-r-align-dborders-normal-topbott
{
	text-align: right;
	font-weight: normal;
	font-size: 100%;
	vertical-align: bottom;
	border-top-style: double;
	border-bottom-style: double;
}

.table-text-r-align-dborders-bold-topbott
{
	text-align: right;
	font-weight: bold;
	font-size: 100%;
	vertical-align: bottom;
	border-top-style: double;
	border-bottom-style: double;
}

/******************************************************************
						 End general styles
******************************************************************/
/******************************************************************
						 Start table styles
******************************************************************/
table {
	width: 100%;
	border-collapse: collapse;
}

/*table th {
	background-color: #f0f4e9;
	border: 1px solid #fff;
	padding: 5px;
}

*/
table td {
	padding: 2px 2px 2px 25px;
}

table td.numbers {
	text-align: center;
	padding: 4px;
}

caption {
	color: #3e561c;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
}

.table_footer {
	font-size: .8em;
	margin-top: 0;
}

.table_footer_list {
	list-style-type: none;
	margin: 0;
	font-size: .8em;
}


/******************************************************************
						 End table styles
******************************************************************/
#page {
	width: 800px;
	margin: 5px auto;
	border: 1px solid #000033;
}

/******************************************************************
						 Start header/banner styles
******************************************************************/
#banner {
	height: 135px;
	width: 100%;
	border: none;
	background: url(../images/header.gif) no-repeat;
}

/******************************************************************
						 End header/banner styles 
******************************************************************/

/******************************************************************
		  				Start page nav style
******************************************************************/

#header {
	width: 100%;
	float: left;
}

#header h1 {
	border-bottom: 1px solid #ccc;
	width: 629px;
	margin: 0;
	height: 40px;
	padding: 5px 10px;
	float: left;
	background: url(../images/annual_report_title.gif) no-repeat left;
}

#header h1 span {
	display: none;
}

#header ul {
	float: right;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 130px;
	list-style-type: none;
}

#header ul li {
	padding: 5px;
}

/******************************************************************
		  				end page navs style
******************************************************************/

/******************************************************************
						Start page content styles
******************************************************************/


/* This div holds the main text for a given page. I.e the middle section of the page. */
#content {
	display: block; 
	margin-left: 20px; 
	margin-right: 20px;
	margin-top: 0;
	/* hide from moz \*/
	* margin-top: -20px;
	/* end hide */
	height: 1%;
	font-size: 1em;
	top: 0;
	left: 0;
}

#content p {
	line-height: 1.5em;
	letter-spacing: .02em;
}

#content li {
	line-height: 1.5em;
	letter-spacing: .02em;
}

/* last updated date stamp style */
#lastUpdated { 
	font-size : .9em;
	text-align: left;
	padding: 0;
	color: #666666;
	background-color: #fff;
}

ul li ul li {
	margin-left: 50px;
	padding-top: 5px;
}

.quote {
	margin-right: 20px;
	margin-left: 20px;
}

.address {
	margin-left: 25px;
}

/******************************************************************
						End page content styles
******************************************************************/

/******************************************************************
						Start Page Link styles
******************************************************************/
/* if different colours are required for normal links then set them here. */
a:link { 
	text-decoration : underline;
	color : #0000ff;
	background-color: inherit;
}
a:visited { 
   text-decoration : underline;
	color : #5643A3;
   background-color: inherit;
}
a:hover {
	text-decoration : underline;
	color : #5643A3;
	background-color: inherit;
}
a:active {
	/* no styles set for the active state of default link */
}

/******************************************************************
						End Page Link
******************************************************************/

/******************************************************************
						Start page index
******************************************************************/
/* if different colours are required for page index links then set them here. */
ul.index {
	list-style-image: url(images/chevron.gif);
	padding-bottom: 4px;
	line-height: normal;
}

ul.index a:link, li.index a:visited {
	text-decoration : underline;
	color: #0000ff;
	background-color: inherit;
}

ul.index a:hover, li.index a:active {
	color : #96070b;
	background-color: inherit;
}
/******************************************************************
						End page index
******************************************************************/

/*logo style*/
div.logo_right {
	padding: 20px;
	margin: 10px;
	display: block;
	border: 1px solid #ccc;
	float: right;
	clear: both;
}

#contact_table {
	padding: 10px;
}

#contact_table th {
	width: 20%;
	vertical-align: top;
	text-align: left;
	background-color: #fff;
}

#contact_table td {
	vertical-align: top;
	padding-right: 20px;
	width: 30%;
}

img.img_center {
	text-align: center;
}