/* http://www.unsecuredloans.co.za/screen.css */
/* hidden "skip to the content" and "upgrade your browser" links */
#skip { position: absolute; top: -1000px; }
#upgrade, .upgrade { display: none; }

/**************************** Common Stlyes ****************************/
a:link { color:#004990; }
a:hover { color:#004990; text-decoration:none; }
a:visited { color:#004990; }

html {
	margin:0;
	padding:0; 
}

body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#495554;
	background: #113255 url(body-bkgd.jpg) 0 0 repeat-x;
	text-align: center;
}

p { 
	margin:15px 0;
	padding:0;
}

ul {
	margin:0 0 0 20px;
	padding:0;
}

ul li { padding-top:12px; }

h1 { 
	font-family:Arial; 
	font-size:2.0em; 
	margin:2em 0 0 0;
}
h2 { 
	font-family:Arial; 
	font-size:1.6em; 
	margin:2em 0 0 0;
}
h3 { 
	font-family:Arial; 
	font-size:1.3em;
	margin:2em 0 0 0;
}
h4 { 
	font-family:Arial; 
	font-size:1.2em; 
	margin:2em 0 0 0;
}
h5, h6, h7 { 
	font-family:Arial; 
	font-size:1em; 
	margin:1.5em 0 0 0;
}
table 
{
    width:120%;
    vertical-align:top;
    text-align:right;
    border:none;
}

#PageContainer .bluegreen,
#PageContainer .bluegreeb a:link,
#PageContainer .bluegreen a:visited{
	color:#6c8996;
}

#PageContainer .blue,
#PageContainer .blue a:link,
#PageContainer .blue a:visited{ 
	color:#004990;
}

#PageContainer .brown,
#PageContainer .brown a:link,
#PageContainer .brown a:visited {
	color:#bb8d09;
}

#PageContainer .grey,
#PageContainer .grey a:link,
#PageContainer .grey a:visited {
	color:#495554;
}

#PageContainer .black,
#PageContainer .black a:link,
#PageContainer .black a:visited {
	color:#131e24;
}

#PageContainer .nounderline,
#PageContainer .nounderline a:link,
#PageContainer .nounderline a:visited {
	text-decoration:none;
}
#PageContainer .nounderline a:hover,
#PageContainer a.nounderline:hover {
	text-decoration:underline;
}

a img 
{
    border:none;
}

/**************************** Page Style ****************************/

#PageContainer {
	width:760px;
	margin:0 auto 100px auto;
	background-color:#ffffff;
	padding:0 12px;
	text-align: left;
}


.div {
	padding:3px 0;
}

#Header{
	border-bottom:1px solid #cccccc; 
	width:100%; 
	margin:0;
	font-size:1.1em;
	font-weight:bold;
}


#PageHeader {
	height:73px;
	width:560px;
	float:right;
	border-bottom:1px solid #cccccc;
	padding:0;
	margin:0;
	font-size:1.2em;
}

#PageHeader .learn {
	background:url(learnabout_subheader.jpg) right top no-repeat;
	height:73px;
}

#PageHeader h1 {
	padding:2.7em 0 0 0;
	margin:0;
	font-size:1.3em
}


#SubNav {
	text-align:center;
	margin:0 0 9px 0;
	padding:0;
}
#SubNav span.spacer {
	padding:0 12px;
}
#SubNav a:link{ 
	color:#495554;
	text-decoration:none;
}
#SubNav a:visited{ 
	color:#495554;
	text-decoration:none;
}
#SubNav a:hover{
	color:#495554;
	text-decoration:underline;
}

.leftnav a.selected:link,
#SubNav a.selected:link,
.leftnav a.selected:visited,
#SubNav a.selected:visited { 
	color:#bb8d09;
	text-decoration:none;
}
#SubNav a.selected:hover { 
	color:#bb8d09;
	text-decoration:underline;
}

#MeatLeft {
	float:left;
	width:145px;
	/*margin:52px 0 0 0;*/
	position:relative;
	top:52px;
	left:0;
}
/**************************** Navigation Styles ****************************/
#Navigation{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:20px;
}
ul.leftnav 
{
    position: relative;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.leftnav li {
	border-bottom:1px solid #cccccc;
	margin:0 0 -1px 0; /* aligns the bottom of the ul with the bottom of the last li */
	margin: 0;
	padding:7px 0 6px 20px;
	background:transparent url(nav_arrow.gif) 5px 9px no-repeat;
}
.leftnav li.selected {
	background:transparent url(nav_arrow_selected.gif) 5px 4px no-repeat;
}
.leftnav ul li.nounderline,
.leftnav li.nounderline {
	border-bottom:none;
}

.leftnav ul {
	list-style-type:none;
	border-top:1px dashed #cccccc;
	margin:6px 0 0 -20px;
	padding:0 0 0 6px;
}
.leftnav ul li {
	border-bottom:1px dashed #cccccc;
	font-weight:normal;
}
.leftnav ul li.nounderline {
   	padding-bottom:0;
}


.leftnav li.nounderline ul {
	border-bottom:1px dashed #cccccc;
    padding-bottom:0;
    margin-bottom:0;
}


.leftnav ul ul {
	list-style-type:none;
	border-top:none;
	margin:6px 0 0 -20px;
	padding:0 0 0 15px;
}
.leftnav ul li.nounderline ul {
	list-style-type:none;
	border-top:none;
	border-bottom:1px dashed #cccccc;
	margin:0 0 0 -20px;
	padding:0 0 0 15px;
}

.leftnav ul ul li 
{
	border:none;
	font-weight:normal;
	font-style:italic;
}

.leftnav ul li.selected {
	color:#bb8d09;
}

.leftnav a:link,
.leftnav a:visited 
{
    color:#495554;
    text-decoration:none;
}

.leftnav a:hover 
{
    text-decoration:underline;
    
}


#MeatRight {
	float:right;
	width:600px;
	margin-top:25px;
}
/**************************** Content Styles ****************************/
#Content{
	float:left;
	width:400px;
	font-size:1.2em;
	line-height:1.55em;
	margin-bottom:20px;
}
#ContentSpacing {
	padding:0 29px 0 40px;
}



#Content #ContentHeader 
{
    background: #c0920e url(content-header.jpg) 0 0 no-repeat;
    margin:0 -29px 10px -40px;
}

#MeatRight * #ContentHeader h2 
{
    padding:5px 0 4px 37px;
    margin:0;
    color:#ffffff;
    border:none;
}


#Content p.noTop 
    { margin:0 0 9px 0; } 

.noTop {
	margin-top:0;
}
    

#Content ol {
    padding:0;
    margin:0 0 0 45px;
}

#Content ul ol 
{
    padding:0;
    margin:0 0 0 24px;
}


#Content ul ol li 
{
    padding:4px 0;
    margin:0;
    background-image:none;
}


#Content li h4 { 
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0.5em 0;
}


#Content ul 
{
    padding:0;
	list-style-type:none;
	margin-left:-20px;
}
#Content ul.indented 
{
    list-style-type:none;
    margin-left:55px;
}

#Content ul li {
	padding:4px 0 10px 40px;
	margin:10px 0 0 -20px;
	background:url(brown_bullet.gif) 8px 0 no-repeat;
	border-bottom:1px dashed #cccccc
}

#Content ul li p
{
    padding-top:0;
    margin-top:0;
}

#Content ul ul {
	list-style-type:none;
}

#MeatRight * table ul,

#Content ul.small_bullets {
	list-style-type:none;
	margin:0 0 0 0px;
}

#MeatRight * table ul li,
#TopContent ul.small_bullets li,
#TopContent ul ul li,
#Content ul.small_bullets li,
#Content ul ul li {
	padding:1px 0 1px 11px;
	margin:2px 0 2px 20px;
	background:url(nav_brown_arrow.gif) 0 10px no-repeat;
	border:none;
}
#TopContent ul ul li,
#Content ul ul li {
	margin:2px 0 2px 35px;
}
.NewsHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
}

.inline 
{
    display:inline
}

.data 
{
    width:90%;
    margin:30px 0;
}
.data th
{
    text-align:center;
    vertical-align:middle;
    background-color:#bb8d09;
    padding:9px;
    margin:3px;
    color:#ffffff;
    font-weight:bold;
}
.data td 
{
    text-align:center;
    vertical-align:middle;
    padding:9px;
    margin:3px;
    border:1px solid #cccccc;
}
.data td.padding 
{
    padding-left:40px;
    text-align:left;
}

.no_data 
{
    width:100%
}
.no_data td 
{
    padding:5px;
    margin:3px;
    background-color:#f2f4f8;
    text-align:left;
    vertical-align:top;
}

.no_data h3 
{
    margin:0 0 0.5em 0;
}
.no_data h5 
{
    width:150px;
    padding-left:10px;
    margin:6px 0;
}
.no_data p
{
    margin:6px 0 14px 0;
}
.no_data strong 
{
    font-style:italic;
}
.SmallText 
{
    font-size:90%;
}
.NewsStory 
{
    background-color:#f0f0f6;
    padding:10px;
    margin-bottom:20px;
}

.Equal#Content { width:320px; }
/**************************** Secondary Styles ****************************/
.Equal#Secondary { width:280px; }

#Secondary{
	float:right;
	width:194px;
	font-size:1.1em;
	margin:0px 0;
	/*position:relative;
	top:-63px;
	left:0;
	right:0;
	bottom:0;*/
}
#Secondary .indent {
	padding-left:19px;
}
#Secondary h3
{
}
#Secondary h3.bumpDown
{
    /*margin-top:63px;*/
}
#Secondary .title {
	margin:0;
    color:#ffffff;
	font-size:14px;
	height:22px;
	padding:6px 0 0 20px;
}
#FeaturedHeader 
{
    background:transparent url(featured-bk.jpg) 0 0 repeat-x;
    color:#ffffff;
}
#FeaturedHeader h3
{
    margin:0;
    padding:5px 0 6px 20px;
}
#Secondary .underlined {
	border-bottom:1px dashed #cccccc;
}
#Secondary h3.underlined {
	padding-bottom:13px;
}

#Secondary p {
	margin-top:0;
}
.FeaturedResources {
	margin:0 0 0 0;
	padding:11px 0 11px 20px;
	list-style-type:none;
	line-height:1.4em;
}
.FeaturedResources li {
	background: transparent url(circ_arrow_brown.gif) 0 11px no-repeat; 
	padding:0 0 0 20px;
	margin:0 0 0 -20px;
}
.FeaturedResources li.bumpBullet {
	background:transparent url(circ_arrow_brown.gif) 0 60px no-repeat; 
	padding:0 0 0 20px;
	margin:0 0 0 -20px;
}
.FeaturedResources li div 
{
    padding:10px 0;
	border-bottom:1px dashed #cccccc;
	background-position:right center;
	background-repeat:no-repeat;
	/*background-image:url(blue_circle.gif);*/
}
.FeaturedResources li.empty
{
    background-position:0 16px;
}
.FeaturedResources li.empty div { 
	padding:16px 50px 26px 0;
	background-position:center right;
}


.FeaturedResources li.noCircle div
{
    padding:10px 0;
	border-bottom:1px dashed #cccccc;
	background:none;
}

.FeaturedResources li div.understanding
{
	background-image:url(understanding.gif);
}
.FeaturedResources li div.families
{
	background-image:url(familes.gif);
}
.FeaturedResources li div.everyone
{
	background-image:url(everyone.gif);
}
.FeaturedResources li div.dealingdeath
{
	background-image:url(dealingdeath.gif);
	background-position:right center;
}
.FeaturedResources li div.ratings
{
	background-image:url(ratings.gif);
	background-position:right 15px;
}
.FeaturedResources li div.whatis
{
	background-image:url(what-is.gif);
}
.FeaturedResources li div.termlife
{
	background-image:url(term-life.gif);
	background-position:right 25px;
}
.Equal#Secondary .FeaturedResources li div.termlife
{
	background-position:right center;
}
.FeaturedResources li div.universallife
{
	background-image:url(universal-life.gif);
}
.FeaturedResources li div.howmuch
{
	background-image:url(universal-life.gif);
}
.FeaturedResources li div.education
{
	background-image:url(education.gif);
}

.FeaturedResources li div p
{
	padding:0;
	margin:0;
	width:126px;
}

.FeaturedResources ul
{
    padding:0;
    margin:0 0 0 0px;
}
.FeaturedResources ul li
{
    padding:5px 0 2px 8px;
    margin:0 0 0 0;
    background: transparent url(nav_brown_arrow.gif) 0px 11px no-repeat;
    list-style-type:none;
    border:none;
}

.Equal#Secondary .FeaturedResources li ul
{
	padding:0;
   	width:200px;
}
.Equal#Secondary .FeaturedResources li p 
{
	padding:0;
    margin:0;
   	width:200px;
}



.FeaturedResources h4{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:1.1em;
}
.FeaturedResources h4 a:link,
.FeaturedResources h4 a:visited {
	text-decoration:none;
}
.FeaturedResources h4 a:hover {
	text-decoration:underline;
}



td.header
{
	font-weight:bold;
	background-color:#E6E6E1;
	
}
td.all
{
	background-color:#E6E6E1;
}
table.main
{
	font-family:Arial;
	font-size:11px;
	border-style:none;
	border-color:#2F275D;
	border-width:thin;
	text-align:left;
}