/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;
}

body {
	font-size: 100%;
	line-height: 1.125em;
	color: #333;
	background-color: #fff;
}

div#header {
	margin-bottom: 1em;
	padding-left: 4.3em;
	background: transparent url("http://coda.co.za/img/global/logo_jquery.png") 0 0.2em no-repeat;
	border-bottom: 2px solid #00274c;
}

p#header {
	padding-bottom: 1em;
}

h1, h2 {
	font-family: "Arial";
	font-weight: normal;
	line-height: 1em;
}

h1 {
	margin: 0 0 0.3em 0;
	font-size: 2em;
}

h2 {
	margin: 0 0 1em 0;
	font-size: 0.9em;
	color: #666;
}

p, ul, input, button {
	font-family: "Arial";
}

p {
	margin: 0 0 1.3em 0;
	font-size: 0.7em;
	line-height: 1.5em;
}

ul {
	list-style-type: none;
}

li {
	font-size: 0.7em;
	line-height: 1.3em;
}

img, a img {
	border: 0;
}

div#container {
	position: relative;
	margin: 1em 0;
	padding: 1em;
	background-color: #e4e9ec;
}

a.download {
	font-weight: bold;
	font-size: 1.1em;
}

div#footer {
	padding-top: 1em;
	color: #e4e9ec;
	border-top: 2px solid #e4e9ec;
}
.head1 {
	font-size: medium;
	font-family: Arial;
	color: #00446A;
	font-weight: bold;
}
.head2 {
	font-size:small;
	font-family: Arial;
	font-weight: bold;
	margin-bottom: 6pt;
	margin-top: 6pt;
}
.copy {
	font-size:x-small;
	font-family: Arial;
	margin-bottom: 6pt;
	margin-top: 6pt;
}
.bg1 {
	background-color:#e4e9ec;
}
.bg2 {
	background-color:#f2e8bb;
}
.bg3 {
	background-color:#cee0b3;
}
.bg4 {
	background-color:#b8bc9b;
}
.bg5 {
	background-color:#EFF3E8;
}
.bg6 {
	background-color:#003366;
}
.bg7 {
	background-color:#002e4f;
}
.bg8 {
	background-color:#a5ce39;
}
.bg9 {
	background-color:#006b6e;
}
.bg10 {
	background-color:#eeb211;
}
.bg11 {
	background-color:#860038;
}
.list {
	font-size: 0.7em;
	line-height: 1.3em;
	font-family: Arial;
	margin-bottom: 3pt;
	margin-top: 3pt;
	margin-left: 20px;
	margin: 5px 5px 5px 25px;
	list-style-type: square;
}
.note {
	font-size: 0.7em;
	line-height: 1.3em;
	font-family: Arial;
	font-style:italic;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:0px;
}
.bord7 {
	border: 1px solid #002e4f;
}
.bord8 {
	border: 1px solid #a5ce39;
}
.bord9 {
	border: 1px solid #006B6E;
}
.bord10 {
	border: 1px solid #eeb211;
}
.bord11 {
	border: 1px solid #860038;
}
.box-head {
	background-color: #002e4f;
	color: #FFFFFF;
	margin-left:5px;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.body-box {
	font-size: 0.7em;
	line-height: 1.3em;
	font-family: Arial;
	margin-bottom: 6pt;
	margin-top: 6pt;
	margin-left: 10px;
	margin-right: 10px;
}
.steps {
	font-size: small;
	font-family: Arial;
	color: #00446A;
	font-weight: bold;
	margin-left: 3px;
	margin-right: 3px;
}
.numbers {
	font-size: large;
}
.table-header {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	font-size: 1em;
	line-height: 100%;
	margin-bottom: 4px;
}
.table-copy {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	font-size: .7em;
	line-height: 100%;
}
.table-border {
	border: 1px solid #e4e9ec;
	margin-bottom: 4px;
	border-collapse: collapse;
}
.table-bordernone {
	border-style: none;
	border-width: 0;
}
.table-border2 {
	border: 1px solid #e4e9ec;
	border-collapse: collapse;
}
.table-head {
	border: 1px solid #e4e9ec;
	background-color: #e4e9ec;
	border-collapse: collapse;
}
.img-bottom {
	vertical-align: bottom;
}

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:135px;
	width:585px;
	margin-left: 0px;
	margin-right:0px;
	left:0px;
	right:0px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	left:0px;
	right:0px;
}
/* rotator image style */	
	div#rotator ul li img {
	border:0px;
	padding: 0px;
	left:0px;
	right:0px;
}
    div#rotator ul li.show {
	left:0px;
	right:0px;
}