@import url('reset.css');


/*
COLORS
Define main colors used in a site here for easy reference

Blue = 0066cc
Lt Blue = CFF7FF
Dk Blue = 00849F

*/

html {
	height: 100%;
}

body {
	height: 100%;
	font: 62.5%/1.5em arial, helvetica, sans-serif;
	text-align: center;
	background: #F5F5F5 url(../images/design/bg_tile.jpg) 50% 0 no-repeat fixed;
}

/* ----------------
	DEFAULTS
    ------------- */
h1, h2, h3, h4, h5, h6 {
	line-height: 1em;
}  

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
    color: #000;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #999;
} 

h1 { font-size: 1.6em; color: #003e7c; }
h2 { font-size: 1.2em; color: #182e62; font-weight: bold; margin-bottom: 0.2em;}
h3 { font-size: 1.2em; color: #182e62; font-weight: bold; margin: 1em 0 1em 0;}
h4 { font-size: 1em; color: #3e76b1; font-weight: normal; margin: 1em 0 0.5em 0;}
h5 { font-size: 1em; color: #182e62; }
h6 { font-size: 1em; }

h3.line { 
	max-width: 480px;
	padding: 0.5em 0; 
	margin-top: 0.5em;
	border-top: 1px dotted #003e7c;
} 

sup {
	font-size: 0.8em;
	vertical-align: 40%;
}

p, address {
	margin-bottom: 1.5em;
	color: #004355;
}

address {
	line-height: 1.5em;
}

li p {
/*	margin-bottom: 0;*/
}
 
a,
a:link,
a:visited { 
	color: #004355; 
	text-decoration: none;
}
a:hover,
a:active {
    color: #faa150;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }

p { line-height: 1.5em; }

/* For HR's with background images */	
div.hr {
  	height: 3px;
  	margin: 10px 0;
  	background: #fff url() 0 0 repeat-x;
}
	div.hr hr {
	  	display: none;
	}

/* orderedList class can be assigned manually, or with jQuery method. 
Intended to style bullets differently than text.  */
ol.orderedList li span { color: #666; }
ol.orderedList { color: #000; }

blockquote, q {
    margin: 1em 2em;
    padding: 1em;
    border-left: 1px solid #dcd6c6;
    font-style: italic; 
    font-size: 1.2em;   
    color: #666; 
}   

small,
.small { font-size: .8em; color: #7e6164; margin-bottom: 0; display: block; }

small.space { margin-bottom: 1em; }


/* ----------------
	PAGE STRUCTURE
	Elements that make up the skeleton of the layout and holds things together
	
	html, body, page, wrapper, and footer rules are designed to fix footer's at the bottom of the page.
	Wrapping the site in the page div also allows for double background images.
    ------------- */
#page {
	position: relative;
	min-height: 100%;
	text-align: center;
	padding: 0;
	font-size: 1.2em; /* Render type approximately 12px in size across all browsers */
}

#wrapper {
	position: relative;
	min-height: 100%;
	width: 1020px;
	margin: 0 auto;	
	text-align: left;
	padding-bottom: 10px;
}

#header {
	height: 120px;
}

#footer {
	position: relative;
	margin-top: 0; /* when using footer stick, you need a negative margin equal to the bottom padding on #wrapper */
	height: 10px;
	clear: both;
	background: url() 0 0 repeat-x;
}

#colContent {
	position: relative;
	float: left;
	width: 820px;
	margin-left: 15px;
	background: url(../images/design/bg_content_tile.png);
}
	.contentBody,
	.contentHeader {
		position: relative;
		margin: 10px 20px;
	}
		.contentBody {
			padding: 4em 30px 1em 30px;
			/*margin-top: 4.5em;*/
			margin-top: 0;
			margin-bottom: 20px;
			background-color: #fff;
		}
		.contentHeader {
			margin: 20px;
			margin-bottom: 10px;
			background: transparent url(../images/design/bg_tile.jpg) 50% 0 no-repeat fixed;
		}
			#content.home .contentHeader {
				margin-bottom: 0;
/*				margin-bottom: -5px;*/
				z-index: 0;
				height: 524px;
			}
			.ui-tabs .ui-tabs-panel {
				padding: 4em 0 2em 0;
			}
		.colMain {
			float: left;
			width: 480px;
		}
		.contentHeader img {
			position: relative;
			z-index: 1;
			background: url(../images/design/bg_header.png) 0 50% no-repeat; /* white gradient */
			margin-bottom: -4px;
		}
        .graphsContentHeader {
            margin: 20px;
        }
        .graphsContentHeader img {
            position: relative;
			z-index: 1;
		}
        
        .graphsContentHeader {
            margin: 20px;
			background: transparent url(../images/design/bg_tile.jpg) 50% 0 no-repeat fixed;
        }
        .graphsContentHeader #mainGraphsImage {
            position: relative;
			z-index: 1;
            border: 18px solid white;
            margin:0em 0em 1em 0em; 
            float:left;
        }
        
        .graphsContentNav {
            background-color:#FFF;
            min-height:379px;
            width:246px;
            padding:18px 18px 0px 0px;
            float:right;
        }
            .graphsContentNav ul {
                padding-left:1em;
                margin-top:-.5em;
            }
                .graphsContentNav ul img {
                    padding-right:1em;
                    margin-bottom:1em;
                    float:left;
                    display:none;
                }
            .graphsContentNav li {
                padding-top:1em;
                padding-left:1.7em;
            }
                .graphsContentNav li.active {
                    padding-left:0em;
                }
                .graphsContentNav li.active img {
                    display:block;
                }
            .graphsContentNav a:link,
            .graphsContentNav a:visited {
                color: #3e76b1; 
                text-decoration: none;
            }
            .graphsContentNav a:hover {
                color: #002c66; 
                text-decoration: none;
            }
            
        .graphsContentNav .consolidatedHeader {
            padding-left:.6em;
            color:#ffffff;
            background-color:#002c66;
        }
        .graphsContentNav .glblMarketsHeader {
            padding-left:.6em;
            margin-top:3em;
            color:#ffffff;
            background-color:#7e6164;
        }
        
        
		#colContent.landing .contentBody {
			background: none;
			margin: 0;
			padding-top: 0;
			padding-left: 20px;
			padding-right: 10px;
		}
		#colContent.landing .contentHeader {
			background: none;
/*			margin-bottom: 5px;*/
		}		
		#colContent.landing .colMain {
			width: 190px;
/*			min-height: 30em;*/
			margin-right: 6px;
			margin-bottom: 10px;
			background-color: #fff;
			padding: 0;
		}
			#colContent.landing .colMain.clickable:hover {
				background-color: #efefef;
			}
			#colContent.landing .colMain h2 {
				margin: 1em 0 0 0;
			}
			
		#colContent.financials .colMain {
			width: 100%;
		}
		
#colNav {
	position: relative;
	float: left;
	width: 180px;
	padding: 0;
}

.options {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 220px;
	height: 50px;
	text-align: right;
	background: url(../images/design/bg_options.gif) 100% 0 no-repeat;
}
	.options p {
		margin: 0;
		padding: 1.5em 3em 1em 0;
		font-size: 0.8em;
		color: #8098bc; 
		height: 50px;
	}
	.options a { 
		color: #8098bc; 
		border: 0; 
		display: inline-block;
		padding: 2px;
	}
	.options a:hover {
		color: #003e7c;
	}
	.options .fontSize.smallText { font-size: 1em; }
	.options .fontSize.mediumText { font-size: 1.3em; }
	.options .fontSize.largeText { font-size: 1.6em; }
	.options .print { 
		margin-right: 1em; 
		padding-left: 20px;
		background: url(../images/design/icon_print_white.gif) 0 50% no-repeat;
	}



/* ----------------
	PAGE STRUCTURE ELEMENTS
	Elements  such as logos, search bars, and any other design element repeated throughout the site, 
	but doesn't effect the structural layout
    ------------- */
#logo {
	width: 129px;
	height: 77px;
	display: block;
	background: url(../images/design/logo.png) 0 0 no-repeat;
	position: absolute;
	top: 28px;
	left: 24px;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
	#logo a {
		width: 129px;
		height: 77px;
		display: block;
		text-indent: -9999px;
		border: 0;
	}
	
#title {
	position: absolute;
	top: 20px;
	right: 25px;
	width: 220px;
	height: 14px;
	background: url(../images/design/txt_annual_report_2008.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#search {
	position: absolute;
	top: 80px;
	right: 25px;
	width: 320px;
	color: #7e6165;
	text-align: right;
}
	#search input.input {
		border: 1px solid #5889bf;
		padding: 3px;
	}


.downloads .colMain {
	width: auto;
}
.colMain ul.downloads {
	list-style: none;
	margin-left: 200px;
	border-top: 1px dotted #3e76b1;
}
	.colMain ul.downloads li {
		border-bottom: 1px dotted #3e76b1;
		padding: 0.5em 0;
	}
	.colMain ul.downloads li.large {
		height: 230px;
		position: relative;
	}
		.colMain ul.downloads li.large p {
			height: 20%;
			position: absolute; 
			top: 40%;
			vertical-align: middle;
		}
			.colMain ul.downloads li.large p img {
				margin-bottom: -0.6em;
				margin-right: 0.5em;
			}
		.colMain ul.downloads li.large img.preview {
			float: left;
			margin-left: -200px;
			margin-top: 10px;
		}
	
	
	

/* ----------------
	NAVIGATION
    ------------- */
#navMain {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	margin-top: 20px;
}
	#navMain li {
		margin-bottom: 1px;
	}
	#navMain a {
		position: relative;
		display: block;
		padding: 0.8em 1.5em;
		padding-right: 0;
		border: 0;
		color: #fff;
		font-weight: bold;
		background: url(../images/design/bg_nav_transparent.png);
	}
		#navMain li.active a {
			color: #ffe294;
/*			background: url(../images/design/bg_nav_transparent.png);*/
		}
		#navMain li.active a,
		#navMain a:hover {
			color: #ffe294;
			background: url(../images/design/bg_nav_transparent_active_item.png) 0 50% no-repeat;
		}
		#navMain li.pdf a:hover {
			background: url(../images/design/bg_nav_transparent_active_item_pdf.png) 0 50% no-repeat;
		}
		
	#navMain li ul {
		display: none;
		margin: 1px 2px 0 2px;
		/*background: url(../images/design/bg_nav_transparent_active.png);*/
	}
		#navMain li.active ul {
			display: block;
		}
		#navMain li ul li {
			margin: 0;
		}
			#navMain li ul li.divider span {
				display: block;
				margin-top: 1em;
				border-bottom: 1px dotted #fff;
			}
			#navMain li ul li a,
			#navMain li.active ul li a {
				color: #fff;
				letter-spacing: -0.01em;
				font-size: 0.9em;
				padding: 0;
				font-weight: normal;
				padding: 0.5em 0.8em;
				background: none;
				background: url(../images/design/bg_nav_transparent_active.png);
				display: block;
			}
			#navMain li ul li a:hover,
			#navMain li.active ul li a:hover {
				color: #ffe294;
			}
			#navMain li ul li.active a {
				color: #ffe294;
			}
			
#navSub {
	background-color: #3E76B1;
	padding: 0.5em 0;
	margin: 2em 0;
}
	#navSub a {
		display: block;
		padding: 0.3em 0 0.3em 3em;
		color: #fff;
		border: 0;
	}
	#navSub a.print { background: url(../images/design/icon_print.gif) 10px 50% no-repeat; }
	#navSub a.media { background: url(../images/design/icon_media.gif) 10px 50% no-repeat; }
	#navSub a.suggest { background: url(../images/design/icon_suggest.gif) 10px 50% no-repeat; }
	
#navHome {
	width: 779px;
	height: 51px;
	margin: 20px;
	margin-top: 0;
	margin-bottom: 4px;
	z-index: 9999;
	background: url(../images/design/nav_home.gif) 2px 0 no-repeat;
}
	#navHome ul {
		height: 51px;
		padding-left: 203px;
		background: url(../images/design/nav_home.gif) 0 0 no-repeat;
	}
		#navHome li {
			float: left;
			width: 144px;
		}
			#navHome li a {
				display: block;
				text-indent: -9999px;
				height: 51px;
				line-height: 0;
				background: url(../images/design/nav_home.gif) 0 0 no-repeat;
			}
			
/*			#navHome li.nav-insight { width: 145px; }*/
/*			#navHome li.nav-liquidity { width: 140px; }*/
			#navHome li.nav-access a { background-position: -205px 0; }
            #navHome li.nav-clarity a { background-position: -349px 0; }
            #navHome li.nav-insight a { background-position: -493px 0; }
			#navHome li.nav-liquidity a { background-position: -637px 0; }
			
			#navHome li.nav-access a:hover { background-position: -205px -104px; }
            #navHome li.nav-clarity a:hover { background-position: -349px -104px; }
            #navHome li.nav-insight a:hover { background-position: -493px -104px; }
			#navHome li.nav-liquidity a:hover { background-position: -637px -104px; }
			
			#navHome li.nav-access.active a { background-position: -205px -104px; }
            #navHome li.nav-clarity.active a { background-position: -349px -104px; }
            #navHome li.nav-insight.active a { background-position: -493px -104px; }
			#navHome li.nav-liquidity.active a { background-position: -637px -104px; }
			
			
/* ----------------
	TYPEOGRAPHY
    ------------- */
.colMain ul {
	margin: 1em;
	margin-top: 0.3em;
	list-style: disc;
}

.title {
	color: #7f9594;
	font-style: italic;
/*	margin: 0;*/
}

.headerTag { /* Added via JS to wrap around h1 tags */
	margin: 0 20px;
	background: transparent url(../images/design/bg_tile.jpg) 50% 0 no-repeat fixed;
}
h1 {
	background: url(../images/design/bg_header_gradient.png) 0 0 repeat-y;
	padding: 0.75em 30px 0.5em 30px;
	margin: 0 20px;
	border-bottom: 1px dotted #054177;
}
	h1.noline {
		margin: 0;
		padding-left: 0;
		border: 0;
		border: 0;
/*		padding-bottom: 0;*/
		padding-bottom: 0.5em;
	}
	h1.noSubHeader {
		padding-bottom: 1.5em;
	}
	.headerTag h1 {
		margin: 0;
	}
	
.headerText {
	margin-top:2em;
	margin-bottom:-1em;
}

	
.contentHeader h1,
.contentHeader p {
	position: absolute;
	left: 25px;
	z-index: 99;
	color: #fff;
	font-size: 1.8em;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
}
	.contentHeader h1 {
		top: 35px;
		margin: 0;
	}
	.contentHeader p {
		bottom: 20px;
		margin: 0;
		width: 30em;
	}
		#colContent.smallBanner .contentHeader {
			margin-bottom: 10px;
			position: static;
			background: url(../images/design/bg_tile.jpg) 50% 0 no-repeat fixed;
		}
		#colContent.smallBanner .contentHeader h1 {
			position: static;
			padding: 2em 30px;
			margin: 0;
			border: 0;
			background: url(../images/design/bg_header.png) 0 50% no-repeat;
			color: #002c66;
		}

.contentBody .summary p {
	color: #6799ca;
	font-size: 1.1em;
}
	.contentBody .summary.access p { color: #e7b330; }
	.contentBody .summary.clarity p { color: #34618e; }
	.contentBody .summary.insight p { color: #a1a6bc; }
	.contentBody .summary.liquidity p { color: #c8b386; }
	
	.contentBody .summary.homepage p { font-weight: bold; color: #003e7c; }

/*.contentBody .bulletsTitle {
    color: #6799ca;
    margin-bottom:0em;
}

.contentBody .bullets {
    margin-top:0em;
}

.contentBody .minorFootnote {
    color: #7e6164;
    font-weight:bold;
    font-size:.8em;
}

*/

.pullImage {
	width: 225px;
	float: right;
	margin-right: -271px;
	margin-top: 4px;
}

.pullQuote {
	border-top: 1px dotted #8e9191;
	border-bottom: 1px dotted #8e9191;
	padding: 1em 0;
	width: 180px;
	float: right;
    margin-top: 0;
	margin-right: -230px;
	font-size: 1.2em;
}
	.pullQuote span {
		font-size: 1.5em;
	}
	.pullQuote p {
		color: #C98202;
		margin: 0;
	}
	.pullQuote.small {
		font-size: 1em;
	}
	.pullQuote.small p {
		color: #92a6a5;
	}
		.pullQuote.small p b {
			color: #987b80;
			font-weight: normal;
		}
		
	.pullQuote.credits {
		font-size: 0.8em;
	}
		.pullQuote.credits p {
			color: #3e76b1;
			margin-bottom: 1em;
		}
		.pullQuote.credits h4 {
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 1em;
		}
		.pullQuote.credits h4,
		.pullQuote.credits b {
			color: #002c66;
		}
	
ul.numbers {
	color: #fff;
}
	ul.numbers li {
		position: relative;
		padding: 1.5em 0;
		margin: 0;
		border-bottom: 1px solid #fff;
	}
		ul.numbers p {
			position: static;
			float: right;
			font-size: 1em;
			width: 360px;
		}
		ul.numbers b {
			display: block;
			float: left;
			text-align: right;
			width: 400px;
			padding: 0;
			height: 1em;
			line-height: 1em;
			font-size: 3em;
		}

.color1 { background-color: #fba150; }
.color2 { background-color: #002c66; }
.color3 { background-color: #5486bd; }
.color4 { background-color: #a7accb; }
.color5 { background-color: #bca278; }

a.top {
	color: #5486bd;
	display: inline-block;
	padding-left: 15px;
	background: url(../images/design/icon_page.gif) 0 50% no-repeat;
}

span.chart {
	font-size: 1.5em;
	color: red;
	display: none !important;
}

div.lineNumbers {
	position: absolute;
	top: 0;
	left: -50px;
}


/* ----------------
	FORM ELEMENTS
	Label widths are set via jQuery autoWidth, unless you want to set them manually.
    ------------- */
/*fieldset {clear: both;}
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;}
*+html legend {margin-left: -7px;}

form .field, form .buttons, form ul.fields li {clear: both; margin: 0 0 1em;}
form .field label, form ul.fields label {display: block; margin-right: 1em;}
form ul.fields { margin: 0; padding: 0; }
form ul.fields li {list-style-type: none;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {margin: 3px; vertical-align: bottom;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {margin: 0; vertical-align: middle;}
*+html input.radio, *+html input.checkbox {margin: 0; vertical-align: middle;}

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial, sans-serif; vertical-align: bottom;}
input.text, input.password, textarea {border: 1px solid #444; border-bottom-color: #666; border-right-color: #666; padding: 2px;}

* html button {margin: 0 .34em 0 0;}
*+html button {margin: 0 .34em 0 0;}

form.horizontal .field, form.horizontal ul.fields li {  }
form.horizontal .field label, form.horizontal ul.fields label  { display: inline; float: left; }


form input {
	padding: 3px;
}
form ul.fields li {
	position: relative;
}
	form ul.fields label.overlap {
		position: absolute;
		top: 3px;
		left: 3px;
		color: #999;
	}

div.errors {
	background: #FEFF9F url(../images/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	margin: 1em 0;
	width: 100%;
}
	div.errorsInner {
		padding-left: 80px;
		background: url(../images/big_error.gif) 15px 1em no-repeat;
	}

.message {
	margin: 2.5em 0;
}
	.message p {
		margin: 1em 0;
	}
	.message.notice,
	.message.notice a {
		color: #c64b1d;
	}
	.message.error {
		color: #fff;
		background-color: #ab2828;
		padding: 1em;
	}
		.message.error a {
			color: #fff;
		}
*/
	
		

/* ----------------
	MISC
    ------------- */
.floatLeft {float: left;}
.floatRight {float: right;}
.alignLeft {text-align: left;}
.alighRight {text-align: right;}
.alignCenter {text-align: center;}
.clear {clear: both;}


.w-05 { width: 5%; }
.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-33 { width: 33%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-66 { width: 66%; }
.w-80 { width: 80%; }
.w-100 { width: 100%; }


/* ----------------
	CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
	add this class to the element that needs to be cleared, or add the element's class or id to the declaration below
    ------------- */

.clearFix:after,
ul.numbers li:after,
#tabs:after,
.contentHeader:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}



p.note {
	color: #fff;
	background-color: #003e7c;
	font-weight: bold;
	padding: 0.1em 0.5em;
}

/*#colContent.statements h2 {
	padding: 0.5em 0;
	border-bottom: 1px dotted #003e7c;
}*/

/* @group page.statements OVERRIDES */
#colContent.statements .fontSizeOptions {
/*	display: none;*/
}

#colContent.statements h2 { 
	font-size: 1.4em; 
	font-weight: bold; 
	margin-bottom: 0.5em; 
	text-transform: uppercase; 
	padding: 0.5em 0; 
	border-bottom: 1px dotted #003e7c;
}

#colContent.statements .toc .content ul li.back a {
	color: #CFE7FF;
	font-size: 1.2em;
}

#colContent.statements .contentBody,
#colContent.smallBanner .contentBody {
	padding-top: 50px;
}

#colContent.statements .chartWrapper {
	width: 910px;
	overflow: auto;
	overflow-y: hidden;
/*	margin: 0 -200px;*/
}
	#colContent.statements .chartWrapper table.data {
		min-width: 898px;
	}
	
	#colContent.segment .chartWrapper table.data {
		min-width: 720px;
	}

#colContent.statements {
	width: 1000px;
	margin-left: 0;
	padding-top: 20px;
}

#colContent.statements .colMain {
	width: auto;
/*	padding: 0 200px;*/
}

#colContent.statements .headerTag h1 {
	color: #6799c8;
	font-size: 1.33em;
	font-weight: bold;
	text-transform: uppercase;
}

#colContent.statements .tocWrapper {
	background:transparent url(../images/design/bg_tile.jpg) no-repeat fixed 50% 0;
	margin-right: 20px;
	margin-left: 20px;
}

#colContent.statements .tocHeader {
	background: none;
}

#colContent.statements .tocHeader p.header_toc {
	width: 213px;
	height: 48px;
	float: left;
	overflow: hidden;
	background-image: url(../images/design/bg_table_of_contents.png);
	text-indent: -5000px;
	margin-bottom: 0;	
}

#colContent.statements .tocHeader p.header_review {
	width: 645px;
	height: 47px;
	float: left;
	overflow: hidden;
	background-image: url(../images/design/bg_2008_financial_review.png);
	text-indent: -5000px;
	margin-left: 1px;
	margin-bottom: 1px;
}

#colContent.statements .tocHeader a.header_print {
	width: 99px;
	height: 47px;
	float: left;
	overflow: hidden;
	background-image: url(../images/design/bg_print.png);
	text-indent: -5000px;
	margin-left: 1px;
	margin-bottom: 1px;
}

#colContent.statements .toc {
	margin-top: 0;
	margin-bottom: 9px;
	background: transparent url(../images/design/bg_toc.png) repeat fixed 0 0;
}

#colContent.statements .toc .content {
	padding: 1.3em 40px 1.5em 40px;
	color: #ffffff;
}

#colContent.statements .toc .content p.selectedSection {
	color: #ffe293;
	font-size: 1.8em;
	font-weight: normal;
	border-bottom: none;
	padding-left: 0;
	text-transform: none;
	margin-top: 8px;
	margin-bottom: 10px;
}

#colContent.statements .toc .content ul {
	border-bottom: 1px dotted #ffffff;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

#colContent.statements .toc .content ul li {
	font-weight: bold;
	line-height: 18px;
}

#colContent.statements .toc .content ul li a {
	color: #ffffff;
}

#colContent.statements .toc .content ul li.active a {
	color: #ffe293;
}

#colContent.statements .toc .content ul a:hover {
	color: #ffe294;
}

/* @end */