/* CSS Document */

/* ---- Your Money Your Home ---- */

body {
	color:#000;
	background-color:#fff;
	padding:1em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: verdana, arial, helvetica, sans-serif;
}

*	 {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6,ol, ul, li, p, dt {
	font-family: verdana, arial, helvetica, sans-serif;
	letter-spacing:0.06em;
	background-color:transparent;
	font-weight:normal;
}

p {
	color:#000;
	line-height:1.88em;
	font-size:1.03em;
	font-weight:normal;
	margin:0 35px 8px 4px;
	padding:0;
}

h1, h2, h3, h4 {color:#242e35;}
		
h1{
	font-size:170%;
	width:100%;
	float:left;
	margin-bottom:25px;
}

h2, h2.home {
	font-size:140%;
	margin:/*6px*/0 50px 6px 4px;	
}

h2.home {margin-bottom:10px;}

h3, h4 {
	font-size:120%;
	margin:0 50px 15px 4px;
}

h4 {font-size:95%;}

a:link, a:visited, a:hover, a:focus, a:active {
	text-decoration:underline;
	background-color:transparent;
}

a:link, a:visited {color:#009933; text-decoration:underline;}

a:hover, a:focus {color:#009933; text-decoration:underline;}

a:active{color:#F00417;}

img {border: 0;}

ul, ol {font-size:90%;}

ul li{
	margin-bottom:10px;
	font-size:105%;
}

ul li a:link, ol li a:link, ul li a:visited, ol li a:visited {
	text-decoration:none;
	border-bottom:1px dotted #999999;
	color:#032E50;
}

ul li a:focus, ul li a:hover {
	border-bottom:1px solid #000000;
	color:#F00417;
}

#topInfo ul li a:link, #topInfo ul li a:visited, #footer a:link, #footer a:visited {
	color: #575656;
	text-decoration:none;
	border-bottom:1px dotted #ccc;}
	
#topInfo ul li a:hover, #topInfo ul li a:focus, #footer a:hover, #footer a:focus, div#miniLogos a:focus, #miniLogos a:hover {	
	color:#ce0000;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}

/* ---- layout ---- */

#wrapOuter, #wrapInner {
	min-width:550px;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:6px 20px 12px 20px;
	background-color:#fff;
}

#wrapInner {
	border:1px solid #575656;
	clear:both;
	float:left;
	width:95%;
	border:1px solid;
	border-color:#999 #666 #666 #999;
	box-shadow:2px 2px 5px #ccc;
/*	-webkit-box-shaadow: 2px 2px 5px #ccc;
	-moz-box-shadow: 2px 2px 5px #ccc;
*/}

#wrapContent, #wrapContentHome, #wrapWords, #wrapContentIntro {
	padding-top:10px;
	float:right;
	width:72%;
	margin:0 0 20px 0;
	display:block;
	background-color:#fff;
	border:1px dotted #999;
}

#wrapContentHome {float:left; margin-left:2%; width:70%;}

#wrapContentIntro {
	clear:both; 
	float:none;
	margin-left:auto; 
	margin-right: auto; 
	display:block;}

/* information blocks */

.block, .wrapCareful .block, .wrapInformation .block, .example .block, .blockLink{
	width:100%;
	display:block;
	float:left;
	margin-bottom:25px;
	margin-left:5%;
}
	
.text, .example .text{
	float:left;
	width:56%;
	margin-left:5%;
	text-align:left;
}
	
.block ul {margin-left:20px;}

.block ul li {font-size:110%;}

.block .text ul li a:link, .block .text ul li a:visited {color:#009933; text-decoration:underline; border-bottom:none;}

.block .text ul li a:hover, .block .text ul li a:focus {color:#009933; text-decoration:underline; border-bottom:none;}

.image {
	border:1px solid #CCCCCC;
	float:left;
	width:150px;
	height:150px;
	margin-left:20px;
}

/* careful */

.wrapCareful, div.wrapInformation {
	border:2px solid #FF0801;
	float:left;
	margin-left:5%;
	width:90%;
	margin-top:25px;
	margin-bottom:25px;
	padding:10px 0;
}

.wrapCareful .block {margin-left:2.5%; width:106%;}

.wrapCareful .block .image {margin-left:0}

.wrapCareful .block .imageCareful {
	float:left;
	margin:0 10px 10px 45px;
	border:none;
}
	
.wrapCareful .block .text {width:60%; margin-left:6%;}

.wrapCareful h2 {margin-left:55px; margin-top:25px; float:left;}

.wrapCareful .block .text p.force {clear:both;}

div.imageBudgetNumbers{
	width:80px;
	height:80px;
	float:left;
	margin:0 20px 0 0;
	border:1px solid #999;
}

/*top navigation */

#topInfo {
	float:left;
	padding:0;
	width:100%;
	margin:15px 0;
}

#topInfo ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:75%;
	height:35px;
}

#topInfo ul li {display:inline;}

#topInfo ul li.home a:link, li.home a:visited, li.home a:hover, li.home a:focus{
	background:transparent url(/your-money-your-home/images/icons/home-grey.png) 5px 0 no-repeat;
	float:left;
	padding:7px 0 3px 34px;
}

#topInfo ul li.home a:hover, li.home a:focus {background:transparent url(/your-money-your-home/images/icons/home-black.png) 5px 0 no-repeat;}

/* change options */

#topInfo ul#options {float:right; font-size:100%; margin-right:1.2%;}


#topInfo ul#options li.aboutSite a:link, #topInfo ul#options li.aboutSite a:visited, #topInfo ul#options li.aboutSite a:hover, #topInfo ul#options li.aboutSite a:focus {
	background:transparent url(/your-money-your-home/images/icons/question-grey-new.png) left no-repeat;
	padding-top:6px;
	padding-left:28px;
}

#topInfo ul#optionsli.aboutSite a:link, #topInfo ul#options li.aboutSite a:visited {background:transparent url(/your-money-your-home/images/icons/question-grey-new.png) left  no-repeat; 	
}

#topInfo ul#options li.aboutSite a:hover, li.aboutSite a:focus {background:transparent url(/your-money-your-home/images/icons/question-black-new.png) left no-repeat;}

#topInfo ul#options li.cream a:link, #topInfo ul#options li.cream a:visited, #topInfo ul#options li.cream a:hover, #topInfo ul#options li.cream a:focus, #topInfo ul#options li.black a:link, #topInfo ul#options li.black a:visited, #topInfo ul#options li.black a:hover, #topInfo ul#options li.black a:focus, #topInfo ul#options li.white a:link, #topInfo ul#options li.white a:visited, #topInfo ul#options li.white a:hover, #topInfo ul#options li.white a:focus, #topInfo ul#options li.normal a:link, #topInfo ul#options li.normal a:visited, #topInfo ul#options li.normal a:hover, #topInfo ul#options li.normal a:focus, #topInfo ul#options li.large a:link, #topInfo ul#options li.large a:visited, #topInfo ul#options li.large a:focus, #topInfo ul#options li.large a:hover {
	width:30px; 
	height:30px;
	padding-left:0;
	padding-top:0;
	margin-top:-7px;
	margin-left:5px;
}

#topInfo ul#options li.cream a:link, #topInfo ul#options li.cream a:visited  {background:transparent url(/your-money-your-home/images/icons/black-on-cream.png) left no-repeat;}

#topInfo ul#options li.cream a:hover, #topInfo ul#options li.cream a:focus {background:transparent url(/your-money-your-home/images/icons/black-on-cream-go.png) left no-repeat;}

#topInfo ul#options li.black a:link, #topInfo ul#options li.black a:visited {background:transparent url(/your-money-your-home/images/icons/white-on-black.png) left no-repeat;}

#topInfo ul#options li.black a:hover, #topInfo ul#options li.black a:focus {background:transparent url(/your-money-your-home/images/icons/white-on-black-go.png) left no-repeat;}

#topInfo ul#options li.white a:link, #topInfo ul#options li.white a:visited  {background:transparent url(/your-money-your-home/images/icons/black-on-white.png) left no-repeat;}

#topInfo ul#options li.white a:hover, #topInfo ul#options li.white a:focus {background:transparent url(/your-money-your-home/images/icons/black-on-white-go.png) left no-repeat;}

#topInfo ul#options li.normal a:link, #topInfo ul#options li.normal a:visited  {background:transparent url(/your-money-your-home/images/icons/text-normal.png) left no-repeat;}

#topInfo ul#options li.normal a:hover, #topInfo ul#options li.normal a:focus {background:transparent url(/your-money-your-home/images/icons/text-normal-go.png) left no-repeat;}

#topInfo ul#options li.large a:link, #topInfo ul#options li.large a:visited {background:transparent url(/your-money-your-home/images/icons/text-large.png) left no-repeat;}

#topInfo ul#options li.large a:hover, #topInfo ul#options li.large a:focus {background:transparent url(/your-money-your-home/images/icons/text-large-go.png) left no-repeat;}

 /* main navigation */

#nav {
	float:left;
	display:block;
 	width:100%;
	padding:0;
	margin-bottom:40px;
}

#nav ul {
 	list-style-type: none;
 	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	float:left;
}

#nav ul li {
	float: left;
	margin: 7px 0 0 0;
	width:15%;
	margin-left:1.90%;
}

#nav ul li a:link, #nav ul li a:visited, #nav ul li a:focus, #nav ul li a:hover {
	min-height:48px;
	padding-top:45px;
	padding-bottom:0;
	display:block;
	border-radius:5px;
/*	-moz-border-radius: 5px; 
	-webkit-border-radius:5px;
*/}

#nav ul li.paying, #nav ul li.payingOn {margin-left:0;}

#nav ul li.paying a:link, #nav ul li.paying a:visited, #nav ul li.payingOn a:link, #nav ul li.payingOn a:visited, #nav ul li.gasElec a:link, #nav ul li.gasElec a:visited, #nav ul li.gasElecOn a:link, #nav ul li.gasElecOn a:visited, #nav ul li.help a:link, #nav ul li.help a:visited, #nav ul li.helpOn a:link, #nav ul li.helpOn a:visited, #nav ul li.insurance a:link, #nav ul li.insurance a:visited, #nav ul li.insuranceOn a:link, #nav ul li.insuranceOn a:visited , #nav ul li.managing a:link, #nav ul li.managing a:visited, #nav ul li.managingOn a:link, #nav ul li.managingOn a:visited, #nav ul li.bills a:link, #nav ul li.bills a:visited, #nav ul li.billsOn a:link, #nav ul li.billsOn a:visited {width:100%;}

/* paying */

#nav ul li.paying a:link, #nav ul li.paying a:visited {
	color:#0c2a6f;	
	border:2px solid #0c2a6f;
	background:url(../images/nav-your-house.png) top no-repeat #fff;
	margin-left:0;
}

#nav ul li.payingOn a:link, #nav ul li.payingOn a:visited {
	color:#fff;
	border:2px solid #0c2a6f;
	background:url(../images/nav-your-house.png) top no-repeat #0c2a6f;
	margin-left:0;
}

/*gas and electricity */

#nav ul li.gasElec a:link, #nav ul li.gasElec a:visited{
	color:#994D0F;
	border:2px solid #994D0F;
	background:url(../images/nav-gas-elec.png) top no-repeat #fff;
}

#nav ul li.gasElecOn a:link, #nav ul li.gasElecOn a:visited {
	color:#fff;
	border:2px solid #994D0F;
	background:url(../images/nav-gas-elec.png) top no-repeat #994D0F;
}

/* getting help */
	
#nav ul li.help a:link, #nav ul li.help a:visited {
	color:#96214a;
	border:2px solid #96214a;
	background:url(../images/nav-help.png) top no-repeat #fff;
}

#nav ul li.helpOn a:link, #nav ul li.helpOn a:visited {
	color:#fff;
	border: 2px solid #96214a;
	background:url(../images/nav-help.png) top no-repeat #96214a;
}

/* insurance */

#nav ul li.insurance a:link, #nav ul li.insurance a:visited {
	color: #563775;
	border:2px solid #563775;
	background:url(../images/nav-insurance.png) top no-repeat #fff;
}

#nav ul li.insuranceOn a:link, #nav ul li.insuranceOn a:visited {
	color:#fff;
	border:2px solid #563775;
	background:url(../images/nav-insurance.png) top no-repeat #563775;
}

/*managing */

#nav ul li.managing a:link, #nav ul li.managing a:visited {
	color:#1a761a;
	border:2px solid #1a761a;
	background:url(../images/nav-managing.png) top no-repeat #fff;
}

#nav ul li.managingOn a:link, #nav ul li.managingOn a:visited {
	color:#fff;
	border:2px solid #1a761a;
	background:url(../images/nav-managing.png) top no-repeat  #1a761a;
}

/* other bills */

#nav ul li.bills a:link, #nav ul li.bills a:visited {
	color: #1a7373;
	border:2px solid #1a7373;
	background:url(../images/nav-bills.png) top no-repeat #fff;
}

#nav ul li.billsOn a:link, #nav ul li.billsOn a:visited {
	color:#fff;
	border:2px solid  #1a7373;
	background:url(../images/nav-bills.png) top no-repeat #1a7373;
}

#nav ul li.paying a:hover, #nav ul li.paying a:focus, #nav ul li.gasElec a:hover, #nav ul li.gasElec a:focus, #nav ul li.help a:hover, #nav ul li.help a:focus, #nav ul li.insurance a:hover, #nav ul li.insurance a:focus, #nav ul li.managing a:hover, #nav ul li.managing a:focus, #nav ul li.bills a:hover, #nav ul li.bills a:focus {text-decoration:underline;}


#nav ul li.payingOn a:hover, #nav ul li.payingOn a:focus,#nav ul li.gasElecOn a:hover, #nav ul li.gasElecOn a:focus, #nav ul li.helpOn a:hover, #nav ul li.helpOn a:focus, #nav ul li.insuranceOn a:hover, #nav ul li.insuranceOn a:focus, #nav ul li.managingOn a:hover, #nav ul li.managingOn a:focus, #nav ul li.billsOn a:hover, #nav ul li.billsOn a:focus {
	text-decoration:none;
}
	
/* ---- sub navigation ---- */
	
#subNav {
	float:left;
	width:24%;
	padding:0;
	margin:0;
	margin:0 10px 2px 0;
	border:3px solid;
	text-align:left;
	border-radius:5px;
/*	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
*/}

#subNav ul {
	background-color:#fff;
	border:1px solid #fff;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	list-style-type:none;
}

#subNav ul#gasElec li.on, #subNav ul#paying li.on, #subNav ul#otherBills li.on, #subNav ul#managing li.on {padding-left:0;}

#subNav ul li {
	border-bottom:3px solid #FFFFFF;
	padding-left:5px;
}

#subNav ul li a {color: #242e35;}

/* ul li */

#subNav ul li a:link, #subNav ul li a:visited, #subNav ul li a:focus, #subNav ul li a:hover, #subNav ul li.nav a:link, #subNav ul li.nav a:visited, #subNav ul li.nav a:hover, #subNav ul li.nav a:focus  {	
	text-decoration:none;
	color:#000;
}

#subNav ul li a:hover, #subNav ul li a:focus {border-bottom:1px solid #999;}
	
ul#gasElec li.first, ul#otherBills li.first, ul#insurance li.first, ul#managing li.first, ul#paying li.first, ul#help li.first, ul#about li.first {
	list-style-type:none;
	font-size:100%;
	padding:5px 0 5px 3px;
	margin:0 0 10px 0;
	color:#fff;
}

ul#paying li.firstSection {
	color:#0c2a6f;
	background-color:#fff;
	font-weight:600;
	border-bottom:none;
}
	
ul#paying li.first {background-color:#25407e;}

ul#gasElec li.first{background-color:#994D0F;}

ul#otherBills li.first{background-color:#1a7373;}

ul#insurance li.first{background-color:#563775;}

ul#managing li.first{background-color:#1a761a;}

ul#help li.first{background-color:#96214a;}

ul#about li.first{background-color:#ce0000;}

/* tints */

ul#paying li.on, ul#gasElec li.on, ul#otherBills li.on, ul#insurance li.on, ul#managing li.on {list-style-type:none;}

ul#paying li.navSub, ul#gasElec li.navSub, ul#otherBills li.navSub, ul#managing li.navSub, ul#about li.navSub, ul#paying li.navSubOn, ul#gasElec li.navSubOn, ul#otherBills li.navSubOn, ul#managing li.navSubOn, ul#about li.navSubOn {
	list-style-type:circle;
	margin:0 4px 10px 20px;
	background-color:transparent;
}

ul#paying li.on, ul#paying li.navSubOn {background-color:#b5bdd6;}

ul#gasElec li.on, ul#gasElec li.navSubOn {background-color:#dec6ad; border:none;}

ul#otherBills li.on, ul#otherBills li.navSubOn {background-color:#b5cece;}

ul#insurance li.on {background-color:#c6bdce;}

ul#managing li.on, ul#managing li.navSubOn {background-color:#b5d6b5;}

ul#help li.on {background-color:#deb5c6;}

ul#about li.on, ul#about li.navSubOn {background-color:#efa5a5;}

#subNav ul li ul li {margin-left:0; padding-left:0;}

#subNav ul li ul li ul {
	padding-right:0;
	margin-right:5px;
}

ul#gasElec li.nav, ul#gasElec li.navSub, ul#paying li.nav, ul#paying li.navSub, ul#managing li.nav, ul#managing li.navSub, ul#otherBills li.nav, ul#otherBills li.navSub, ul#insurance li.nav, ul#insurance li.navSub, ul#help li.nav, ul#help li.navSub ul#aboout li.nav, ul#about li.navSub { padding-left:0;}

/* ---- ul li ul li ul li ----*/

#subNav ul li ul li ul li {
	padding-left:0;
	padding-bottom:0;
}

/*----------------------------------*/

#containerHome {
	margin-left:auto;
	margin-right:auto;
	padding:20px 0 10px 0;
	border:1px solid;
	border-color:#ccc #666 #666 #ccc;
	box-shadow:2px 2px 5px #ccc;

}

h1.home {
	width:100%;
	float:left;
}

/*------- skiplink ----------*/

.skiplink a {
	position: absolute;
	left: -1000px;
}

.skiplink a:focus, .skiplink a:active{
	top:15px;
	left:130px;
	background-color:#ce0000;
	color:#fff;
	text-decoration:none;
}

/*-------- link ---------------*/

span.link, span.linkHome, span.linkcontents, span.goTop{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left center;
	clear:left;
	margin:5px 0;
	padding:7px 0 7px 40px;
	display:block;
}

span.link, span.linkHome{
	padding-left:0px;
	display:inline;
	margin-top:0px;
	margin-bottom:8px;
}

span.link a:link, span.link a:visited, li span.link a:link, li span.link a:visited, span.linkHome a:link, span.linkHome a:visited{
	padding-left:37px;
	display:inline;
	color:#032E50;
	text-decoration:underline;
}

span.link a:hover, span.link a:focus {color:#2130A3}
	
span.linkSmall, span.linkSmallInfo{
	background:transparent no-repeat left top;
	padding:0 0 7px 30px;
	clear:none;
	display:block;
}

span.linkSmall a:link, span.linkSmall a:visited, span.linkSmallInfo a:link, span.linkSmallInfo a:visited{
	color:#032E50;
	display:inline;
}

span.link {background-image:url(/your-money-your-home/images/icons/link-black.png); background-position:left top; padding-top:5px;}

span.linkSmallInfo{background:url(/your-money-your-home/images/icons/link-small-information.gif) left no-repeat; }

span.linkSmall {background:url(/your-money-your-home/images/icons/link-small.gif) left no-repeat;}

span.linkHome {background-image:url(/your-money-your-home/images/icons/link-home.gif);}

span.linkHome a:hover, span.linkHome a:focus, span.linkSmallInfo a:hover, span.linkSmallInfo a:focus {color:#E80000;}

/* ----- go to top ---- */

div.goTop{
	text-align:left;
	margin-bottom:10px;
	clear:left;
}

span.goTop{
	padding-left:0px;
	display:inline;
	font-size:90%;
	margin-top:0px;
	margin-bottom:8px;
	margin-left:18px;
}

span.goTop a:link, span.goTop a:visited, span.goTop a:hover, span.goTop a:focus{
	padding-left:20px;
	color:/*#666*/ #575656;
}

span.goTop a:hover, span.goTop a:focus {color:#2130A3; border-bottom:1px solid #2130A3; text-decoration:none;}

span.goTop	{background-image:url(/your-money-your-home/images/icons/top-arrow-grey.png);}

/* ---- example ---- */

div.example{
	float:left;
	background-color:#D2DFFF;
	border:1px solid #0000A0;
	width:95%;
	margin-bottom:25px;
	margin-left:4%;
}

.right{
	text-align:right;
	padding-bottom:0px;
}

.left{
	text-align:left;
	margin-left:0px;
	padding-bottom:0px;
}

p.bottomLink{font-size:90%;}

/* ---- sums ---- */

div.sum, .wrapCareful div.sum{
	width:400px;
	height:auto;
	float:left;
	margin-left:60px;
	margin-bottom:70px;
	padding:8px;
	border:1px solid #666666;
	display:block;
}

.wrapCareful div.sum {margin-left:15px;}

dt{
	clear:both;
	float:left;
	width:300px;
	padding-left:0px;
	text-align:left;
	margin-bottom:3px;
	font-size:105%;
}

dd{
	float:left;
	text-align:right;
	width:100px;
	margin-right:0px;
	margin-bottom:3px;
}

dd.blank {border-color:#fff;}

.total, div.sum h2{
 	color:#FF0000;
 	font-weight:bold;
 }
 
div.sum h2 {margin-left:50px; font-size:130%;}
 
.moneyIn{
	color:#009900;
	font-weight:bold;
}

.adding{
	color:#0033CC;
	font-weight:bold;
}

dd.lineTop{border-top:1px solid #000;}

.lineTop{border-top:1px solid #000;}

dd.blank {border-color:#fff;}

.total, div.sum h2{
 	color:#FF0000;
 	font-weight:bold;
 }
 
div.sum h2 {margin-left:50px; font-size:130%;}
 
.moneyIn{
	color:#009900;
	font-weight:bold;
}

.adding{
	color:#0033CC;
	font-weight:bold;
}

dd.lineTop{border-top:1px solid #000;}

.lineTop{border-top:1px solid #000;}

/* ---- logos ---- */

#logos{
	clear:both;
	margin-bottom:10px;
	width:auto;
	height:75px;
}

#hsbc{
	float:left;
	margin-left:13px;
	padding-top:9px;
}

#nltm{
	float:right;
	padding-top:25px;
	margin-top:8px;
	margin-right:15px;
}

#ur{
	float:right;
	margin-left:12px;
	margin-top:5px;
	margin-right:15px;
}

#arc{
	float:right;
	margin-right:10px;
	margin-left:8px;
	padding-top:5px;
	margin-top:12px;
}

#mme{
	float:right;
	margin-left:0;
	position:relative;
	margin-right:1%;
}

/* ---- footer ---- */

#footer{
	height:50px;
	clear:both;
	letter-spacing:0;
	margin-bottom:10px;
	padding-bottom:10px;
	width:98%;
}

div#miniLogos{
	width:auto;
	height:auto;
	float:right;
	margin:3px 0px 0px 5px;
	font-size:78%;
	text-align:right;
}

div.urLogo{
	width:auto;
	height:50px;
	float:left;
}

span.urLogo{
	background-image:url(/your-money-your-home/images/logos/ur-logo-small.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	display:block;	
	padding:30px 50px 0px 13px;
	margin-bottom:2px;
}

div.mmeLogo{
	width:auto;
	height:50px;
	float:left;
}

span.mmeLogo{
	background-image:url(/your-money-your-home/images/logos/mme-logo-small.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border-left:1px solid #fff;
	margin-left:30px;
	padding:30px 65px 0 5px;
	display:block;
}

span.goTo{
	background-color:transparent;
	clear:right;
	margin:5px 0;
	padding:7px 0 7px 40px;
	display:block;
}

/* ----- definitions and word list ----- */
 
div.meaning	{	
	width:75%;
	border:2px dotted #009933;
	margin:20px 20px 60px 40px;
	padding:10px;
	float:left;
	}
	
/*.offscreen */
.js div.meaning {
	position:absolute;
	left:-4000px;
}

/* the bit of code that brings the meaning in is inline in the javascript */

div.block div.definition, div.blockSite div.definition	{	
	position:relative;
	width:auto;
	border-color:#fff;
	border-bottom:2px dotted #009933;
	margin:0;
	padding:0;
}
		
div.meaning span.term, div.definition span.term	{	
 	font-size:150%;
	color: #009933;
}
	
div.meaning span.term:focus, div.definition span.term:focus	{outline:none;}

/* back up to word  */

.upToWord   {
	background:transparent url(/your-money-your-home/images/icons/arrow-green-up.gif) left center no-repeat;
	padding:30px 0 30px 28px;
}
	
div.clearAll {clear:left;}

/*  called in the word list  */

#wrapWords{
	padding:10px;
	width:69%;
}

#wrapWords .block {margin-left:0;}

div.block div.definition { 
	position:relative;
 	width:auto;
 	border-color:#fff;
 	border-bottom:2px dotted #00319c;
 	margin:0;
 	padding:10px 0 10px 0;
 	font-size:100%;
}
 
#wordList ul {
	text-align:left;
	list-style-type: none;
	margin: 0 25px 0 25px;
	padding: 0 0 0 0;
	border-bottom:1px solid #000033;
	width:auto;
}

#wordList li {
	float: left;
	margin: 0 0 0 0;
	border:1px solid #FFF;
	list-style-type:none;
	text-decoration:none;
	font-size:150%;
	color:#000;
}
 
.letter{
 	font-size:180%;
	color:#000;
	text-align:left;
	margin-top:10px;
 }

 /* ----- margin on the paragraph ----- */

div.meaning p, div.definition p { margin-left:30px;}

/* -------- site map --------- */

ul.map ul li {clear:left;}

ul.map, ul.map ul li, ul.map ul li ul {
	margin-left:100px;
	font-size:1em;
	padding-bottom:2px;
	text-align:left;
}

ul.map li {margin-top:25px;}

ul.map ul li {
	margin-left:20px;
	margin-top:15px;
	margin-bottom:9px;}

ul.map ul li ul {
	margin-left:20px;
	margin-top:10px;}

ul.map ul li ul li, ul.map ul li ul li ul {
	margin:0;
	padding:0;
	margin-top:5px;}
		
ul.map ul li ul li ul {margin-left:20px;}

/*------------------------------------*/

div.stop{float:none;}

div.clear{clear:both;}

.small{font-size:70%;}

.back{font-weight:bold;margin-top:100px}
	
.highlight, em{
	font-style:normal;
	font-weight:bold;
	margin-top:25px;
	margin-bottom:0px;
}

.paying, ul.paying li {color:#25407e;}
	
.otherBills, ul.otherBills li {color:#1a7373;}

.gasElec, ul.gasElec li {color:#994D0F;}

.gasElecStrong{color:#994D0F; font-weight:bold;}

.help{color:#96214A;}

.helpStrong{color:#96214a;font-weight:bold;}

.insurance, ul.insurance li{color:#563775;}

.managing, ul.managing li {color:#1a761a;}

.managingStrong{color:#1A797A;font-weight:bold;}

.home, .about{color:#ce0000;}

.careful{color:#FF0801;}

.information{color:#00319c;}

a:link.extLink, a:visited.extLink  {color:#000; border-bottom:1px dotted #666; text-decoration:none;}

a:hover.extLink, a:focus.extLink  {color:#000; border-bottom:1px solid #666; text-decoration:none;}