/* CSS Document */

/* BACKGROUND COLORS FOR TESTING
#container { background-color:#FFCC00; }
#header { background-color: #E8E6DC;}
#headerlinks {	background-color:#FF9933; }
#left { background-color: #00FF66; }
#mid { background-color: #99FFCC; }
#midwide { background-color: #FF0099; }
#right { background-color:#6666FF; }
#footer { background-color: #E8E6DC; }
.mid_block {background-color:#FF99CC; } */

/* LAYOUT STYLES */ 

body {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

#container {
	width: 78.0em;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#header_home {
	background-color: #DED5E5;
	height: 24.0em;
	margin-bottom: 1.0em;
}
#header {
	background-color: #DED5E5;
	height: 24.0em;
	margin-bottom: 2.0em;
}

#bg_dividers { /* For sub pages */ 
	background-image: url(../gfx/dividers.gif);
	background-repeat: repeat-y;
	background-position: 50% 0;
}

#left {
	float: left;
	width: 18.0em;
	padding-left: 2.0em;
}

#mid {
	float: left;
	width: 37.9em; /* Smaller width to create buffer */
}
#midwide {
	float: left;
	width: 50.1em;
}

#midwidep {
	float: left;
	width: 58.1em;
}

#right {
	float: right;
	width: 18.0em;
	padding-right: 2.0em;
}

#footer {
	clear: both;
	border-top: 1px solid #E2E2E2;
	padding-top: 1.0em;
	padding-bottom: 2.0em;
	margin-left: 2.0em;
	margin-right: 2.0em;
	margin-top: 1.0em;
	font-size: 1.0em;
}

#footer2 {
	clear: both;
	border-top: 1px solid #E2E2E2;
	padding-top: 1.0em;
	padding-bottom: 2.0em;
	margin-left: 2.0em;
	margin-right: 2.0em;
	margin-top: 1.0em;
	font-size: 1.0em;
	width:78em;
	margin: 0pt auto;
}

/* GLOBAL STYLES */
h1 { 
	font-size: 1.5em; 
	color: #5A2D7F;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

h2 {
	font-size: 1.3em;
}

p, select, input, li {
	color: #3C3C3C;
	font-size: 1.1em;
}

li li, li li li, li li li li {
	font-size: 100%;
}

a { 
	color: #569099;
	text-decoration: none;
}

hr {
	color: #E2E2E2;
	background-color: #E2E2E2;
	height: 1px;
	border: 0;
}

.img_left {
	float: left;
	padding-right: 1.0em;
}
.img_right {
	float: right;
	padding-left: 1.0em;
}

.divider {
	padding-left: 0.3em;
	padding-right: 0.3em;
}
img {	border:0; }
.hidden {	display: none; }
.clear { clear: both; height: 1px; }
.searchwords { width: 13.3em; }

/* BACKGROUND COLORS - All %'s of RSA corporate colours */
.green { background-color: #DEE4D9; }
.cream { background-color: #F3F2ED; }
.slate { background-color: #E2E2E2; }
.purple { background-color: #E6E0EC; }

/* GLOBAL BLOCK STYLES */
.block h2 {
	color: #3C3C3C;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.block p {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}
.block ul, ul.links {
	list-style-image: url(../gfx/bullet.gif);
	list-style-type:none; 
	margin-left: 1.0em;
	padding-left: 0.5em;
	margin-top: 0em;
	padding-top: 1.0em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}
.bg_image {  
	background-position: bottom right;
	background-repeat: no-repeat; 
}

.generic h2 {
	color: #5A2D7F;
	margin-bottom: 0;
	padding-bottom: 0;
}
.generic p {
	margin-top: 0;
	padding-top: 0;
}
.generic ul {
	margin-left: 1.0em;
	padding-left: 0.5em;
}
.rss p {
	display: inline;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}
.rss a {
	color: #000000;
}

.heading p {
	font-size: 1.3em;
	font-weight: bold;
}

.inner_block {
	padding: 1.0em;
}



/* HEADER STYLES */
#logo {
	position: absolute;
	margin-top: 4.3em;
	margin-left: 2.0em;	
	z-index: 4;
	width: 11.3em;
}

#headerlinks {
	position: absolute;
	text-align: right;
	margin-top: 1.8em;
	padding-right: 2.0em;
	width: 76.0em;
	z-index: 3;
}
.headerlinks { font-size:1.1em; }
.headerlinks a { color: #000000; }
#headerlinks form { display: inline; }

#iconset {
	position: absolute;
	text-align: right;
	margin-top: 9.9em;
	padding-right: 2.0em;
	width: 76.0em;
	z-index: 2;
}
#nav {
	position: absolute;
	padding-top: 20.8em;
	padding-left: 2.0em;
	text-transform: uppercase;
	z-index: 1;
}
.nav   { font-size: 1.2em; color: #5A2D7F; font-weight: bold; }
.nav a { color: #5A2D7F; }
.nav a.selected { color: #CD0084; }

/* LEFT COLUMN STYLES */
#subnav ul {
	margin-left: -1.0em;
	padding-left: 0;
	list-style: none;
}
#subnav li {
	padding-left: 1.0em;
	width: 15.8em;
}
#subnav a {
	line-height: 2.3em;
	display: block;
	color: #5A2D7F;
	border-bottom: 1px solid #5A2D7F;
}
#subnav ul ul a.last {	border-bottom: 1px solid #5A2D7F; }
#subnav ul ul ul a { border-bottom: none; }
#subnav ul ul a {
	border-bottom: none;
	padding-left: 1.0em;
}
#subnav ul ul ul a {
	margin-left: 1.0em;
	padding-left: 1.0em;
}
#subnav li.selected a, #subnav li.tselected a {
	color: #CD0084;
	font-weight: bold;
}
#subnav li.selected, #subnav li li a.selected {
	background-image: url(../gfx/subnav_selected.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#subnav li li.selected {
	background-image: none;
}


/* FOOTER STYLES */
#footer a {
	color: #000000;
}

/* LEFT COLUMN CONTENT BLOCKS */
.left_intro {
	width: 17.5em;
	margin-top: 1.0em;
}
.left_intro p {
	color: #5A2D7F;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
.left_block {
	width: 15.5em;
	padding: 1.0em;
	margin-top: 1.0em;
}
.left_block p .shareprice {
	font-size: 1.8em;
	font-weight: bold;
}
.left_block p .unit {
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
}

/* MID COLUMN CONTENT BLOCKS */
.mid_block {
	clear: both;
	position: relative;
	width: 35.0em;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0.5em;
	padding-left: 0.9em;
	padding-right: 0.9em;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}
.mid_blockp {
	position: relative;
	width: 18.0em;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0.5em;
	padding-left: 0.9em;
	padding-right: 0.9em;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}
.mid_block1 {
	clear: both;
	position: relative;
	width: 35.0em;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0.5em;
	padding-left: 0.9em;
	padding-right: 0.9em;
	border-left: 1px solid #E2E2E2;
}
.mid_blockx {
	clear: both;
	position: relative;
	width: 55.0em;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0.5em;
	padding-left: 0.9em;
	padding-right: 0.9em;
	border-left: 1px solid #E2E2E2;
}
.mid_blockx2 {
	clear: both;
	position: relative;
	width: 55.0em;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20.5em;
	padding-left: 0.9em;
	padding-right: 0.9em;
	border-left: 1px solid #E2E2E2;
}

.landing_intro, .subpage_intro {
	margin-left:0.5em;
	padding-bottom: 1.0em;
	width: 35.0em;
	padding-left: 0.9em;
	padding-right: 0.9em;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}
.subpage_introx {
	margin-left:0.5em;
	padding-bottom: 1.0em;
	width: 55.0em;
	padding-left: 0.9em;
	padding-right: 0.9em;
	border-left: 1px solid #E2E2E2;
}
.landing_intro p {
	font-weight: bold;
	font-size: 1.5em;
	color: #5A2D7F;
	padding-top: 0;
	margin-top: 0;
}
.subpage_intro p {
	font-weight: bold;
	font-size: 1.3em;
	color: #5A2D7F;
	padding-top: 0.5em;
	margin-top: 0.5em;
}
.subpage_introx p {
	font-weight: bold;
	font-size: 1.3em;
	color: #5A2D7F;
	padding-top: 0.5em;
	margin-top: 0.5em;
}

.mid_block_full {
	clear: both;
	margin-left:0.5em;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	width: 35.0em;
	padding: 1.0em;
}
.mid_block_full_center {
	clear: both;
	margin-left:12em;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	width: 35.0em;
	padding: 1.0em;
}

.mid_block_full form {
	margin-top: 0;
	margin-bottom: 0;
}

.mid_block_left {
	clear: both;
	float:left;
	display: inline;
	margin-left: 0.5em;
	width: 16.3em;
	padding: 1.0em 1.0em 0em 1.0em;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}

.mid_block_right {
	float: left;
	width: 16.4em;
	padding: 1.0em 1.0em 0em 1.0em;
	border-right: 1px solid #E2E2E2;
}
.topbotpadding {
	padding-top: 1.0em;
	padding-bottom: 1.0em;
}
.topbotborders {
	clear: both;
	padding-top: 1.0em;
	padding-bottom: 1.0em;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
}

.hr {
	border-bottom: 1px solid #E2E2E2;
}

/* WIDE MID COLUMN CONTENT BLOCKS */
#midwide .mid_block {
	clear: both;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0.5em;
	padding-left: 0.9em;
	padding-right: 0.9em;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	width: 47.6em;
}

#midwide .landing_intro, #midwide .subpage_intro {
	margin-left:0.5em;
	padding-bottom: 1.0em;
	padding-left: 0.9em;
	padding-right: 0.9em;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	width: 47.6em;
}

/* RIGHT COLUMN CONTENT BLOCKS */

.right_block {
	float: right;
	width: 15.5em;
	padding: 1.0em;
	margin-top: 1.0em;
}

#subcontent .right_block {
	margin-top: 0;
	margin-bottom: 1.0em;
}

.right_block h2 {
	color: #3C3C3C;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.right_block p {
	margin-top: 0;
	padding-top: 0;
}
.right_block p .shareprice {
	font-size: 1.8em;
	font-weight: bold;
}
.right_block p .unit {
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
}