/* Strata Finance - last updated Feb 2007 
	#ffffff - background, white
	#CB161B - highlight1, light purple
	#FFFFFF - primary, deep charcoal
	#ADADAE- secondary, light grey
*/

body {
	background: #FFFFFF;
	color: #444;
	margin: 0 auto;
	padding: 0;
	font: 80%/1.3 Verdana, Arial, sans-serif;
	width: 700px;
}
html {
	background: #ffffff; /*background*/
	color: #444;
}
/* links */
a:link {
	color: #CB161B; /*highlight1*/
}
a:visited {
	color: #666; 
}
a:active,
a:hover {
	background: #ffffff; /*background*/
	color: #888;
}
#table-noborder{
border:0px;
}

/* headings */
h1 {
	font-size: 170%;
}
h2 {
	font-size: 120%;
	color: #CB161B;
}
h3 {
	font-size: 100%;
}


/* tables */
table {
	margin: 0 0 1em;
	border-collapse: collapse; 
	border-top: 1px solid #CB161B; 
	border-bottom: 2px solid #CB161B; 
}

table#2 {
	margin: 0 0 1em;
	border: 0 0 0 0; 
}

/* caption = table title/heading */
caption {
	text-align: left;
	font: bold 120%/1.3 Verdana, Arial, sans-serif;
	color: #FFFFFF; /*primary*/
	margin: .3em 0;
}

/* tinted rows */
/* in CSS3 selectors: tbody tr:even or tbody tr:nth-child(2n) */
tr.even {
	background: #F2F2F2;
}

/* table cells */
th, td {
	font-weight: normal;
	padding: .3em .7em;
	text-align: left;
	vertical-align: top;
}
/* numeric data */
.numeric td {
	text-align: right;
}
/* images */
th.img,
td.img {
	vertical-align: middle;
}

/* borders to separate body sections */
tbody tr.first-child th,
tbody tr.first-child td {
	border-top: 1px solid #FFFFFF; /*primary*/
}
tbody.tfoot th,
tbody.tfoot td {
	font-weight: bold;
}

/* tints for column headings */
thead {
	background: #888;
	color: #FFF;
	white-space: nowrap;
}

/* images */
img {
	border: none;
	display: block;
}

/* abbreviations */
abbr {
	text-transform: none;
	border: none;
}


/* lists */
ul {
	margin: 0 0 1em .5em;
	padding: 0;
}
ul li {
	margin: .3em 0 .3em 1.3em;
}

/* emphasised bullets */
ul.em li {
	list-style: disc url("arrow.gif");
}

/* navigation lists */
ul.nl {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.nl li {
	display: inline;
	border-left: 1px solid #CB161B;
	padding: 0 .5em 0 .7em;
	margin: 0;
}
ul.nl li.first-child,
ul.nl li:first-child {
	border-left: none;
}
/* archive lists */
ul.archive {
   margin-bottom: 1em;
   font-size: 120%;
   font-weight: bold;
}


/* top of page */
div.top {
	text-align: right;
	font-size: 80%;
}


#content-wrapper {
	background: #FFF;
	color: #444;
	padding-top: 1em;
}
#content-closure {
	clear: both;
}

/* content */
#content {
	float: right;
	width: 100%;
/*	position: relative;*/
	font-size: 85%;
	background-color: #FFFFFF;
}
/* news content */
#content-news {
	float: left;
	width: 75%;
	margin: 0 0 0 .5em;
	padding: 0;
	z-index:1;
}
#content-news h1 {
	font-size: 150%;
	color: #CB161B; /* highlight */
}
#content-news h2 {
	font-size: 110%;
	color: #444;
}
/* offers content */
#content-offers {
	float: right;
	width: 120px;
	background: #ffffff; /*background*/
	text-align: center;
	margin: 0;
}

/* space for features */
div#content.feature div.first-child {
	margin-left: 2em;
}


/* feature images */
div#feature {
	float: left;
	margin: 0 1em 0 0;
}
div#feature img {
	height: 99px;
	width: 111px;
	margin: .5em 0 1em;
}
div#feature-sibling {
	float: left;
	width: 520px;
}

/* menu */
#menu {
	padding: .25em 0 .25em;
	height: 1.5em;
	font-size: 105%;
	border-top: 2px solid #fff;
	background: #ADADAE; /*secondary */
	color: #FFF;
	width: 700px;
	z-index: 100;
}
#menu li {
	float: left;
	width: 114px;
	padding:  0;
	position: relative;
	z-index: 100;
}
#menu :link,
#menu :visited {
	display: block;
	background-color: #ADADAE; /*secondary */
	text-transform: capitalize;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 90%;
	padding: .1em 0 .1em 0px;
}
#menu :link:active,
#menu :link:hover,
#menu :visited:active,
#menu :visited:hover {
	display: block;
	background: #ADADAE; /*secondary */
	color: #000;
	text-decoration: underline;
}
#menu li.first-child {
	background: #ADADAE; /*secondary */
	border: none;
}
#menu li {
	background: #BABBBC; /*secondary */
	border-left: 1px solid #FFF;
}
/* sub menus */
#menu li ul {
	position: absolute;
	z-index: 100;
	margin: 0;
	padding: 0;
	top: -10000em;
	font-size: 90%;
	background: #ADADAE; /*secondary */
	border: 1px solid #BABBBC;
	color: #999;
}
#menu li:hover ul,
#menu li.hover ul {
	top: 2.25em;
}
#menu li ul li {
	float: none;
	width: auto;
	border: none;
}
#menu li ul :link,
#menu li ul :visited {
	padding: .5em;
	margin: 0;
	text-transform: none;
	text-align: left;
	width: 10em;
}
#menu li ul :link,
#menu li ul :visited,
#menu li ul :link:active,
#menu li ul :link:hover,
#menu li ul :visited:active,
#menu li ul :visited:hover {
	background-position: 0 0;
	font-weight: normal;
}

/* accessibility */
#accessibility {
	background: #000;
	color: #FFF;
	font-size: 130%;
	font-weight: bold;
	position: absolute;
	top: -10em;
	left: -10000px;
}

/* header */
#header {
	border-bottom: #D3D4D4 3px solid;
	padding: 0 0 1em 0;
	height: 70px;
	color: #FFF;
	background-color: #FFFFFF;
}
#header a:link,
#header a:visited {
	text-decoration: none;
	color: #FFF;
}
#header a:active,
#header a:hover {
	background: transparent;
}

/* site tagline */
#tagline {
	height: 70px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	overflow: hidden;
	position: absolute;
	text-transform: lowercase;
	width: 700px;
	background-color: #FFFFFF;
}
#strata-logo {
	float: left;
	width: 140px;
	height: 60px;
}
#strata-logo img {
	width: 140px;
	height: 60px;
}
#tag1 {
	color: #CB161B;
	font-size: 14px;
	right: 0;
	position: relative;
	top: 20%;
	float: right;
	padding: 0px 10px 0px 0px;
}
#tag2 {
	color: #888;
	font-size: 22px;
	position: absolute;
	right: 0;
	top: 40%;
	padding: 0px 10px 0px 0px;
}

/* footer */
#footer {
	background-color:#FFFFFF;
	clear: both;
	padding: 4px 1em .3em;
	color: #ADADAE;
	border-top: #D3D4D4 3px solid;
}
#footer a:link,
#footer a:visited {
	text-decoration: none;
	color: #444;
}
#footer a:active,
#footer a:hover {
	background: transparent;
	color: #000;
}
#footer ul.nl {
	margin: .3em 0;
	text-transform: lowercase;
	text-align: center;
	font-size: 85%;
	text-align: left;
}
#footer ul.nl li {
	border-left-color: #ADADAE;
}

/* HOME PAGE */
div#homePage {
	float: left;
	width: 550px;
}
div#featureHome {
	float: right;
	margin: 0px 5px 0px 0px;
}