body 
{	  font-family:  arial, sans-serif, serif, cursive, fantasy, monospace; 
	  font-size: 100%;
      color : #000000;
      margin: 0px; 
	  padding: 0px;
}

#banner 
{	float: left;
	height: 90px;
	width: 100%;
	background: url(pensions-banner.jpg) right no-repeat;
}


#search
{	clear: both;
	float: right;
	margin: 1.5em 1em .5em 0;
	font-family:  arial, sans-serif, serif, cursive, fantasy, monospace; 
	font-size: 0.75em;
	font-weight: 700;
	color: #000;
}


#container 
{	clear: both;
	margin: .1em auto .5em auto;
	width: 96%;
}

.hide {height:0; width:0; overflow:hidden; position: absolute;} 


#topnav	
{	float: left;
	margin: 0 0 0 .5em;
	width: 100%;
}

.topnav1-container 
{	float: left;
	width: 15%;
	margin: 0 .45em 0 0;
	border: .09em solid #709900;
	padding: .08em;
}

.topnav1txt
{	height:4.5em;
	padding: .5em .4em .3em .4em;
	background-color: #709900;
	font-family:  Verdana, sans-serif, serif, cursive, fantasy, monospace; 
	font-weight: 700;
	font-size: .9em;
	text-align: center;
}


.topnav1txt a {text-decoration: none; color: #fff;}
.topnav1txt a:visited {color: #fff;}
.topnav1txt a:active {color: #fff;}
.topnav1txt a:hover {text-decoration: underline;}



#leftcol
{	float: left;
	width: 16%;
	margin: 1em .1em .1em .4em;
	padding: .2em;
}


.lnav
{	width: 100%;
	padding: 0;
	font-family:  Verdana, sans-serif, serif, cursive, fantasy, monospace; 
	font-size: .8em;
	background-color: #fff;
	color: #00aaab;
}


.lnav ul
{	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;
}


.lnav ul li 
{	text-decoration: none;
	margin: 0;
	line-height: 110%;
	padding: .15em .2em .15em .2em;
}


.lnavnolink3
{	border-left: .3em solid #00AAAB;
	border-right: .3em solid #00AAAB;
	border-top: .1em solid #00AAAB;
	border-bottom: .1em solid #00AAAB;
	margin: .2em 0 .2em 0;
	color: #fff;
	font-weight: 700;
	background-color: #00AAAB;
}


.lnavlink3
{	border-left: .3em solid #00AAAB;
	border-right: .3em solid #00AAAB;
	border-top: .1em solid #00AAAB;
	border-bottom: .1em solid #00AAAB;
	margin: .2em 0 .2em 0;
	color: #fff;
	font-weight: 700;
	background-color: #00AAAB;
}

.lnavlink3 a {text-decoration: none; color: #fff;}
.lnavlink3 a:visited {text-decoration: none;}
.lnavlink3 a:hover {text-decoration: none;	color: #fff;}



.lnav3header
{	border-left: .3em solid #00AAAB;
	border-right: .3em solid #00AAAB;
	border-top: .1em solid #00AAAB;
	border-bottom: .1em solid #00AAAB;
	margin: .2em 0 .2em 0;
	color: #fff;
	font-weight: 700;
	background-color: #00AAAB;
}

.lnav3header a {text-decoration: none; color: #fff}
.lnav3header a:visited {text-decoration: none; }
.lnav3header a:hover {text-decoration: none; color: #fff;}



.lnavnolink4
{	border-left: .3em solid #17B2B3;
	border-right: .3em solid #B9E8E8;
	border-top: .1em solid #fff;
	border-bottom: .1em solid #B9E8E8;
	margin: .2em 0 .2em 0;
	color: #000;
	background-color: #B9E8E8;
	padding-left: .3em;
	font-weight: 700;
}

.lnavlink4
{	border-left: .3em solid #00aaab;
	border-right: .3em solid #fff;
	border-top: .1em solid #fff;
	border-bottom: .1em solid #fff;
	margin: .2em 0 .2em 0;
	background-color: #fff;
	padding-left: .3em;
}


.lnavlink4 a {text-decoration: none; color: #000;}
.lnavlink4 a:visited {text-decoration: none;}
.lnavlink4 a:hover {text-decoration: none;	color: #476200;}



.lnavlink4parent
{	border-left: .3em solid #17B2B3;
	border-right: .3em solid #B9E8E8;
	border-top: .1em solid #fff;
	border-bottom: .1em solid #B9E8E8;
	margin: .2em 0 .2em 0;
	color: #000;
	background-color: #B9E8E8;
	padding-left: .3em;
}

.lnavlink4parent a {text-decoration: none; color: #000;}
.lnavlink4parent a:hover {text-decoration: none; color: #476200;}
.lnavlink4parent a:visited {text-decoration: none;}



.lnavnolink5
{	border-left: .3em solid #709900;
	border-right: .3em solid #E8F7F7;
	border-top: .1em solid #E8F7F7;
	border-bottom: .1em solid #E8F7F7;
	margin: .2em 0 .2em 0;
	color: #000;
	padding-left: 1em;
	background-color: #E8F7F7;
	font-weight: 700;
}


.lnavlink5
{	border-left: .3em solid #E8F7F7;
	border-right: .3em solid #E8F7F7;
	border-top: .1em solid #fff;
	border-bottom: .1em solid #E8F7F7;
	margin: .2em 0 .2em 0;
	padding-left: 1em;
	background-color: #E8F7F7;
}


.lnavlink5 a {text-decoration: none; color: #000;}
.lnavlink5 a:visited {text-decoration: none;}
.lnavlink5 a:hover {text-decoration: none;	color: #476200;}



.lnavnolink6
{	border-left: .3em solid #709900;
	border-right: .3em solid #fff;
	border-top: .1em solid #fff;
	border-bottom: .1em solid #fff;
	margin: .2em 0 .2em 0;
	color: #000;
	padding-left: 2em;
	background-color: #fff;
	font-weight: 700;
}


.lnavlink6
{	border-left: .3em solid #fff;
	border-right: .3em solid #fff;
	border-top: .1em solid #fff;
	border-bottom: .1em solid #fff;
	margin: .2em 0 .2em 0;
	padding-left: 2em;
	background-color: #fff;
}


.lnavlink6 a {text-decoration: none; color: #000;}
.lnavlink6 a:visited {text-decoration: none;}
.lnavlink6 a:hover {text-decoration: none;	color: #476200;}




/* rounded box under left navigation*/

.reader-container
{	width: 95%;
	background-color: #F2F6E8;
	margin: 2.5em 0 1.5em 0; 
}


.reader-tr {background: url(reader-tr.jpg) no-repeat top right;}


.reader-tl 
{  width: 14px;
   height: 14px;
   border: none;
   display: block !important;
   background: url(reader-tl.jpg) no-repeat top left; 
}


.rtext
{	font-family:  Verdana, sans-serif, serif, cursive, fantasy, monospace; 
	font-size: .7em;
    color : #464646;
	padding: 0 .5em .0 .8em;
}

.rtext ul
{	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;
}


.rtext li 
{	text-decoration: none;
	margin: 0;
	line-height: 1.3;
	padding: .15em 0 .15em 0;
}


.rtext a {text-decoration: none; color: #404040;}
.rtext a:visited {text-decoration: none;}
.rtext a:hover {text-decoration: underline; color: #404040;}

.reader-br {background: url(reader-br.jpg) no-repeat bottom right;}

.reader-bl
{  width: 14px;
   height: 14px;
   border: none;
   display: block !important;
   background: url(reader-bl.jpg) no-repeat bottom left; 
}


/* See page specific css for containera-pic image details */

#containera-home	
{	float: right;
	width: 98%;
	background: url(pensions-home-image.jpg) no-repeat;
  	background-position: 100% 10%;
	margin: .8em 0 0 .5em;
	min-height:350px;
  	height:auto !important;
  	height:350px;
}



/* No page specific css for containera details at lower level*/

#containera
{	float: right;
	width: 80%;
	margin: .8em 0 0 .5em;
	min-height:350px;
  	height:auto !important;
  	height:350px;
}


.breadcrumb	
{	color: #505050;
	font-family:  arial, sans-serif, serif, cursive, fantasy, monospace; 
	font-size: 0.75em;
	margin: .8em 0 .2em .8em;
	width: 80%;
}



#home-content
{	width: 70%;
	margin: 1em .2em .1em .2em;
	padding: .5em;
	font-family:  arial, sans-serif, serif, cursive, fantasy, monospace; 
	font-size: .8em;
	line-height: 1.3;
}



#page-content
{	width: 70%;
	margin: 1em 1em .1em .2em;
	padding: .5em;
	font-family:  arial, sans-serif, serif, cursive, fantasy, monospace; 
	font-size: .8em;
	line-height: 1.3;
}


#page-content-lower
{	width: 97%;
	margin: 1em .2em .1em .2em;
	padding: .5em;
	font-family:  arial, sans-serif, serif, cursive, fantasy, monospace; 
	font-size: .8em;
	line-height: 1.3;
}


#containerb	
{	float: left;
	width: 100%;
	margin: .2em 0 .3em .5em;
}

#containerb-content1
{	float: left;
	width: 47%;
	background-color: #fff;
	margin: 0 0 .2em 0;
	padding: .5em .5em .5em .5em;
	border: .1em solid #00AAAB;
}

#containerb-content2
{	float: right;
	width: 47%;
	background-color: #fff;
	margin: 0 0 .2em 0;
	padding: .5em .5em .5em .5em;
	border: .1em solid #709900;
}

.cb
{	font-family:  arial, sans-serif, serif, cursive, fantasy, monospace; 
	font-size: .8em;
    color : #000;
    margin: 0; 
	padding: 0;
}


.cb ul
{	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

.cb li
{	display: inline;
	text-align: center;
	padding: 0 1.75em 0 0;
	font-weight: 700;
	line-height: 1.3;
}


.cb li a
{	color: #000;
	text-decoration: none;
}

.cb li a:hover
{	color: #476200;
	text-decoration: underline;
}


#footer
{	clear: both;
	float: left;
	width: 100%;
	background-color: #fff;
	margin: .3em 0 .2em .5em;
	border-top: .05em solid #ccc;
}

.ftxt
{	font-family:  arial, sans-serif, serif, cursive, fantasy, monospace; 
	font-size: .7em;
    color : #6D6D6D;
    margin: 0; 
	padding: .7em .5em .7em .5em;
	text-align: right;
}

.ftxt ul
{	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

.ftxt li
{	display: inline;
	text-align: center;
	padding: 0 1.75em 0 0;
	font-weight: 700;
	line-height: 100%;
}


.ftxt li a
{	color: #6D6D6D;
	text-decoration: none;
}

.ftxt li a:hover
{	color: #6D6D6D;
	text-decoration: underline;
}


.h1-home
{	color: #00aaab;
	font-family:  Verdana, sans-serif, serif, cursive, fantasy, monospace;  
	font-weight:600;
	font-size: 1.6em;
	display: inline;
}


h1
{	color: #709900;
	font-family:  Verdana, sans-serif, serif, cursive, fantasy, monospace;  
	font-weight:700;
	font-size: 1.4em;
	display: inline;
}


h2
{	color: #709900;
	font-family:  Verdana, sans-serif, serif, cursive, fantasy, monospace;  
	font-weight: 700;
	font-size: 1.2em;
	display: inline;
}

h3
{	color: #709900;
	font-family:  Verdana, sans-serif, serif, cursive, fantasy, monospace;  
	font-weight: 700;
	font-size: 1.0em;
	display: inline;
}

.pensions-blue
{ 	font-family:  Verdana, sans-serif, serif, cursive, fantasy, monospace;  
    color : #00AAAB;
}

.pensions-green
{ 	font-family:  Verdana, sans-serif, serif, cursive, fantasy, monospace;  
    color : #709900; 
}

.pensions-red
{ 	font-family:  Verdana, sans-serif, serif, cursive, fantasy, monospace;  
    color : #C00000; 
}


img {border: 0;}


span.rfloat 
{	clear: right;
	float: right;
	margin: .5em 0 .5em .5em;
}

span.lfloat {
	clear: left;
	float: left;
	margin: .5em .5em .5em 0;
}

.hsctable
{	padding: 0;
	font-family:  Verdana, sans-serif, serif, cursive, fantasy, monospace;  
	color : #000;
	font-size: 1em;
	width: 100%; 
	
}
	
.hsctable th {padding: 3px; color: #000; background-color: #fff; text-align: left;}

.hsctable td {padding: 3px; color: #000; background-color: #fff; text-align: left;}