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;
}

sub {
	position: relative; 
	margin-top: 3px;
	
}

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: 880px;
	margin: 0px auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 40px;
}

div#header ul {
	background: #bbb;
	border-bottom: 1px solid #999;
	width: 615px;
	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 {
    position: relative;
	display: block;
	overflow: hidden;
	height: 190px;
	width: 880px;
	margin: 50px 0 0px 0;
	top: 20px;
}

.homepagepanels {
    margin: 0 !important;
}
div.squarepanel {
	width: 204px;
	float: left;
	display: block;
    background: transparent url(../images/squarepanel-bg.gif) 0px 16px no-repeat;
	#background: transparent url(../images/squarepanel-bg.gif) 0px 12px no-repeat;
	padding: 4px 8px;
	color: #999;
	height: 190px;
}

div.squarepanel img{
	float: right;
	margin-left: 8px;
	margin-top: -4px;
}

div.squarepanel p,
div.squarepanel p a {
	font-size: 11px;
	line-height: 110%;
	color: #888;
}

div.squarepanel p,
div.squarepanel p a:hover {
	color: #ed2024;
}

div.squarepanel h2 {
	margin: 0;
	padding: 0;
	width: 180px;
}
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 -4px;
	padding: 0 0 0 8px;
	display: block;
}



div#sidenav {
	position: absolute;
	margin: 0 0 20px 615px;
	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;
	padding: 0;
}

div#sidenav h2 {
	display: inline;
	background: #ed2024;
	margin: 0 0 10px 3px;
	padding: 0;
	height: 24px;
}
div#sidenav h2 a {
	background: #ed2024 url(../images/squarepanelh2red.gif) bottom left repeat-x;
	text-transform: uppercase;
	color: #fff;
    font-size: 14px;
	margin: 0 0 10px 0;
	padding: 4px 8px 4px 8px;
}

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

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

div#sidenav ul li {
	list-style-type: none;
	margin: 0 !important;
	border-bottom: 1px solid #444;
}
	
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;
	text-decoration: none;
	display: block;
	padding: 5px 8px 6px 8px;
}
div#sidenav ul li a:hover {
	color: #ed2024;
	text-decoration: none;
}

div#sidenav ul ul {
	margin: 0px 0 0 10px;
	padding: 0;
	width: 210px;
	border-bottom: 0 none !important;
}

div#sidenav ul ul li {
  padding-left: 10px;
  border-bottom: 0 none !important;
  background: #ccc;
}
div#sidenav ul ul li a {
	font-size: 11px;
	display: block;
	border-bottom: 1px solid #444;
}

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

.collapse {
	display: none;
}

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

.pdf a {
	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-right: 380px;
	padding: 0px 0px 0px 10px;
}

.wide {
	margin-right: 290px !important;
}

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: 13px;
	color: #555;
	margin: 0;
	padding: 3px 0 4px 0;
	line-height: 150%;
}

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

.notes {
	font-size: 12px !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;
	padding: 6px 8px 0px 8px;
	line-height: 30px;
	font-weight: normal;
}
#content ul,
#content li  {
	margin: 0 0 0 20px;
	padding: 0;
	}

#content li  {
	font-family:  Arial, sans-serif;
	font-size: 12px;
	color: #555;
	margin: 0;
	padding: 3px 0 3px 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: 10px;
	text-align: right; 
	padding: 3px 12px 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: 12px;
	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: 12px;
}

#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;
	font-size: 10px;
}

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

.indicators td,
.indicators th {
	font-size: 9px;
	padding: 4px;
	border-bottom: 1px solid #ccc;
	text-align: right;
}
.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 80px 0;
 }
 
.slideimage {
	display: block;
	position: absolute;
	top: 175px;
	#top: 156px;
} 

.bluerules {
	margin: 10px 10px;
}

.bluerules th,
.bluerules td  {
	font-size: 11px;
	padding: 3px;
	border-bottom: 1px solid #7dd1e1;
	padding-right: 40px;
}

.bluerules th {
	padding: 8px 3px;
	padding-right: 40px;
}

.flipbook {
	background: #cbcbcb url(../images/flipper-bg.gif) top right no-repeat;
}
.flipbook a {
	color: #444 !important;
	font-weight: bold;
}

#footer {
	margin:0;
	padding: 0;
	
}
/*****************************************************************************
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;
  }
  */
}