/* 

STYLE SHEET FOR Capital Bonds, Capital Incentives
Created by Richard Clark
www.kmp.co.uk

/* ================ TABLE OF CONTENTS ======================

1. Default
2. Structure
2a. Content Structure
3. Links Styling
4. Fonts
5. Images
6. Navigation Styling
7. Tables
8. Forms
9. Floats Etc.
10. Colours for Backgrounds

/* =============== NOTES =======================



/* ================ 
1. Default
===========================*/

* { /*reset all elements to have no margin and padding */
	margin:0;
	padding:0;
}

body {
	background-color:#ffffff;
	text-align:center;
	margin:0 auto;
	padding:0;
}


/* ================ 
2. STRUCTURE 
===========================*/

#page-wrapper {
	width:950px;
	margin:0 auto;
	font-size:1.2em;
	text-align:left;
}

#content-wrapper {
}

#header {
	margin:0 0 0 30px;
	float:left;
	width:920px;
	background:url(/upload/bkgd_header.gif) no-repeat top right;
	min-height:70px;
}

#header img{
	float:left;
}

#header p {
	text-align: right;
}

#header p a {
	float:right;
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:bold;
	padding:7px 20px 0 0;
	text-decoration:none;
	line-height:1em;
}

#header p a:hover {
	text-decoration:underline;
}

#content {
	clear:both;
	margin:0 22px 0 30px;
}

#footer {
	clear:both;
	margin:5px 22px 0 30px;
}

#footer p{
	float:left;
	color:#666666;
}

/* =====================
2a. CONTENT STRUCTURE
=======================*/

.image-banner {
	clear:both;
	display:block;
	float:left;
	margin-bottom:4px;
}

.image-banner img { /* used on template 4 and template 3 */
	margin:0 2px;
}

.logo-banner {
	clear:both;
	display:block;
	float:left;
	margin-bottom:4px;
	width:100%;
}

.logo-banner img { /* used on template 3 */
	margin:0 7px;
}

.content-area {
	clear:both;
	overflow:auto;
	margin-bottom:10px;
}

.content-area-left { /* used on template 3 */
	clear:both;
	float:left;
	width:220px;
	margin:0 5px 10px 0;
}


.content-area-right { /* used on template 3 */
   float:left;
   margin:0 0 10px 5px;
   width:665px;
}

.content-area-row { /* used on template 3 */
	clear:both;
	overflow:auto;
	margin-bottom:5px;
	margin-right:2px;
	padding-bottom:5px;
	background:url(bkgd_retail_content_header.gif) repeat-y top right;
}

.colour-box { /* used on template 4 */
	width:668px;
	float:left;
	margin:0 2px;
	min-height:380px;
}

.right-col { /* used on template 4 */
	width:220px;
	margin-left:5px;
	float:right;
}

.three-col-wrap { /* used on template 2 */
	background:url(bkgd-3-col-wrap.jpg) no-repeat bottom left;
	overflow:auto;
}

.three-col { /* used on template 2 */
	width:296px;
	float:left;
	margin:0 0 0 5px;
	min-height:475px;
	height:100%;
}

.three-col h2 { /* used on template 2 */
	color:#fff;
	font-style:italic;
	font-weight:normal;
	font-size:1.4em;
	padding:20px 20px 0 20px;
}

.three-col p { /* used on template 2 */
	padding:10px 20px 0 20px;
	font-size:0.9em;
}

.three-col a { /* used on template 2 */
	color:#000;
	font-weight:bold;
}

.three-col a:hover { /* used on template 2 */
	text-decoration:none;
}

/* Classses below used on template 1 */

.home-column-left {
	width:674px;
	float: left;
}

.home-column-right {

	
}

.home-content-box { /* used on template 1 */
	border:2px solid #009999;
	margin:0 3px 3px 0;
	width:auto;
	padding:0 !important;
	float:left;
}

.home-content-box-top-row { /* used on template 1 */
	width:668px;
	min-height:258px;
	background:url(/upload/home-top-row-bg.jpg) no-repeat top right;
	
}

.home-content-box-top-row-blank { /* used on template 1 */
	width:668px;
	min-height:258px;
	
}

.home-content-box-top-row-inner {
	padding-left: 15px;
}

.home-content-box-bottom-row { /* used on template 1 */
	min-height:98px;
}

/*.three-quarters {
	width:668px;
	min-height:258px;
	background:url(/upload/bkgd-home-top-left.jpg) no-repeat top right;
}*/

.one-quarter {
	background: #E34B0C;
	width:218px;
	min-height:203px;
}

.one-quarter h2, .one-quarter h3
{
	color: #FFF;
	padding:5px 0 0 5px;
	font-size: 11px;
	min-height: 53px;
}

.one-quarter h2 b
{
	font-size: 12px;
}

.one-quarter-full-height  {
	width:218px;
	min-height:468px;
	background: #ECF3FD url(/upload/home-right-col.jpg) bottom no-repeat;

}

.one-quarter-full-height h2
{
	background: #01A9AA;
	color: #D4F0F1;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	min-height: 40px;
}


.one-quarter-full-height h3
{
	color: #01A9AA;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 15px;
}


.one-half {
	width:443px;
	min-height:203px;
}

.one-half h2
{
	background: #01A9AA;
	color: #D4F0F1;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	min-height: 53px;
}

.one-half h2 a, .one-quarter h2 a, .one-quarter h3 a, .one-quarter-full-height h2 a
{
	color: #FFF;
	/*background:transparent url(/upload/arrow.gif) no-repeat 99% 90%;
	padding:0 12px 0 0;	*/
	text-decoration: none;
	position:relative;
	margin:0;
	line-height:1.5em;
	vertical-align:middle;
	top:0;
}

.one-half h2 a span, .one-quarter h2 a span, .one-quarter h3 a span, .one-quarter-full-height h2 a span
{
	background:transparent url(/upload/arrow.gif) no-repeat 99% 60%;
	padding:0 12px 0 0;
}

.one-half h2 p
{
	margin: 0px;
	padding: 0px;
}

.no-right-margin {
	margin-right:0 !important;
}

.bottom-left {
	background:#c25462 url(/upload/bkgd-home-bot-left.jpg) no-repeat top right;
}

.bottom-mid-left {
	background:#fff url(/upload/bkgd-home-bot-mid-left.jpg) no-repeat top right;
}

.bottom-mid-right {
	background:#6a71b3 url(/upload/bkgd-home-bot-mid-right.jpg) no-repeat bottom right;
}

.bottom-right {
	background:#3f9e79 url(/upload/bkgd-home-bot-right.jpg) no-repeat bottom right;
}

/* ================ 
3. LINK STYLING 
===========================*/

a {
}

a:link {
}

a:active {
}

a:hover {
}

a:visited {
}

.right-col a {	
	font-weight:bold;
}

/* ================ 
4. FONTS
===========================*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.5;
}

h1, h2, h3, h4, p, ul {
}

h5 {
	font-size:1.2em;
}

.colour-box h1 {
	font-size:2em;
	padding:18px 12px;
	color:#FFFFFF;
}

h2 {
}

.right-col h2 {
	font-size:2.2em;
	padding:16px 0 0 0;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

h3 {
}

.right-col h3 {	
	font-size:1.2em;
	margin:10px 0 0 0;
}		
		
h4 {
}

p {
	font-size:1em;
}

.content-area p {
	padding:5px 0;
}

.content-area-right p { /* used on template 3 */
   padding:5px 0 5px 10px;
}

   .content-area-right p { /* used on template 3 */
   padding:5px 0 5px 10px;
}


.colour-box p {
	padding-left:12px;
	padding-right:12px;
	font-size:1.2em;	
}

.content-area-row h1 { /* used on template 3 */
	color:#fff;
	padding:0 0 0 240px;
	float:left;
	font-size:1.8em;
	padding-top:4px;
}

ul {
}

blockquote {
}


.three-col-wrap ul { /* used on template 2 */
	font-size:0.9em;
	margin:5px 15px 5px 35px;
}

.three-col-wrap ul ul { /* used on template 2 */
	font-size:1em;
}

.three-col-wrap ol { /* used on template 2 */
	font-size:0.9em;
	margin:5px 15px 5px 40px;
}

.three-col-wrap ol ol { /* used on template 2 */
	font-size:1em;
}

.content-area ul { /* used on template 4 */
	font-size:1.2em;
	margin:5px 15px 5px 30px;
}

.content-area ul ul { /* used on template 4 */
	font-size:1em;
}

.content-area ol { /* used on template 4 */
	font-size:1.2em;
	margin:5px 15px 5px 35px;
}

.content-area ol ol { /* used on template 4 */
	font-size:1em;
}

.right-col ul { /* used on template 4 */
	font-size:1.3em;
	margin:5px 15px 5px 16px;
}

.right-col ul ul { /* used on template 4 */
	font-size:1.1em;
}

.right-col ol { /* used on template 4 */
	font-size:1.3em;
	margin:5px 15px 5px 25px;
}

.right-col ol ol { /* used on template 4 */
	font-size:1.1em;
}

/*.one-quarter h3 {
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
}*/

.one-quarter ul {
	color:#fff;
	font-size:1em;
	margin:0 0 0 25px;
}

.one-quarter ol {
	color:#fff;
	font-size:1em;
	margin:0 0 0 30px;
}

.one-quarter a {
	color:#fff;
	font-weight:bold;
}

.one-quarter a:hover {
	text-decoration:none;
}

.bottom-left h3 {
	padding:145px 5px 0 5px;
}

.bottom-left p {
	padding:0 5px;
	color:#fff;
	line-height:1.2em;
}

.bottom-mid-left h3 {
	padding:66px 5px 0 5px;
	color:#ff9933;
	width:120px;
}

.bottom-mid-left p {

	padding:5px 5px;
	color:#666666;
	line-height:1.2em;
	width:130px;	
}

.bottom-mid-left ul {
	color:#fff;
	font-size:1em;
	margin:0 0 0 25px;
}

.bottom-mid-left ol {
	color:#fff;
	font-size:1em;
	margin:0 0 0 30px;
}

.bottom-mid-left a {
	color:#666666;
}

.bottom-mid-right h3 {
	padding:6px 10px 0 10px;
	width:120px;
}

.bottom-mid-right p {
	padding:5px 10px;
	line-height:1.2em;
	width:130px;	
}

.bottom-right h3 {
	padding:6px 10px 0 10px;
}

.bottom-right p {
	padding:1px 10px;
	line-height:1.2em;
}


.home-content-box-top-row h1 {
	color:#98caf9;
	/*padding:15px 0 0 30px;*/
	font-size:2em;
	width:350px;

}

.home-content-box-top-row p {
	/*padding:5px 0 0 30px;	*/
	font-size:1.4em;	
	width:350px;	
}

.home-content-box-top-row ul {
	/*padding:0 0 0 45px;*/	
	font-size:1.4em;	
	width:350px;	
}

.home-content-box-top-row ul ul {
	font-size:1em;	
}

.home-content-box-top-row ol {
	padding:0 0 0 55px;	
	font-size:1.4em;	
	width:350px;	
}

.home-content-box-top-row ol ol {
	font-size:1em;	
}

.home-content-box-top-row a {
}

.home-content-box-bottom-row p {
	color:#fff;
	font-weight:bold;
	padding:10px 0 0 15px;
	width:130px;
	font-size:1.2em;
	line-height:1.2em;
}

.home-content-box-bottom-row ul {
	color:#fff;
	padding:0 0 0 30px;	
	font-size:1.2em;	
	width:350px;	
}

.home-content-box-bottom-row ul ul {
	font-size:1em;	
}

.home-content-box-bottom-row ol {
	color:#fff;
	padding:0 0 0 35px;	
	font-size:1.2em;	
	width:350px;	
}

.home-content-box-bottom-row ol ol {
	font-size:1em;	
}

.home-content-box-bottom-row a {
	color:#fff;
	text-decoration:none;	
}

.home-content-box-bottom-row a:hover {
	text-decoration:underline;	
}

/* ================ 
5. IMAGES
===========================*/

img {
	border:0;
}

/*.colour-box img{
	float:right;
	padding:18px 12px;
}*/

/* ================ 
6. NAVIGATION 
===========================*/

#navigation {
	float:right;
	margin:5px 22px 5px 0;
}

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

#navigation li {
	display:block;
	float:left;
	border-right: 2px solid #666666;
	font-weight:bold;
	padding:0 5px;
}

#navigation li.last {
	border-right:none;
}

#navigation a {
	color:#666666;
	text-decoration:none;
}

#navigation a:hover {
		text-decoration:underline;
}

#footer ul{
	float:right;
	list-style-type:none;
}

#footer li{
	float:left;
	display:block;
	border-right: 1px solid #666666;
	padding:0 5px;	
}

#footer li.last {
	border-right:none;
}

#footer a {
	color:#666666;
	text-decoration:none;
}

#footer a:hover {
		text-decoration:underline;
}


.content-area-row ul{
	float:right;
	list-style-type:none;
	padding:15px 10px 0 0;
	margin:0;	
}

.content-area-row li{
	float:left;
	display:block;
	border-right: 1px solid #fff;
	padding:0 5px;	
	font-weight:bold;
}

.content-area-row li.last {
	border-right:none;
}

.content-area-row a {
	color:#fff;
	text-decoration:none;
}

.content-area-row a:hover {
	text-decoration:underline;
}

.content-area-left ul {
	list-style-type:none;
	margin:0;
}

.content-area-left li {
	background:url(bkgd_retail_left_nav.gif) repeat-y;
	padding:3px 5px;	
	margin-bottom:3px;
}

.content-area-left li a {
	color:#000;
	text-decoration:none;
}

.content-area-left li.active a, .content-area-left li a:hover  {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

/* ================ 
7. TABLES
===========================*/

table {
}
		
caption {
}
		
tr {
}

th, td {
}
		
th {
}
		
td {
}

.content-area-right table { /* used on template 3 */
	width:653px;
	margin-left:12px;
	text-align:left;
}

.content-area-right table td { /* used on template 3 */
	width:33%;
	padding-right:10px;
}

.content-area-right table th, .content-area-right table td h3 { /* used on template 3 */	
	color:#009999;
	font-size:1.4em;
	vertical-align:text-top;
	line-height:1.2em;
}

.content-area-right table a { /* used on template 3 */
	color:#000;
}

.content-area-right table a:hover { /* used on template 3 */
	text-decoration:none;
}


/* ================ 
8. FORMS
===========================*/

form {
}

input, select, textarea {
}

/* ================ 
9. FLOATS ETC
===========================*/

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.clearBoth {
	clear:both;
}

.clearRight {
	clear:right;
}

.clearLeft {
	clear:left;
}


/* ================ 
10. COLOURS
===========================*/


/* Orange */

.orange .colour-box {
	background-color:#ff9900;
}

.orange .right-col h2 {
	color:#666666;
}

.orange .right-col h3 {
	color:#1f80d1;
}

.orange .right-col a {
	color:#1f80d1;
}

.orange .right-col ul, .orange .right-col ol {
	font-size:1.1em;
}

.orange .right-col ul ul, .orange .right-col ol ol {
	font-size:1em;
}

/* Beige */

.beige .colour-box {
	background-color:#d0a480;
}

.beige .colour-box h1 {
	font-weight:1em;
	font-style:italic;
	padding:7px 12px 0 12px;
}

.beige .colour-box a {
	color:#000000;
}

.beige .right-col p {
	color:#006666;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.2em;
}

.beige .right-col ul, .beige .right-col ol  {
	color:#006666;
	font-weight:bold;
}

.beige .right-col {
	margin-top:10px;
}

.beige .right-col a {
	color:#000000;
}


/* Pink */

.pink .colour-box {
	background-color:#cc0066;
}

.pink .colour-box p, .pink .colour-box a {
	color:#fff;
}

.pink .colour-box ul, .pink .colour-box ol {
	color:#fff;
}

.pink .colour-box ul a, .pink .colour-box ol a {
	font-weight:bold;
}

.pink .right-col a {
	color:#cc0066;
	text-decoration:none;
	font-size:1.4em;
}

.pink .right-col a:hover {
	text-decoration:underline;
}

.pink .right-col ul, .pink .right-col ol {
	font-size:1.1em;
}

.pink .right-col ul ul, .pink .right-col ol ol {
	font-size:1em;
}

/* Lilac */

.lilac .colour-box {
	background-color:#7a8cde;
}

.lilac .colour-box h1 {
	font-weight:normal;
	font-style:italic;
	padding:7px 12px 0 12px;
}

.lilac .colour-box a {
	color:#000000;
}

.lilac .right-col p {
	color:#7a8cde;
	font-weight:normal;
	font-size:1em;
	line-height:1.2em;
}

.lilac .right-col ul, .lilac .right-col ol {
	color:#7a8cde;
	font-weight:bold;
}

.lilac .right-col a {
	color:#7a8cde;
}

/* Green */

.green .colour-box {
	background-color:#0d9b9e;
}

.green .colour-box h1 {
	font-weight:normal;
	font-style:italic;
	padding:7px 12px 0 12px;
}

.green .colour-box a {
	color:#000000;
}

.green .right-col p {
	color:#006666;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.2em;
}

.green .right-col ul, .green .right-col ol {
	color:#006666;
	font-weight:bold;
}

.green .right-col a {
	color:#000000;
}

/* Three Column Colours */


.three-col-left {
	/*background:#d5ad8a;	*/
	margin-left:0 !important;
}

.three-col-left-content {
	
	margin-bottom:200px;
}

/*.three-col-mid {
	background:#44b2bf;
}*/

.three-col-mid-content {
	margin-bottom:290px;
}

/*.three-col-right {
	background:#8c9fe4;
}*/

.three-col-right-content {
	margin-bottom:340px;
}

.three-col-right p {
	color:#fff;
}

/*.three-col-right a {
	color:#fff;
}*/

/* Purple */

.purple .colour-box {
	background-color:#fff;
}

.purple .right-col h2 {
	color:#006666;
}

.purple .right-col h3 {
	color:#006666;
}

.purple .right-col a {
	color:#006666;
}

.purple .right-col ul, .purple .right-col ol {
	font-size:1.1em;
}

.purple .right-col ul ul, .purple .right-col ol ol {
	font-size:1em;
}

/* ================ 
10. SITEMAP
===========================*/


#sitemap ul {
	margin-left: 20px;
	margin-bottom: 10px;
}


#sitemap h2 {
	color: #008384;
	font-size: 14px;
}

#sitemap h2 a {
	color: #008384;
	text-decoration : none;
}

#sitemap li {
	
	font-size: 12px;
}

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

#sitemap li a:hover {
	text-decoration : underline;
}

/* ================ 
11. FORMS
===========================*/

.formContainer { padding: 10px; }

.infoText { font-weight: bold; }

.FormField { clear: both; font-weight: bold; margin-bottom: 5px; }

.FormField label {
	font-weight: normal;
	width: 200px;
	float: left;
}

.FormField .answer label {
	float: none;
	padding-left: 4px;
	padding-right: 4px;
}

.formButtons input { border: solid #56639E 1px; background: #ADBCFF; } 


/*Begin AESTYLE*/


/*.black { color: #000; }*/
p.black { color: #000; }
h1.black { color: #000; }
h2.black { color: #000; }
h3.black { color: #000; }
h4.black { color: #000; }
li.black { color: #000; }
strong.black { color: #000; }

/*.white { color: #fff; }*/
p.white { color: #fff; }
h1.white { color: #fff; }
h2.white { color: #fff; }
h3.white { color: #fff; }
h4.white { color: #fff; }
li.white { color: #fff; }
strong.white { color: #fff; }

/*.pink { color: #cc0066; }*/
p.pink { color: #cc0066; }
h1.pink { color: #cc0066; }
h2.pink { color: #cc0066; }
h3.pink { color: #cc0066; }
h4.pink { color: #cc0066; }
li.pink { color: #cc0066; }
strong.pink { color: #cc0066; }

/*.orange { color: #ff9900; }*/
p.orange { color: #ff9900; }
h1.orange { color: #ff9900; }
h2.orange { color: #ff9900; }
h3.orange { color: #ff9900; }
h4.orange { color: #ff9900; }
li.orange { color: #ff9900; }
strong.orange { color: #ff9900; }

/*.green { color: #0d9b9e; }*/
p.green { color: #0d9b9e; }
h1.green { color: #0d9b9e; }
h2.green { color: #0d9b9e; }
h3.green { color: #0d9b9e; }
h4.green { color: #0d9b9e; }
li.green { color: #0d9b9e; }
strong.green { color: #0d9b9e; }

/*.mushroom { color: #a9a9a9; }*/
p.mushroom { color: #a9a9a9; }
h1.mushroom { color: #a9a9a9; }
h2.mushroom { color: #a9a9a9; }
h3.mushroom { color: #a9a9a9; }
h4.mushroom { color: #a9a9a9; }
li.mushroom { color: #a9a9a9; }
strong.mushroom { color: #a9a9a9; }

/*.blue { color: #00babd; }*/
p.blue { color: #00babd; }
h1.blue { color: #00babd; }
h2.blue { color: #00babd; }
h3.blue { color: #00babd; }
h4.blue { color: #00babd; }
li.blue { color: #00babd; }
strong.blue { color: #00babd; }

/*.purple { color: #7a8cde; }*/
p.purple { color: #7a8cde; }
h1.purple { color: #7a8cde; }
h2.purple { color: #7a8cde; }
h3.purple { color: #7a8cde; }
h4.purple { color: #7a8cde; }
li.purple { color: #7a8cde; }
strong.purple { color: #7a8cde; }

/*End AESTYLE*/