

@charset "UTF-8";
/* CSS Document */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ------- Site Wide Styles -------------------*/
body {
	font-size: 75%;
	font-family: Helvetica, Arial, sans-serif;
} 

html>body {
	font-size: 12px;
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size : 2em;
	font-weight: normal;
	color: #003366;
	line-height: 1em;
	margin: 0.7em 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#column1 h1, #column2 h2, #topContent h2{
	padding: 0px;
	border: 0px;
}

#topContent h2, #column2 h2{
	margin: 0px 0px 0.4em 0px;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size : 1.65em;
	font-weight: bold;
	color: #8CC63F;
	line-height: 1em;
	margin: 1.15em 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

h2 span{
	font-size: 0.7em;
	font-weight: normal;
	color: #666;
}

h3{
	font-family: Helvetica, Arial, sans-serif;
	font-size : 1.45em;
	font-weight: normal;
	color: #2F59A5;
	line-height: 1em;
	margin: 0em 0px 0.40em 0px;
}

h4{
	font-family: Helvetica, Arial, sans-serif;
	font-size : 1.3em;
	font-weight: normal;
	margin: 0em 0px 0.40em 0px;
}

p{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 1em 0em;
	color: #333333;
}

/*span{
	color: #8CC63F;
	font-size: 0.95em;	
}*/

ul{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0.75em 0px;
	color: #333333;
}

ol{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0.75em 0px;
	color: #333333;
}

li{
	list-style: disc;
	margin: 0.75em 0px 0.75em 15px;
}

a, a:visited{
	color: #003366;
	text-decoration: underline;
}
a:hover, a:visited:hover{
	color: #000;
}

sup a{
	color: #003366;
	text-decoration: none;
}

th{
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
	background: #EDEDED;
	font-weight: bold;
}

td{
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
}

.greenbg{
	background: #8CC63F;
	
}

dl{}
dt{  
	width: 70px; 
	float: left;  
	color: #666; 
	clear: left;
	color: #333333;
}
dd{  
	float: left;
	width: 500px;
	color: #333333;
}

.highlights1{
	
}

.highlights2{
	
}

.highlights1 a{
	color: #333;
	text-decoration: none;
}

.highlights2 a{
	color: #2F59A5;
	text-decoration: none;
}

.highlights2 li{
	color: #2F59A5;
}

/* --------------- General Classes ----------------------------------------------- */
.floatleft{
	float: left;
	margin: 0px 10px 10px 0px;
}
.floatright{
	float: right;
	margin: 0px 0px 10px 10px;
}
.boxed{
	padding: 10px;
	background: #DCDCDC;
}

.figure{
	background: #2F59A5;
	color: #fff;
	padding: 7px;
	margin: 1em 0em 0px 0px;
	
}
/* -------------- end general glasses -------------------------------------------- */



/*---------hacks------*/
a, input {
outline-color: invert;
outline-style: none;
outline-width: medium;
}
/*removes the dotted blue line around a tags when selected in firefox*/

 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.tooltip {
		border:1px solid #000;
		background-color:#fff;
		padding: 5px 10px 5px 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333;
		width: 300px;
	}

.glossary{
	border-bottom: 1px dashed #ccc;
	cursor: help;
}


.subPage{
	border-bottom: 1px #ccc dashed;
	padding: 20px 0px;
}

body{
	background: #E6E6E6;
}

#container{
	width: 990px;
	margin: 0 auto;
}

#header{
	background: url(../images/header_bg.gif) no-repeat;
	padding: 20px 20px 0px 20px;
	position: relative;
}

#logo{
	padding: 10px 0px 0px 10px;
	width: 337px;
}

#aboutText{
	position: absolute;
	width: 280px;
	left: 385px;
	top: 30px;
}

#partnerLogos{
	position: absolute;
	width: 300px;
	right: 0px;
	top: 40px;
}

#aboutText p{
	font-size: 12px;
	color: #666;
}

#menu{
	background: url(../images/menu_bg.gif) no-repeat;
	height: 50px;
	width: 940px;
	margin: 10px auto 0px auto;
}

#content{
	background: url(../images/content_bg.gif) repeat-y;
	padding: 10px 30px 5px 30px;
}

#topContent{
	
}

.contentSelector{
	float: left;
	display: inline;
	width: 300px;
	margin-right: 12px;
	font-size: 1.2em;
	font-weight: bold;
	background: url(../images/shadow.gif) bottom center no-repeat;
	padding-bottom: 15px;
}

.contentSelector a, .contentSelector a:visited{
	text-decoration: none;
	padding: 0px 0px 10px 0px;
	display: block;
	color: #333333;
}

.contentSelector a:hover, .contentSelector a:visited:hover{
	background: #BED397;
	color: #fff;
}

.contentSelector img{
	margin-bottom: 10px;
	border-bottom: 3px solid #BED397;
}

.contentSelector span{
	padding: 10px 0px 10px 10px;
}

.alt a:hover, .alt a:visited:hover{
	background: #809ABF;
}

.alt img{
	margin-bottom: 10px;
	border-bottom: 3px solid #809ABF;
}

.last{
	margin-right: 0px;
}

.column{
	float: left;
	display: inline;
	height: 1%;
}

#column1{
	padding: 20px 0px;
	width: 612px;
}

#column2{
	padding: 20px 0px;
	width: 304px;
	margin-left: 13px;
}

#column1alt{
	padding: 20px 0px;
	width: 254px;
}

#column2alt{
	padding: 20px 0px;
	width: 662px;
	margin-left: 13px;
}

#bottomContent{
	clear: both;
	background: url(../images/bottom_content_bg.gif) repeat-x top #003366;
	padding: 15px;
}

.bottomColumn{
	width: 220px;
}

.bottomColumnAlt{
	width: 500px;
}

#bottomContent h4{
	color: #fff;
}

#bottomContent ul{
	margin: 0px;
	line-height: 1em;
}

#bottomContent li{
	color: #fff;
	padding-left: 10px;
	background: url(../images/bullet.png) no-repeat;
	margin: 0px 0px 4px 0px;
	list-style: none;
}

#bottomContent li.column1{
	
}

#bottomContent li.column2{
	margin-left: 280px;
}

#bottomContent li.reset{
	margin-top: -103px;
}

#bottomContent a, #bottomContent a:visited, #bottomContent a.glossary{
	color: #fff;
	text-decoration: none;
}

#bottomContent a:hover, #bottomContent a:visited:hover{
	color: #95AED1;
}

#searchForm{
	width: 150px;
	margin-left: 10px;
}

#footer{
	background: url(../images/footer_bg.gif) no-repeat;
	padding: 20px;
}

#footer p{
	margin: 0px;
	font-size: 1em;
	color: #999;
}

#sectionImage{
	margin-top: 18px;
}

#section{
	
}

#section h2{
	margin: 1.15em 0px 1px 0px;
}

#submenu, #submenu ul{
	font-size: 1em;
	margin: 0px;
	line-height: 1em;
}

#submenu li{
	font-size: 1em;
	margin: 0em 0px 1px 0px;
	list-style: none;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

#submenu li a, #submenu li a:visited{
	display: block;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	padding: 14px 5px 14px 5px;
	background: url(../images/submenu_bg.gif) no-repeat;
}

#submenu li li a, #submenu li li a:visited{
	display: block;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	background: url(../images/submenu_bullet.png) no-repeat;
	padding: 5px 5px 5px 15px;
	background-position: 2px 6px;
}

#submenu li.subSelected a, #submenu li.subSelected a:visited{
	background: url(../images/submenu_bg_alt.gif) no-repeat;
	color: #000;
}

#submenu li.subSelected li a, #submenu li.subSelected li a:visited{
	background: url(../images/submenu_bullet.png) no-repeat;
	background-position: 2px 6px;
}

#submenu li li a:hover, #submenu li li a:visited:hover, #submenu li li a:active, #submenu li li a:visited:active{
	background: url(../images/submenu_bullet.png) no-repeat;
	background-position: 2px 6px;
	color: #8CC63F;
}

#submenu li li{
	font-size: 1em;
	line-height: 1.3em;
	margin: 0em 0px 0px 10px;
	border-bottom: 0px solid #ccc;
}

#submenu li ul{
	margin-bottom: 10px;
}

#calculatorAdvert{
	padding: 15px 80px 15px 15px;
	background: url(../images/advert_calculator.gif) top right #8CC63F no-repeat;
}

#calculatorAdvert p{
	color: #fff;
	font-size: 1.1em;
	line-height: 1.1em;
}

#calculatorAdvert a{
	color: #fff;
	text-decoration: none;
}

#calculatorAdvert h3{
	color: #fff;
	margin: 0px;
	font-size: 1.4em;
	font-weight: bold;
}

.breadcrumbs{
	padding: 7px;
	margin: 5px 0px 0px 0px;
	background: #e6e6e6;
	color: #999;
}

.breadcrumbs a, .breadcrumbs a:visited{
	text-decoration: none;
	color: #42210B;
}

#printButton{
	margin: 30px 0px 0px 0px;
}

#printButton a, #printButton a:visited{
	padding: 2px 0px 2px 23px;
	background: url(../images/icon_print.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

#printButton a:hover, #printButton a:hover:visited{
	color: #8CC63F;
}

#downloadReport{
	margin: 30px 0px 0px 0px;
}

#downloadReport a, #downloadReport a:visited{
	padding: 2px 0px 2px 23px;
	background: url(../images/icon_download.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

#downloadReport a:hover, #downloadReport a:hover:visited{
	color: #8CC63F;
}

#topButton a, topButton a:visited{	
	padding: 0px 0px 0px 18px;
	background: url(../images/icon_pagetop.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

#topButton a:hover, topButton a:hover:visited{
	color: #8CC63F;
}

#pageOptions{
	margin-top: 20px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

#prevChapter{
	width: 130px;
	float: left;
}

#prevChapter a, #prevChapter a:visited{
	display: block;
	width: 115px;
	height: 18px;
	background: url(../images/button_prevchapter.gif) no-repeat;
	padding: 6px 0px 0px 15px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#prevChapter a:hover, #prevChapter a:hover:visited{
	background-position: 0px -25px;
}

#nextChapter{
	width: 130px;
	float: right;
	background: url(../images/button_nextchapter.gif) no-repeat;
}

#nextChapter a, #nextChapter a:visited{
	display: block;
	width: 115px;
	height: 18px;
	background: url(../images/button_nextchapter.gif) no-repeat;
	padding: 6px 0px 0px 15px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#nextChapter a:hover, #nextChapter a:hover:visited{
	background-position: 0px -25px;
}

#declaration p{
	font-size: 11px;
	color: #666;
}


.window {
		background-image:url("../admin/window_background.png");
		background-position:top left;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding:10px;
		font-family:"Lucida Grande",Verdana;
		font-size:13px;
		font-weight:bold;
		color:#fff;
		text-align:center;
		min-width:150px;
		min-height:100px;
	}
	
	.window .window_contents {
		margin-top:10px;
		width:100%;
		height:100%;	
	}

	.window .window_header {
		text-align:center;
	}

	.window .window_title {
		margin-top:-7px;
		margin-bottom:7px;
		font-size:11px;
		cursor:move;
	}

	.window .window_close {
		display:block;
		position:absolute;
		top:4px;
		left:5px;
		height:13px;
		width:13px;
		background-image:url("../admin/window_close.gif");
		cursor:pointer;
	    cursor:hand;
	}
	
	
	
	
	/* ------------------ Pagination Controls ---------------------- */
.pagination{
	clear: both;
	margin: 10px 0px 10px 0px;
}
.pagination div{
	display: inline;
}
.pagination #prev{
	float: left;
	padding: 5px;
}
.pagination #next{
	float: left;
	padding: 5px;
	margin-left: 5px;
}
.pagination span{
	list-style-type: none;
	padding-bottom: 1px;
	margin: 0px;
	float: left;
	padding: 5px 0px;
	margin-left: 5px;
}
.pagination .disabled{
	color: #ccc;
	float: left;
	border: 1px solid #ccc;
}
#pagination_details{
	float: right;
}
.pagination a, .pagination a:visited{
	padding: 5px 8px 5px 8px;
	text-decoration: none; 
	color: #666;
	background: #e6e6e6;
}

.pagination a:hover, .pagination a:active{
	color: #fff;
	background: #666;
}

.pagination span.current{
font-weight: bold;
cursor: default;
color: #fff;
	background: #666;
	padding: 5px 8px 5px 8px;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
color: #666;
font-weight: normal !important;

}

.pagination a.prevnext{
font-weight: bold;
}


/* Droplicous code, change to your liking */

#nav{
	position:relative;
	padding: 5px 0px 0px 10px;
	margin: 0px;
	font-size: 1.2em;
	z-index: 100;
	list-style:none;
}
#nav li{
 	position:relative;
 	display:inline;
	float: left;
	list-style:none;
	margin:0;
	padding:0;
	height: 30px;
	z-index: 100;
}

#nav li a, #nav li a:visited{
	display: block;
	position:relative;
	padding: 7px 20px 7px 20px;
	color: #fff;
	text-decoration: none;
	background: url(../images/menu_divider.gif) no-repeat right center;
	font-weight: bold;
}

#nav li a:hover, #menu li a:visited:hover{
	background: url(../images/menu_divider.gif) no-repeat right center #036;
}

#nav li.last a, #nav li.last a:visited{
	background: none;
}

#nav .licious{
	width: 650px;
	background: #003366;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top: 35px;
	z-index: 100;
	padding: 10px;
}

#nav .licious a, #nav .licious a:visited{
	display: inline;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	background: none;
	font-weight: normal;
}

#nav .licious a:hover, #nav .licious a:visited:hover{
	position:relative;
	color:#8CC63F;
	background:none;
}

#nav .licious h4{
	color: #8CC63F;
	margin: 8px 0px 10px 0px;
}

#nav .licious ol{
	margin: 0px;
	list-style: decimal;
}

#nav .licious li{
	float: none;
	display: block;
	margin: 0px 0px 10px 0px;
	height: auto;
	padding: 0px;
	color: #8CC63F;	
	font-size: 0.7em;
	line-height: 1em;
}

#nav .licious li.column1{
	
}

#nav .licious li.column2{
	margin-left: 260px;
}

#nav .licious li.reset{
	margin-top: -125px;
}


