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

* {
margin:0;
padding:0;
}



.clear {
	clear:both;
	height:1px;
	margin:0;
	padding:0;

}

body {
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
	font-size:100%;
	
}

#navContainer {
	height:65px;
	background-color:#004068;
	border-bottom:4px #FFFFFF solid;
	width:100%;
	
	
	}
	
	
#navContainer div {
	width:750px;
	margin:0 auto;
	position:relative;
	top:20px;
	
	
}	

#mainContentWrapper {
	width:922px;
	margin:0 auto;
	}

#flashContainer {
	height:390px;
	background-color:#FFF;
	width:750px;
	margin:0 auto;
	margin-bottom:30px;
}

#mainTextContainer {

}

#mainTextContainer h2  {
	font-weight:normal;
	text-transform:uppercase;
	padding-left:85px;
	color:#004068;
	margin-bottom:0.5em;
}





/* =========== PANELS ==============*/


.scroll {
	width:750px;
	margin:0 auto;
	margin-bottom:30px;
}

/*

.panel .column1 {
	width:522px;
	float:left
}


.panel .column2 {
	width:205px;
	float:right
}

*/

.left {
	width:522px;
	float:left;
}

.right {
	width:205px;
	float:right;
	
}

.right img {
	margin-bottom:20px;
}


/* =========== PANELS ANIMATION ==============*/

#slider {
  width: 750px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 1500px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
  margin-top:40px;
}

.noscroll {
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
  margin-top:40px;
}

.scrollContainer div.panel {
  padding: 0px;
  height: 1500px;
  width: 750px; /* change to 560px if not using JS to remove rh.scroll */


}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}


ul.navigation  {
	display:block;
	margin-bottom:40px;
}


ul.navigation li {
	list-style:none;
	display:inline;
	
}

/* =========== CONTENT STYLES ==============*/


.panel p, .panel li {
	color:#666666;
	font-size:0.8em;
	line-height:1.4em;
	margin-bottom:1.4em;
}

.panel p.intro {
	color:#004068;
	font-weight:bold;
	font-size:0.95em;
}

.panel p.introfacts {
	color:#004068;
	font-weight:bold;
	font-size:0.95em;
	margin-bottom:10px;
}

.panel .popupfacts{
	margin:5px;
}

.panel h3 {
	color:#666666;
	font-size:0.8em;
	font-weight:bold;
	margin-bottom:0.7em;
}

.panel h4 {
	font-size:0.8em;
	display:inline;
	color:#BED63D;
}

.panel ul {
	padding-left:20px;
	margin:1.4em 0;
	
}

.panel li {
	margin-bottom:0.7em;
}


table {
	border-top:2px solid #BED63D;
	border-bottom:1px solid #BED63D;
	margin-bottom:1.4em;
	
}

table td {
	border-top:1px solid #BED63D;
}

table td, table th {
	padding:5px 2px;
	text-align:left;
	font-size:0.8em;
	color:#666666;
}


/* =========== SUB NAVIGATION - ADDITIONAL STYLES ==============*/

ul.navigation {
	background-image:url(../images/bg_subnav1.png);
	background-repeat:no-repeat;
	padding: 0px 7px 0px 7px;
	line-height:1.5;
	background-color:#D4ED00;
}

ul.navigation a {
	font-size:0.85em;
	text-decoration:none;
	color:#004068;
	display:block;
	float:left;
	margin-right:15px;
	padding:5px;
}

ul.navigation li a:hover,
ul.navigation li a.selected {
	background:#A6C62E !important;
}

img.scrollButtons {
	width:28px;
	height:35px;
}


img.right {
	margin-right:-50px;
}


img.left {
	margin-left:-50px;
}


/* =========== MAIN NAVIGATION ==============*/


img.logo {
	float:left;
}

#nav {

position: relative;
width: 194px !important;
height:56px;
font-size:0.85em;
color:#004068;
float:right;
right:5px;



}



#nav ul {
list-style-type: none;
}



#nav ul li {
float: left;
position: relative;

}



#nav ul li a {
text-align: left;
border:2px solid #FFF;
padding:7px 10px;
display:block;
text-decoration:none;
color:#004068;
width: 174px !important;
margin-top:-25px;
background-color:#D4ED00;
background-image:url(../images/bg_dropdown.gif);
background-repeat:no-repeat;
background-position: 170px 11px;

}



#nav ul li ul {
display: none;
}


#nav ul li:hover ul {
display: block;
position: absolute;
	margin-left:5px;

}

#nav ul li:hover ul {
	margin-top:25px;
	
	
}


#nav ul li:hover ul li a {
display:block;
background:#D4ED00;
color:#004068;
width: 265px !important;
text-align: left;
border-bottom: 1px solid #f2f2f2;
border-right: none;
padding-bottom:30px;
padding-top:7px;
border:none;
cursor:pointer;
border-left:2px solid #FFF;


}

#nav ul li:hover ul li a:hover {
background:#A6C62E;

}

li.subChapter a span {
	padding-left:17px !important;
	
}



#jumpMenu select {
	background-color:#D4ED00;
	color:#004068;
	border:none;
	padding:2px;
	font-weight:bold;
	float:right;
	margin-right:2px;
}

#jumpMenu select option {
	background-color:#D4ED00;
	color:#004068;
	padding:3px;
	vertical-align:middle;]
	border:0px;
}

#jumpMenu {
	display:none;
}



.pullColumn {
	background-color:#D4ED00;
	padding:5px;
	width:195px;
}







/* =========== INDIVIDUAL PAGES ==============*/


#chairman .scrollButtons, #board .scrollButtons, #care .scrollButtons, #finance .scrollButtons, #cvps .scrollButtons, #contact .scrollButtons, #survey .scrollButtons {
	display:none;
}

  
#chairman .scroll {
	height: 1000px !important;	
}
#chiefexec .scroll{
	height: 1000px !important;	
}
#board .scroll{
	height: 750px !important;	
}
#opDirec .scroll {
	height: 850px !important;	
}
#customer_excellence .scroll{
	height: 3300px !important;	
}
#survey .scroll{
  	height: 1500px !important;	
}
#investment .scroll{
	height: 850px !important;	
}
#care .scroll{
	height: 500px !important;	
}
#finance .scroll{
	height: 500px !important;	
}
#cvps .scroll{
	height: 1000px !important;	
}
#contact .scroll{
	height: 350px !important;	
}

/* =========== FOOTER ==============*/
  
#footer {
	font-size:0.7em;
	border-top:1px solid #D4ED00;
	padding:1.5em 90px 50px;
}



#footer a img {
	border:none;
	
}

#footer div#credit {
	float:left;
	color:#666666;
	font-size:10px;
} 

#footer div#contactInfo ul{
	list-style:none;
	float:right;	
}

#footer div#contactInfo ul li {
	display:inline;
	margin-left:5px;
	font-size:11px;
}

#footer div#contactInfo ul li a {
	color:#004068;
}


#mainTextContainer h2 {
	float:left;
}

#homePdf {
	float:right;
	padding-top:7px;
	margin-right:87px;
}

#homePdf li {
	font-size:0.8em;
	font-weight:bold;
	display:inline;
	margin-left:20px;
}

#homePdf li a {
	text-decoration:none;
	color:#004068;
}
#homePdf li a:hover {
	text-decoration:underline;
}