body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0;
	text-align:center;
}

a, 
a:link,
a:active, 
a:visited {
	color: #ed2024;
	text-decoration: none;
	outline: 0 none;
}
a:hover {
	color: #999;
}

a img,
img {
	border: 0 none;
}

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style-type: square;
}

ol {
	margin-left: 20px;
}
ol li {
	list-style-type: decimal;
	list-style-position: inside;
}

h1, h2, h3 {
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

div#pagewrapper {
	text-align: left;
	width: 600px;
	margin: 0;
}

div#header ul {
	background: #bbb;
	border-bottom: 1px solid #999;
	width: 600px;
	height: 24px;
}

div#header ul li{
	display: inline;
}

div#header ul li a{
	color: #fff;
	display: block;
	margin: 4px 10px 2px 10px;
	float: left;
	font-size: 14px;
}

div#searchpanel {
	display: none;
}
div#keypanels {
	display: none;
    position: relative;
	display: block;
	overflow: hidden;
	height: 250px;
	width: 600px;
	margin: 0;
}

div.squarepanel {
	width: 190px;
	float: left;
	display: block;
    background: transparent url(../images/squarepanel-bg.gif) 0px 24px no-repeat;
	padding: 15px;
	color: #999;
	height: 300px;
}

div.squarepanel h2 {
	margin: 0;
	padding: 0;
	width: 150px;
}
div.squarepanel h2 a {
	background: #ed2024 url(../images/squarepanelh2red.gif) bottom left repeat-x;
	text-transform: uppercase;
	color: #fff;
    font-size: 14px;
	margin: 0 0 0 -12px;
	padding: 4px 0 0 8px;
	display: block;
}



div#sidenav,
div#sidenavfalse {
	margin:0 -40px 0 0;
	margin-top: 111px;
	#margin-top: 87px;
	background: transparent url(../images/nav-background-panel.gif) 0px 22px no-repeat;
	#background: transparent url(../images/nav-background-panel.gif) 0px 28px no-repeat;
	float: right;
	padding: 0;
	display: none;
}
div#sidenavfalse {
	margin-top: 111px;
	#margin-top: 87px;
	margin-right: 80px;
}
div#sidenav h2,
div#sidenavfalse h2 {
	display: inline;
	background: #ed2024;
	margin: 0 0 0 3px;
	padding: 0;
	height: 24px;
}
div#sidenav h2 a,
div#sidenavfalse h2 a{
	background: #ed2024 url(../images/squarepanelh2red.gif) bottom left repeat-x;
	text-transform: uppercase;
	color: #fff;
    font-size: 14px;
	margin: 0;
	padding: 4px 8px 5px 8px;
}

div#sidenav ul {
	margin: 8px 0 0 20px;
	width: 220px;
}

div#sidenav ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.collapse {
	display: none;
}

.pdf {
	background: #bbb url(../images/pdficon.gif) 3px 5px no-repeat;
	padding-left: 30px !important;
	border-bottom: 1px solid #444;
}

.pdf a {
	border-bottom: 0 none !important;
}

div#sidenav img {
	margin-bottom: -3px;
}

div#sidenav ul li a,
div#sidenav ul li a:active,
div#sidenav ul li a:link,
div#sidenav ul li a:visited {
	color: #444;
	display: block;
	padding: 6px 8px;
	border-bottom: 1px solid #444;
	
}
div#sidenav ul li a:hover {
	color: #ed2024;
	text-decoration: none;
}
div#sidenav ul ul {
	margin: 0;
	padding: 0 0 0 10px;
	background: #bbb;
	width: 210px;
	border-bottom: 1px solid #444;
}
div#sidenav ul ul li a {
	margin-left: 10px;
	font-size: 11px;
	width: 183px;
	display: block;
}

.last {
	border-bottom: 0 none !important;
}

div#sidebarimagearea {
    position: absolute;
	margin-top: 600px;
	margin-left: 560px;	
	width: 220px;
}


.imgclear {
	margin: 20px 0;
}
.imgleft {
	margin: 20px 20px 20px 0;
	float: left;
}

.topimgright {
	float: right;
	margin: -72px -110px 30px 30px;
}

.imgoutside {
	margin: 20px 0 20px 10px;
}
#content {
	margin: 0;
	padding: 0px 0px 0px 10px;
}

.wide {
	margin: 0;
}

div.table {
	clear: left;
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}
div.table div {
	width: 280px;
	float: left;
}

div.table div.first {
	padding-right: 40px;
}

div.clearleft {
	clear: left;
}

#content h1 {
	font-family: Arial Narrow, sans-serif;
	font-size: 30px;
	color: #555;
}

#content h2 {
	font-family: Arial Narrow, sans-serif;
	font-size: 24px;
	color: #fff;
}

#content h3 {
	font-family:  Arial, sans-serif;
	font-size: 17px;
	color: #ed2024;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 0 0 0;
}
#content p {
	font-family:  Arial, sans-serif;
	font-size: 11px;
	color: #555;
	margin: 0;
	padding: 3px 0 8px 0;
	line-height: 150%;
}

#content p.intro {
	margin-top: 15px;
	font-size: 16px;
	color: #666;
}

.notes {
	font-size: 8px !important;
	font-style:italic;
}
#content h2.chart,
.goals th h2 {
    background: #ed2024 url(../images/squarepanelh2red.gif) bottom left repeat-x;
	text-transform: uppercase;
	color: #fff;
    font-size: 18px !important;
	margin: 0px 0 10px 0;
	padding: 6px 8px;
	display: inline;
	line-height: 36px;
	font-weight: normal;
}
#content ul,
#content li  {
	margin: 0 0 0 20px;
	padding: 0;
	}

#content li  {
	font-family:  Arial, sans-serif;
	font-size: 11px;
	color: #555;
	margin: 0;
	padding: 3px 0 8px 0;
	line-height: 150%;
	list-style-position:outside;
}

#sidebarimagearea th, 
h4 {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #555;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	padding-right: 20px;
}

table td,
table th {
	vertical-align: top;
}

.keyres td,
.keyres th {
	font-size: 9px;
	text-align: right; 
	padding: 3px 16px 3px 8px;
	vertical-align: middle;
	border-bottom: 1px solid #7dd1e1;
}
.keyres th {
	padding-top: 5px;
	}
.keyres td h3,
.keyres th h3 {
	font-size: 14px !important;
}

.keytargets td,
.keytargets th,
.goals td {
	font-size: 9px;
	text-align: left; 
	padding: 3px 16px 3px 8px;
	vertical-align: top;
	border-bottom: 1px solid #7dd1e1;
}

.keytargets th {
	border-bottom: 0px none;
    padding-top: 5px;
}

.keytargets td h3 {
	font-size: 14px !important;
}
.goals td {
	padding: 8px 16px 8px 8px;
	font-size: 10px;
}

#sidebarimagearea table th,
#sidebarimagearea table td {
	width: 50%;
}
.keyresultspage h1 {
   padding-bottom: 50px;	
}
.keyresultspage h2 {
	background: #a1a1a5 url(../images/h2tabgrey.gif) bottom left repeat-x;
	padding: 15px 10px 55px 10px;
	margin: 0 40px 0 0;
	font-size: 20px !important;
	
}
.keyresultspage h2.red {
    background: #ed2024 url(../images/squarepanelh2red.gif) bottom left repeat-x;
	position: absolute;
	height: 30px;
	margin-top: -40px;
	padding: 5px 10px;
}
.keyresultspage h2 a{
    float: right;
	width: 20px;
	display: block;
	background: #ed2024 url(../images/h2tabgreydark.gif) bottom left repeat-x;
	height: 30px;
}
.righttable {
	width: 300px;
	margin-left: 20px;
}
.righttable span{
	float: right;
}

.environment {
	padding-top: 20px;
}
.environment th {
	font-size: 24px;
	padding: 5px 5px 10px 5px;
	color: #ed2024;
}
.environment td {
	padding: 5px 20px 10px 5px;
    border-bottom: 1px solid #7dd1e1;
}

.people td {
	font-size: 9px;
	padding: 3px;
	vertical-align: middle;
}

.indicators td,
.indicators th {
	font-size: 9px;
	padding: 4px;
	border-bottom: 1px solid #ccc;
}
.indicators th {
    text-transform: uppercase;	
}

h3 small {
 	font-size: 12px;
	color: #444;
}
 
 .bod div {
 	display: block;
	clear: left;
	border-top: 1px solid #ed2024;
 }
 
 .bod div img {
 	float: left;
	padding: 10px 40px 120px 0;
 }
 
.slideimage {
	display: block;
	position: absolute;
	top: 175px;
	#top: 156px;
} 

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}