/* CSS Document */

body {
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
}

h1 { 
	font-size: 15px; 
	color: #5A2D7F;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

h2 {
	font-size: 13px;
}

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

img { border: 0; }

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

p, select, input, li, td {
	color: #3C3C3C;
	font-size: 11px;
}

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

.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: 5px;
	padding-bottom: 5px;
}

.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: 10px;
	padding-left: 5px;
}

.rss p {
	display: inline;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.rss a {
	color: #000000;
}

.heading p {
	font-size: 13px;
	font-weight: bold;
}

.inner_block {
	padding: 10px;
}

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

/* LAYOUT STYLES */ 
#div_container {
	width: 780px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#div_header {
	/* background-color: #E8E6DC; */
	background-color: #DED5E5;
	height: 240px;
	margin-bottom: 20px;
}

#div_headlogo {
	position: absolute;
	margin-top: 43px;
	margin-left: 20px;	
	z-index: 4;
	width: 113px;
}

#div_headerlink {
	position: absolute;
	text-align: right;
	margin-top: 18px;
	padding-right: 20px;
	width: 760px;
	z-index: 3;
}

.headerlink { font-size: 11px; }

.headerlink a { color: #000000; }

#div_headerlink form { display: inline; }

.divider {
	padding-left: 3px;
	padding-right: 3px;
}

#div_iconset {
	position: absolute;
	text-align: right;
	margin-top: 99px;
	padding-right: 20px;
	width: 760px;
	z-index: 2;
}

#div_nav {
	position: absolute;
	padding-top: 208px;
	padding-left: 20px;
	text-transform: uppercase;
	z-index: 1;
}
.nav   { font-size: 12px; color: #5A2D7F; font-weight: bold; }

.nav a { color: #5A2D7F; }

.nav a.selected { color: #CD0084; }

#div_left {
	float: left;
	width: 180px;
	padding-left: 20px;
}

#div_mid {
	float: left;
	width: 379px; /* Smaller width to create buffer */
}
#div_midwide {
	float: left;
	width: 501px;
}

#div_right {
	float: right;
	width: 180px;
	padding-right: 20px;
}

#div_footer {
	clear: both;
	border-top: 1px solid #E2E2E2;
	padding-top: 5px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	font-size: 10px;
}

#div_footer a {
	color: #000000;
}

/* LEFT COLUMN CONTENT BLOCKS */
.left_intro {
	width: 175px;
	/* margin-top: 10px; */
}
.left_intro p {
	color: #5A2D7F;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}
.left_block {
	width: 155px;
	padding: 10px;
	margin-top: 10px;
}
.left_block p .shareprice {
	font-size: 18px;
	font-weight: bold;
}
.left_block p .unit {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}

/* MID COLUMN CONTENT BLOCKS */
.mid_block {
	clear: both;
	position: relative;
	width: 350px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 5px;
	padding-left: 9px;
	padding-right: 9px;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}
.landing_intro, .subpage_intro {
	margin-left: 5px;
	padding-bottom: 10px;
	width: 350px;
	padding-left: 9px;
	padding-right: 9px;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}

.landing_intro p {
	font-weight: bold;
	font-size: 15px;
	color: #5A2D7F;
	padding-top: 0;
	margin-top: 0;
}

.subpage_intro p {
	font-weight: bold;
	font-size: 13px;
	color: #5A2D7F;
	padding-top: 5px;
	margin-top: 5px;
}

.mid_block_full {
	clear: both;
	margin-left: 5px;
	/* margin-top: 10px; */
	margin-bottom: 10px;
	width: 350px;
	padding: 10px;
}

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

.mid_block_left {
	clear: both;
	float:left;
	display: inline;
	margin-left: 5px;
	width: 163px;
	padding: 10px 10px 0px 10px;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}

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

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

#div_midwide .mid_block {
	clear: both;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 5px;
	padding-left: 9px;
	padding-right: 9px;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	width: 476px;
}

#div_midwide .landing_intro, #div_midwide .subpage_intro {
	margin-left: 5px;
	padding-bottom: 10px;
	padding-left: 9px;
	padding-right: 9px;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	width: 476px;
}

/* RIGHT COLUMN CONTENT BLOCKS */

.right_block {
	float: right;
	width: 155px;
	padding: 10px;
	margin-top: 10px;
}

#div_subcontent .right_block {
	margin-top: 0;
	margin-bottom: 10px;
}

.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: 18px;
	font-weight: bold;
}
.right_block p .unit {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}