/*
-----------------------------------------------
Client: Mortgage Glossary
Author: Copious Ltd - www.copious.co.uk
Copyright: 2006 Copious Ltd
Version:  02 May 2006
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */

body {
 	background: #DED5B3 url(../images/bkgrd.gif) repeat-x top left;
	color: #96441C;
	margin: 0;
	padding: 0 0 25px 0;
	font-family: Verdana, sans-serif;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	text-align: center;
	}
	
html>body { /* be nice to Opera */
	font-size: small;
	}
	
	
	
/* Postioning
----------------------------------------------- */

#wrapper {
	position: relative;
	margin: 0 auto;
	padding:  0 0 25px 0;
	text-align: left;
	width: 586px;
	}
	
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#main-body {clear:left;}
/* End IE5-Mac hack */

#main-body {
	float: left;
	background: White url(../images/pgbkd.gif) repeat;
	}
	
#page-top {
	float:left;
	background: transparent url(../images/page-top.gif) no-repeat;
	margin: 0;
	padding: 0;
	width: 586px;
	}


	
/* Common Typography
----------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	font-family: Arial, Helvetica, sans-serif;
	}

h1 { 
	margin: 0;
	padding: 0;
	font-size: 130%;  
	}
	
h2 {
	clear: both;
	color: #7B3818;
	margin: 0;
	padding: 22px 0 12px 0;
	font-size: 165%; 
	font-weight: normal;
	}
	
h2 span {
	color: #CD853F;
	padding: 0 54px 0 0;
	}
	
h2 a:link, h2 a:visited {
	color: #96441C;
	font-weight: normal;
	text-decoration: none;
	}
	
h2 a:hover {
	color: white;
	}
	
h2 a:active {
	color: #96441C;
	}
	
h3, h4, h5, h6 {
	color: #96441C;
	margin: 6px 0 2px 0;
	padding: 0;
	font-size: 110%; 
	font-weight: bold;
	}
	
h3 a:link, h3 a:visited {
	color: #FD6600;
	font-weight: bold;
	text-decoration: underline;
	}
	
h3 a:hover {
	color: White;
	}
	
h3 a:active {
	color: #FD6600;
	}
	
	
	
p {
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 85%;
	}
	
ul, ol, dl {
	margin: 0;
	padding: 0;
	}
	
	
/* Adwork - (Adsense)
----------------------------------------------- */
	
#focusbar	{
	background: transparent url(../images/focus-bar.gif) top left no-repeat;
	margin: 0;
	padding: 10px 0 0 0;
	height: 71px;
	text-align: center;
	}
	
#banner	{
	margin: 12px 0;
	padding: 0;
	text-align: center;
	}
	

/* Main Content
----------------------------------------------- */

div.content {
	float: left;
	margin: 0;
	padding: 0  0 0 60px;
	width: 526px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 466px;
	line-height: 120%;
	}
	
html>body div.content {
  width:466px;
	} 
	
ul.bullets { 
	margin: 0 0 24px 0;
	padding: 0;
	font-size: 85%; 
	line-height: 120%;
	list-style-type: none;
	}
	
ul.bullets li {
	background: transparent url(../images/standard-bullet.gif) 0 3px no-repeat;
	margin: 0 0 8px 8px;
	padding: 0 0 0 10px;
	}
	
ul.bullets li.title {
	background: none;
	color: White;
	margin: 14px 0 8px 0;
	padding: 0;
	font-size: 140%;
	font-weight: bold;
	}
	
ul.linklist { float: left;
	margin: 0 10px 20px 0;
	padding: 0;
	font-size: 85%; 
	line-height: 120%;
	list-style-type: none;
	width: 220px;
	}
	
ul.linklist li {
	background: transparent url(../images/standard-bullet.gif) 0 4px no-repeat;
	margin: 0 0 8px 0;
	padding: 0 0 0 10px;
	}
	
.emailme {
	clear: both;
	background: url(../images/email-icon.gif) 0 70% no-repeat;
	margin: 20px 0 10px 0;
	padding: 0 14px;
	font-size: 80%;
	text-align: left;
	}

	
	
/* Imagery / Photography
----------------------------------------------- */

img { 
 border: 0;
	}
	
	
	/* General linkology
----------------------------------------------- */

a:link, a:visited {
	color: #FD6600;
	font-weight : normal; 
	text-decoration: underline;
	}

a:hover { 
	color: White;
	background: #B24800;
	text-decoration : none;
	}

a:active {
	color: #FD6600;
	text-decoration : underline;
	}
	
a img { 
	border: 0;
	background: transparent;
	text-decoration : none;
	display: block;
	}
	
a:hover img.view-gallery { 
	border: 0;
	background: #8A4C9A;
	text-decoration : none;
	display: block;
	}
	
	
/* Header
----------------------------------------------- */

#header	{
	background: transparent url(../images/header.gif) top left no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	height: 100px;
	}
	
#header h1 {
	color: #7B3818;
	margin: 0;
	padding: 66px 0 0 0;
	text-align: center;
	}
	
#header h1 span	{
	color: #FF7D29;
	}
	
	
/* Footer
----------------------------------------------- */

#footer {
	position: relative;
	background: transparent url(../images/footer.gif) repeat;
	color: White; 
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 90%;
	text-align: center;
	height: 62px;
	}
	
#footer p {
	margin: 0;
	padding: 12px 0 0 0;
	font-size: 100%;
	}
	
#footer ul {
	color: Black; 
	margin: 6px 0 6px 0;
	padding: 0;
	font-size: 85%;
	}
	
#footer li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#footer a:link, #footer a:active, #footer a:visited  {
	color: Black;
	}
	
#footer a:hover {
	color: white;
	}
	
p.outerfoot {
	clear: both;
	color: Black;
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 80%;
	text-align: center;
}


/* Misc Elements
----------------------------------------------- */

.skiplink {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

.clear {
	clear: both; 
	margin: 0;
	font-size: 1px; 
	line-height: 1px; 
	height: 100px; /* used for clearing elements */
	} 