* { height:100%; margin:0; padding:0; }

/* ---------------------- general layout ---------------------- */
#wrapper {text-align:left; height:100%; width:100%;}
#indent {text-align:left; height: 100%; width:950px; background-color:#FFFFFF; padding-left:10px;}
#masthead {width:950px; padding-bottom:18px; text-align:left; height:80px; background:#ffffff;}
#search {float:right; text-align:right; margin:58px 0px 0px 0px; height:20px; width:340px;}
#searchbar {float: right; text-align:right; width: 190px; height:20px; margin: 0px 0px 0px 0px;}
#searchbutton {width: 20px; height: 20px;}
#bar {float: right; height: 16px; vertical-align: middle; padding-right: 4px;}
#button {float: right;}
#contentholder {height:auto; width:950px; text-align:left; padding-top: 20px; margin:0 auto;}
#logo {float:left; text-align:left; height:80px; width:300px;}
#icons {float:right; text-align:right; height:20px; width:120px;}
#imageholder {height:484px; width:950px; text-align:left; padding-top:10px; margin:0 auto;}
#copyright {float:left;height:14px; width:950px; text-align:center; padding-top:20px; padding-bottom:20px;}
#left-col {float: left; width: 195px; text-align:left; margin-left:20px; margin-right:18px; margin-top:3px; padding-right:8px;}
#main-content {float: left; width: 708px; text-align:left;}
#headercontent {width:708px; height:auto; text-align:left; padding-bottom:8px;}
#bodycopy{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}
#toppage{width:708px;height:auto;float:left; text-align:left; padding-top:20px;}

/* ---------------------- layout financial highlights below ---------------------- */
#highlight1{width:708px;height:524px;float:left; margin:0 auto; text-align:left; padding-top:10px;}
#highlight2{width:708px;height:242px;float:left; margin:0 auto; text-align:left;}

/* ---------------------- layout group at a glance below ---------------------- */
#glance-energy{width:708px;height:321px;float:left; margin:0 auto; text-align:left;}
#glance-sercom{width:708px;height:321px;float:left; margin:0 auto; text-align:left; padding-top:20px;}
#glance-healthcare{width:708px;height:321px;float:left; margin:0 auto; text-align:left; padding-top:20px;}
#glance-foodbeverage{width:708px;height:321px;float:left; margin:0 auto; text-align:left; padding-top:20px;}
#glance-environmental{width:708px;height:321px;float:left; margin:0 auto; text-align:left; padding-top:20px;}
#tableholder1{width:708px;height:auto;float:left; margin:0 auto; text-align:left; background-color:#F7F7F7; padding-top:18px; padding-bottom:18px;}
#tableholder2{width:708px;height:auto;float:left; margin:0 auto; text-align:left; background-color:#DBDBDB; padding-top:18px; padding-bottom:18px;}
#tableholder3{width:708px;height:auto;float:left; margin:0 auto; text-align:left; background-color:#F7F7F7; padding-top:18px; padding-bottom:18px;}

/* ---------------------- layout chairman below ---------------------- */
#chairman{width:708px;height:259px;float:left; margin:0 auto; text-align:left; padding-top:10px;}
#dividend{width:200px;height:275px;float:right; padding-bottom:10px; padding-left:20px; text-align:left;}

/* ---------------------- layout cer below ---------------------- */
#cer-table{width:708px;height:auto;float:left; margin:0 auto; text-align:left; padding-top:10px;}
#cer-graph{width:200px;height:344px;float:right; padding-bottom:10px; padding-left:20px; text-align:left;}

/* ---------------------- layout business review below ---------------------- */
#businessreview{width:708px;height:300px;float:left; margin:0 auto; text-align:left; padding-top:10px;}
#businessreview-meny{width:708px;height:469px;float:left; margin:0 auto; text-align:left; padding-top:10px;}
#bodycopy-business{width:708px;height:auto;float:left; padding-top:20px; text-align:left;}
#bs-graph{width:708px;height:77px;float:left; padding-top:20px; text-align:left;}
#bs-tableholder{width:708px;height:auto;float:left; margin:0 auto; text-align:left; padding-top:18px;}
#energy-graph{width:200px;height:618px;float:right; padding-bottom:10px; padding-left:20px; text-align:left;}
#bs-image{width:708px;height:224px;float:left; padding-top:10px; text-align:left;}
#sercom-graph{width:200px;height:443px;float:right; padding-bottom:10px; padding-left:20px; text-align:left;}
#food-graph{width:200px;height:445px;float:right; padding-bottom:10px; padding-left:20px; text-align:left;}
#environmental-graph{width:200px;height:316px;float:right; padding-bottom:10px; padding-left:20px; text-align:left;}

/* ---------------------- layout finance review below ---------------------- */
#bodycopy-finance{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}
#bodycopy-finance1{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}
#bodycopy-finance2{width:708px;height:auto;float:left; padding-top:20px; text-align:left;}
#finance-pic{width:200px;height:180px;float:right; padding-bottom:10px; padding-left:20px; text-align:left;}
#financetable{width:708px;height:645px;float:left; margin:0 auto; text-align:left; padding-top:10px; padding-bottom:10px}
#financetable1{width:708px;height:301px;float:left; margin:0 auto; text-align:left; padding-top:10px; padding-bottom:10px}

/* ---------------------- layout directors below ---------------------- */
#director-pic{width:197px;height:136px;float:right; padding-left:20px; text-align:left;}
#director-pic1{width:197px;height:136px;float:right; padding-left:20px; text-align:left;}
#director-pic2{width:197px;height:136px;float:right; padding-left:20px; text-align:left;}
#director-pic3{width:197px;height:136px;float:right; padding-left:20px; text-align:left;}
#director-pic4{width:197px;height:136px;float:right; padding-left:20px; text-align:left;}
#director-pic5{width:197px;height:136px;float:right; padding-left:20px; text-align:left;}
#director-pic6{width:197px;height:136px;float:right; padding-left:20px; text-align:left;}
#director-pic7{width:197px;height:136px;float:right; padding-left:20px; text-align:left;}
#director-pic8{width:197px;height:136px;float:right; padding-left:20px; text-align:left;}
#director-pic9{width:197px;height:136px;float:right; padding-left:20px; text-align:left;}

/* ---------------------- layout sustainability below ---------------------- */
#sustain_pic{width:200px;height:453px;float:right; padding-bottom:10px; padding-left:20px; text-align:left;}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
ul#saturday{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url("pics/bgOFF.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:3px solid #061D49;
	border-top:1px solid #BFBFBF;
	background-image: url(pics/bgOFF.gif);
}
ul#saturday li{display:block;float:left;margin:0;pading:0;}
ul#saturday li a{display:block;float:left;color:#646464;text-decoration:none;padding:14px 20px 0 20px;height:24px;background:transparent url("pics/bgDIVIDER.gif") no-repeat top right;}
ul#saturday li a:hover{background:transparent url("pics/bgHOVER.gif") no-repeat top right;}
ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url("pics/bgON.gif") no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */





/* ---------------------- text styles ---------------------- */
.search {
font-size: 11px; 
}
.copyright {
font-size: 9px; 
}
.directory-sub {
color: #0D3692;
}


a.small:link {
	color: #0D3692;
	font-size: 9px;
	text-decoration: none;
}
a.small:visited {
	color: #0D3692;
	font-size: 9px;
	text-decoration: none;
}
a.small:hover {
	color: #666666;
	font-size: 9px;
	text-decoration: none;
}
a.small:active {
	color: #666666;
	font-size: 9px;
	text-decoration: none;
}
a.top:link {
	color: #0D3692;
	font-size: 11px;
	text-decoration: none;
}
a.top:visited {
	color: #0D3692;
	font-size: 11px;
	text-decoration: none;
}
a.top:hover {
	color: #666666;
	font-size: 11px;
	text-decoration: none;
}
a.top:active {
	color: #666666;
	font-size: 11px;
	text-decoration: none;
}
 .title {
 font-size: 24px;
 color: #0D3692;
 text-transform:uppercase;
}
 .titlebottom {
 font-size: 50px;
 color: #BCBCBC;
}
 .titlebottom2 {
 font-size: 36px;
 color: #BCBCBC;
}
 .title-energy {
 font-size: 24px;
 color: #FF7F00;
 text-transform:uppercase;
}
 .title-sercom {
 font-size: 24px;
 color: #6C9099;
 text-transform:uppercase;
}
 .title-healthcare {
 font-size: 24px;
 color: #67B8D6;
 text-transform:uppercase;
}
 .title-food {
 font-size: 24px;
 color: #D90000;
 text-transform:uppercase;
}
 .title-environmental {
 font-size: 24px;
 color: #8EB368;
 text-transform:uppercase;
}

a.note:link {
	color: #0D3692;
	text-decoration: none;
}
a.note:visited {
	color: #0D3692;
	text-decoration: none;
}
a.note:hover {
	color: #666666;
	text-decoration: none;
}
a.note:active {
	color: #666666;
	text-decoration: none;
}

a.notesjump:link {
	color: #0D3692;
	font-weight:bold;
	text-decoration: none;
}
a.notesjump:visited {
	color: #0D3692;
		font-weight:bold;
	text-decoration: none;
}
a.notesjump:hover {
	color: #666666;
		font-weight:bold;
	text-decoration: none;
}
a.notesjump:active {
	color: #666666;
		font-weight:bold;
	text-decoration: none;
}

a.notestitle:link {
	color: #000000;
	font-size:9px;
	font-weight:bold;
	text-decoration: none;
}
a.notestitle:visited {
	color: #000000;
	font-size:9px;
		font-weight:bold;
	text-decoration: none;
}
a.notestitle:hover {
	color: #666666;
	font-size:9px;
		font-weight:bold;
	text-decoration: none;
}
a.notestitle:active {
	color: #666666;
	font-size:9px;
		font-weight:bold;
	text-decoration: none;
}



/* ---------------------- text styles ---------------------- */