/* -------------------------------------------------------------- 
   Resets and defaults   
-------------------------------------------------------------- */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;	
}

img { border: none; }

a { color: #099;}
a:hover { color: #000; }
a.read_more {
	text-decoration: underline;
	background: url(../images/general/bullet_read_more.gif) center left no-repeat;
	padding: 6px 10px;
	display: block;
}

body {
	margin: 0;
	text-align: center;
	line-height: 1.3;
  	color: #333; 
  	font-family: Arial, Helvetica, sans-serif;
  	background-color: #fff;
}

h4 {font-size: 13px; font-weight: bold; color: #003434;}

.clear { clear: both; }
em { font-style: italic; }
p { padding-bottom: 15px; }
.divider {
	height: 1px;
	font-size: 1px; 
	line-height: 1em; 
	overflow: hidden;
	background: #ccc url(../images/general/bg_divider.gif) top left repeat-x;
	margin: 10px 0;
}

/* -------------------------------------------------------------- 
   Links for accessibility and mobile devices
-------------------------------------------------------------- */

.accessibility {
	display: none;
}

/* -------------------------------------------------------------- 
   Layout  
-------------------------------------------------------------- */

#content {
	width: 970px;
	margin: 0 auto;
}

.three_cols table{
	border-collapse: collapse;
}
.two_cols #left_column {
	width: 710px;
	float: left;
	text-align: left;
}

.three_cols #left_column {
	width: 190px;
	text-align: left;
	float: left;
}

#middle_column { /* Only occurs in 3-column designs */
	width: 590px;
	text-align: left;
	float: left;
	margin: 0 10px;
	position:relative;
}

.two_cols #right_column {
	float: right;
	width: 230px;
	text-align: left;
}

.three_cols #right_column {
	float: right;
	width: 150px;
	text-align: left;
}

.page {
	padding: 0 7px;
}

/* -------------------------------------------------------------- 
   Header  
-------------------------------------------------------------- */
/*
#logo {
	width: 160px;
	height: 65px;
	overflow: hidden;
	background: #300;
	float: left;
}

#logo a {
	margin: 5px 0 0 20px;
	display: block;
}
*/
/* -------------------------------------------------------------- 
   Breadcrumb trail  old - 10/13/09
-------------------------------------------------------------- */

#breadcrumb {
	height:30px;
	padding-left:10px;
	padding-top:9px;
	float:left;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	color:#666666;
	margin-right:5px;
}
#breadcrumb a {
	font-weight:100;
	color:#666666;
}

#send_to_colleague {
	width: 120px;
	height: 13px;
	overflow: hidden;
	float: right;
	margin-top: 10px;
}

#send_to_colleague a {
	width: 120px;
	height: 13px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	background: url(../images/general/send_to_colleague.gif) top left no-repeat;
}

#send_to_colleague a:hover {
	background-position: 0 -14px;
}

/* -------------------------------------------------------------- 
   Left column, 2-column design
-------------------------------------------------------------- */

/* Lead image */

.lead {
	width: 710px;
	height: 250px;
	overflow: hidden;
}

.lead_description {
	padding: 0 50px 0 7px;
	margin-top: 15px;
}

.section_identifier {
	font-size: 11px;
	color: #300;
	padding: 6px 0 3px;
	display: block;
}

.two_cols #left_column h1 {
	color: #260002;
    font: bold 22px/28px "Trebuchet MS",Verdana,Arial;
    letter-spacing: -1px;
    margin: 0;
    padding-bottom: 10px;
}

.two_cols #left_column .lead_description p {
	padding: 0;
}

.two_cols #left_column ul { 
	margin: 0 0 15px 15px; 
}

.two_cols #left_column h2 {
	font-size: 16px;
	font-weight: bold;
	color: #300;
	padding: 0 5px 10px 0;
}

/* -------------------------------------------------------------- 

   Left column, 3-column design 
-------------------------------------------------------------- */

/* Section navigation: 3-column interior pages */

.section_nav {
	width: 190px;
	margin-bottom: 10px;
	background: #dcede5;
}

.section_nav h3 {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	display: block;
	background: #099;
	padding: 4px 0 0 10px;
	height: 21px !important;
	overflow: hidden;
}

.three_cols .section_nav ul {
	padding: 14px 10px 10px;
	margin: 0 0 15px 0; 
}

.three_cols .section_nav ul ul,
.three_cols .section_nav ul ul ul {
	padding: 0;
	margin: 0 0 0 15px;
}

.section_nav ul li {
	list-style: none;
}

.section_nav ul li a {
	font-size: 11px;
	color: #003434;
}

.section_nav ul ul li {
	list-style: disc;
}

.section_nav ul ul ul li {
	list-style: none;
	background: url(../images/general/bullet_dash.gif) center left no-repeat;
	padding-left: 10px;
	margin-left: -13px;
}

.section_nav ul ul li a {
	
}

.feature_molecule {
	width: 190px;
	overflow: hidden;
	margin-bottom: 4px;
	margin-top: 15px;
}

/* -------------------------------------------------------------- 
   Middle column  
-------------------------------------------------------------- */

#middle_column .tabbed_header {
	width: 590px;
	height: 250px;
	overflow: hidden;
	margin-bottom: 15px;
}

#middle_column .header_image {
	width: 210px;
	float: right;
	text-align: right;
}

#middle_column .lead {
	width: 590px;
	height: 250px;
	overflow: hidden;
	margin-bottom: 0;
}

#middle_column .section_identifier {
	font-size: 14px;
	color: #333;
	padding: 6px 0 3px;
	display: block;
}

#middle_column .page h1 {
	color: #260002;
    font: bold 22px/28px "Trebuchet MS",Verdana,Arial;
    letter-spacing: -1px;
    margin: 0;
    padding-bottom: 10px;
}
#middle_column .page p{
	font:100 13px/16px Arial, Helvetica, sans-serif; 
	color:#333333; 
	float: none; 
	margin-bottom: 10px; 
	margin-left: 10px;
	
}
p.callout {
	font-size: 14px;
	color: #000;
}

.three_cols h2 {
	font-size: 16px;
	font-weight: bold;
	color: #300;
	padding: 0 5px 10px 0;
}

.three_cols #middle_column h3 {
	font-size: 14px;
	font-weight: bold;
	color: #300;
	padding: 0 5px 10px 0;
}

.three_cols #middle_column ul { 
	margin: 0 0 15px 15px; 
}

/* Call to action box */

#middle_column .call_to_action a {
	background: #099;
	height: 18px !important;
	overflow: hidden;
	border: 1px solid #d2eeee;
	border-right: 1px solid #003434;
	border-bottom: 1px solid #003434;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding: 1px 5px 0;
	float: left;
}

#middle_column .call_to_action a span {
	
}

#middle_column .call_to_action a:hover {
	text-decoration: underline;	
}

/* Featured Content/Title Area on Tertiary templates */  

#middle_column .main_story,
#middle_column .main_story p {
	font-size: 14px;
	color: #333;
}

/* Feature molecule */

#middle_column .feature_molecule {
	width: 576px;
	height: auto;
	padding: 7px;
	background: #dcede5;
}

#middle_column .feature_molecule .feature_molecule_image {
	width: 130px;
	text-align: right;
	float: right;
}

#middle_column .feature_molecule .feature_title {
	font-size: 13px;
	font-weight: bold;
	display: block;
	color: #003434;
	padding-bottom: 5px;
}

/* Feature Rotating and Sliding */

div.feature_wrapper {
	width: 508px; 
	border: 1px solid #ccc; 
	float: left;
}

div.feature_molecule_slide {
	width: 508px; 
	height: 274px; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	overflow: hidden;
}

ul.sliding_content {
	position: relative; 
	left: 0; 
	top: 0; 
	float: left; 
	list-style: none !important; 
	padding: 2px 0; 
	margin: 0 2px !important; 
	height: 274px; 
	overflow: hidden;
}

ul.sliding_content li {
	width: 140px; 
	height: 248px; 
	border: 1px solid #ccc; 
	text-align: center; 
	float: left; 
	position: absolute; 
	left: 0; 
	margin: 0; 
	margin-right: 10px;
	padding: 10px 20px;
}

ul.sliding_content li h4,
ul.sliding_content li p {
	text-align: left; 
	padding-top: 5px; 
	padding-bottom: 0;
}

ul.sliding_content li img {margin-bottom: 15px;}

ul.sliding_content li.last {margin-right: 0;}

div.rotating_content_area {
	padding: 20px; 
	border-bottom: 1px solid #ccc; 
	width: 468px;	 
	overflow: hidden; 
	clear: both;
}

div.rotating_content_area img {
	float: left; 
	margin-right: 20px;
}

div.rotating_content_area h2 {
	padding-top: 10px; 
	color: #003434;
}

a.slideRight,
a.slideLeft {
	float: left; 
	display: block; 
	width: 30px; 
	height: 30px; 
	position: relative; 
	top: 138px;
}

a.slideRight {background: transparent url(../images/general/slide_next.gif) no-repeat 100% 0;}
a.slideLeft {background: transparent url(../images/general/slide_previous.gif) no-repeat 0 0;}

/* Tabbed Content */

div.tabbed_content {
	width: 590px; 
	height: 250px; 
	overflow: hidden; 
	background-color: #ccc;
}

div.tabbed_content p {
	position: relative; 
	top: 45%; 
	text-align: center;
}

ul#tabbed_content_tabs {
	position: absolute; 
	left: 7px; 
	bottom: 0; 
	display: none; 
	margin: 0 !important; 
	list-style: none !important; 
	width: 570px; 
	height: auto;
}

ul#tabbed_content_tabs li {
	display: block; 
	float: left; 
	margin-right: 5px; 
	background: transparent;
}

ul#tabbed_content_tabs li a {
	display: block; 
	float: left; 
	background: transparent url(../images/general/bg-tab-left.gif) no-repeat; 
	color: #003434; 
	text-decoration: none;
}

ul#tabbed_content_tabs li a span {
	display: block; 
	padding: 4px 10px 4px 0; 
	margin-left: 10px; 
	background: transparent url(../images/general/bg-tab-right.gif) no-repeat 100% 0;
}

ul#tabbed_content_tabs li.active a {cursor: default;}
	
div.tabbed_header {position: relative;}

/* -------------------------------------------------------------- 
   Right column, shared styles between 2 and 3-column design
-------------------------------------------------------------- */

#right_column ul, 
#right_column ul li {
	list-style: none;
}

#right_column h3 {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	display: block;
	background: #099;
	padding: 4px 10px 0;
	height: 21px !important;
}

#right_column .right_callout {
	margin: 10px 0 0 0;
}

#right_column .right_callout img,
#right_column .right_callout a {margin: 0; padding: 0;}

/* -------------------------------------------------------------- 
   Right column, 2-column design
-------------------------------------------------------------- */

.two_cols #right_column ul {
	padding: 12px 10px 10px;
}

.two_cols #right_column .right_box {
	background: #dcede5;
}

.two_cols #right_column .home {
	height: 154px;
	overflow: hidden;
}

.two_cols .right_box ul li a {
	font-size: 11px;
	text-decoration: underline;
	color: #003434;
	line-height: 18px;
	zoom: 1.0;
	display: inline-block !important;
	display: block;
}

/* -------------------------------------------------------------- 
   Right column, 3-column design  
-------------------------------------------------------------- */

.three_cols .quick_links,
.three_cols .pressroom_news {
	width: 150px;
	margin-bottom: 10px;
	background: #dcede5;
}

.three_cols #right_column ul,
.three_cols .pressroom_news ul {
	padding: 12px 10px 10px;
}

.three_cols #right_column ul li a,
.three_cols .pressroom_news a {
	font-size: 11px;
	text-decoration: underline;
	color: #003434;
	line-height: 18px;
	zoom: 1.0;
	display: inline-block !important;
	display: block;
}

.corporate_sustainability_molecule {
	width: 150px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 10px;
}

/* -------------------------------------------------------------- 
   Homepage-specific 
-------------------------------------------------------------- */

#home_bottom {
	width: 960px;
	text-align: left;
}

#home_bottom h2 {
	font-size: 16px;
	font-weight: bold;
	color: #300;
	padding: 0 5px 10px;
}

#home_bottom .bottom_column {
	float: left;
	width: 230px;
	margin-right: 10px;
}

#home_bottom .last {
	margin-right: 0;
}

.bottom_column h3 {
	color: #300;
	font-size: 13px;
	font-weight: bold;
	padding: 8px 5px 2px;
}

.bottom_column h4 {
	font: 13px "Trebuchet MS", "Lucida Sans", "Lucida Grande", Times New Roman, Times, serif;
	color: #003434;
	padding: 2px 5px 5px;
}

.bottom_column p {
	font-size: 11px;
	padding: 0 5px;
}

.bottom_column a.read_more {
	font-size: 11px;
}

/* -------------------------------------------------------------- 
   Footer  
-------------------------------------------------------------- */

#footer {
	width: 955px;
	padding: 18px 0 9px 15px;
	background: #dcede5;
	margin: 25px auto 0;
	text-align: left;
	font-size: 11px;
}

#footer ul { 
	float: left;
	margin-bottom: 9px;
}

#footer ul,
#footer ul li { list-style: none; }

#footer ul li {
	display: inline;
	float: left;
	font-size: 11px;
}

#footer ul li a { 
	display: inline;
	float: left;
	font-size: 11px;
	color: #003434;
	border-right: 1px solid #333;
	padding: 0 7px;
	text-decoration: underline;
}

#footer ul li a.first {  
	padding-left: 0; 
}

#footer ul li a.last { 
	border: none; 
	padding-right: 0; 
}

/* -------------------------------------------------------------- 
   Global Navigation  
-------------------------------------------------------------- */

#global_navigation {
	width: 810px;
	height: 65px;
	overflow: hidden;
	background: url(../images/general/bg_global_navigation.gif) top left repeat-x;
	float: left;
}

#global_navigation .site_title {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	margin: 8px 0 0 17px;
}

#global_navigation ul,
#global_navigation ul li {
	list-style: none;
}

#global_navigation ul {
	margin-left: 10px;
	float: left;
	position: absolute;
	top: 41px;
}

#global_navigation ul li {
	display: inline;
	float: left;
}

#global_navigation ul li a {
	display: block;
	height: 16px !important;
	padding: 4px 10px;
	background: #099;
	float: left;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 3px;	
	min-width: 60px; /* 60px to account for 20px padding; This is per spec, but equal padding with no min-width would make tabs look better */
}

#global_navigation ul li a:hover {
	background: #008686;
}


/* -------------------------------------------------------------- 
   Section Navigation (interior pages)
-------------------------------------------------------------- */
/*
UL#nav LI A:hover {
	BACKGROUND-COLOR: #dcede5; COLOR: #0d3431
}
UL#nav LI A.active {
	BACKGROUND-COLOR: #dcede5; COLOR: #0d3431
}
*/

/*****************/
/**** main.css Resets *****/
/*****************/

html, body {margin: 0; padding: 0;}
ol, ul {list-style: none; margin: 0; padding: 0;}
img {border:none;}

/*************************/
/**** Main Structure *****/
/*************************/

div#wrapper {width:970px; margin: 0px auto;}
	
/**********************************/
/**** Header & Top Navigation *****/
/**********************************/

div#header {background: url("../images/hdr_bg.gif") 0px 0px repeat-x; height:67px; width:970px;	margin: 0 auto; position:relative; z-index:9999; text-align: left; line-height: normal;}
	div#header h1 {font: bold 16px/16px Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 12px 0px 0px 180px; margin:0;}
	div#header div#logo {height:67px; width:160px; float:left;}
	
	div#header ul#nav {position:absolute; top:39px;	left:170px;}
		div#header ul#nav li {float:left;}
			div#header ul#nav li a {
				display:block; _display:inline-block;
				height:28px; padding:0px 10px 0px 10px;	margin-left:3px;
				font: bold 12px/28px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;
				background: url(../images/bg_nav_off.gif) 0px 0px repeat-x;
			}	
			div#header ul#nav li a:hover, div#header ul#nav li a.on:hover, div#header ul#nav li a.hover, div#header ul#nav li a.on  {
				position:relative; left:3px; z-index:5;		
				line-height:26px;
				height:26px; padding:0px 9px 0px 9px; margin:0px 3px 0px 0px;
				background: url(../images/bg_nav_on.gif) 0px 0px repeat-x;
				border: 1px solid #6FC4CA; border-top:none; border-bottom:none;
				color:#007770;
			}
		ul#nav ul {
			margin: -1px 0px 0px 3px;
			padding: 0;
			position: absolute;
			z-index:4;
			visibility: hidden;
			top:26px;
			width:196px; padding:10px 0px 15px 0px;
			background:url(../images/bg_dropdown.jpg) 0px 0px no-repeat; background-color:#A8DCD5;		
			border: 1px solid #6FC4CA;		

		}
			ul#nav ul li {
				float:none !important;
				display:block;
				padding:0px 0px 5px 10px;
			}
			ul#nav ul li a{
				background:none !important; 
				border:none !important;
				font: 12px/16px Arial, Helvetica, sans-serif !important; 
				color:#000000 !important;
				height:auto !important;
				padding:0 !important; 
				margin:0 !important;
				left:0 !important;
			}
			ul#nav ul li a:hover, ul#nav ul li a.on{
				font-weight:bold !important;
				padding:0 !important; 
				margin:0 !important;
				left:0 !important;
			}
		

/*********************/
/**** Breadcrumb *****/
/*********************/

div#breadcrumb {height:30px; padding-left:10px;}
	div#breadcrumb ul{padding-top:9px;}
	div#breadcrumb ul li {float:left; font: bold 11px/11px Arial, Helvetica, sans-serif; color:#666666; margin-right:5px;}
	div#breadcrumb ul li a {font-weight:100; color:#666666;}

/**************************/
/**** Left Navigation *****/
/**************************/

div#leftNav {width:190px; background-color:#FAFAFA;	text-align:left;}

	div#leftNav #hdr {width:190px; height:30px;	background-color:#007F92;}
	
	div#leftNav h2 {color:#FFFFFF; font: bold 12px/14px Arial, Helvetica, sans-serif; padding: 8px 0px 0px 10px; margin:0;}
		
	div#leftNav ul {width:168px; margin: 15px 0px 0px 20px;	padding-bottom:10px;}
	div#leftNav ul li {border-bottom: 1px solid #E0E0E0; margin-bottom:6px; padding-bottom:6px;}
	div#leftNav ul li.last{border:none;}
	
	div#leftNav ul li a {color:#007F92; font: bold 12px/14px Arial, Helvetica, sans-serif; text-decoration:none;}
	div#leftNav ul li a:hover, div#leftNav ul li a.on {color:#000000;}
		
	div#leftNav ul li ul.level2 {margin:6px 0px 0px 0px;}
	div#leftNav ul li ul.level2 li {border:none; padding:0; margin:0px 0px 0px 5px;}
	div#leftNav ul li ul.level2 li a{background: url(../images/tier2_icon.gif) 0px 4px no-repeat; font-weight:100; padding-left:7px;}
	div#leftNav ul li ul.level2 li a.on, div#leftNav ul li ul.level2 li a:hover {background: url(../images/tier2_icon_on.gif) 0px 4px no-repeat;}
		
	div#leftNav ul li ul.level2 li ul.level3 {padding:0px 0px 0px 10px; margin:0px 0px -8px 0px;}
	div#leftNav ul li ul.level2 li ul.level3 li {padding:0; margin:0;}
	div#leftNav ul li ul.level2 li ul.level3 li a {font-size:11px; background:none;}
	
	
div.contentContainer h5{
	font-size: 25px;
	font-weight: bold;
	line-height: 27px;
	color: #003434;
	font-family: "Trebuchet MS",Verdana,Arial;
}

/* =World of News Link Portlet */

#world-of-news{
	background: url(../img/gradients/grad-won-text-above.png);
	height: 113px;
	
}

#world-of-news *{
	padding-left: 10px;
	position: static;
}

#world-of-news h4{
	font-size: 12px;
	padding-bottom:0;
	padding-top: 10px;
}

#world-of-news a{
	font-size: 10px;
}

#world-of-news span {
	display:block;
	font-size: 10px;
}

/* =World of News */
#map_canvas
{
	border:solid 1px #bacdc4;
	width:708px;
	height:400px;
}

/* PDF Icon */
li.icon_pdf{
	background: url(../images/icon_pdf.jpg) 0 0 no-repeat;
	margin-left: 5px; 
	padding-left:.8em;
}

li.icon_pdf a{
	font-size: 11px;
	padding-left: 10px;
}

ul.pdf_container{
	margin: 0 !important;
}

ul.pdf_container li.icon_pdf{
	margin-left: 0 !important;
}

/* Homepage Blog Teaser */

.three_cols #right_column .upside_blog .upside_blog_content{
	padding: 10px;
}

.two_cols #right_column .upside_blog{
	color: #003434;
	height: 120px;
	overflow: hidden;
	padding: 10px 10px 0;
}

.two_cols #right_column .upside_blog h4, .three_cols #right_column .upside_blog h4{
	color: #006666;
	font-family: "trebuchet ms",arial,sans-serif;
	font-size: 14px;
	line-height: 16px;
}

.two_cols #right_column .upside_blog p{
	font-size: 11px;
	line-height: 11px;
	padding: 3px 0 0;
}

.two_cols #right_column .upside_blog p a.read_more {
	background: url("../images/general/bullet_read_more.gif") no-repeat scroll left center transparent;
	color: #00A9AA;
	font-size: 11px;
	padding: 0 0 0 10px;
}

.three_cols #right_column .upside_blog p {
	font-size: 11px;
	line-height: 11px;
	padding: 3px 0 0;
}

.three_cols #right_column .upside_blog p a.read_more {
	background: url("../images/general/bullet_read_more.gif") no-repeat scroll left center transparent;
	color: #00A9AA;
	font-size: 11px;
	padding: 0 0 0 10px;
}

/********/
.info_box {
	background-color:#EFEFEF;
	font-size:small;
	margin-bottom:44px;
	padding:17px;
	float:right;
	width: 560px;
}

.info_box span {
	display: block;
}

.info_box h2 {
	font-size:15px;
	font-weight:bold;
	margin:0 0 2px;
	padding:0;
}
.info_box_inner_column {
	float:left;
}
.info_box_inner_column h3 {
	color:#009799;
	font-weight:bold;
	margin:0;
	padding:22px 40px 0 11px;
	width:220px;
}
.info_box_inner_column ul {
	margin:0;
	padding:4px 0 0 27px;
	width:193px;
}
.info_box_inner_column li {
	margin-bottom:6px;
	list-style:disc outside none;
}
.partner_wrapper {
	margin-top: 10px;
}
.partner_image {
	float:left;
	text-align:right;
	width:73px;
}
.partner_text {
	float:left;
	padding-left:18px;
	width:435px;
}
.partner_text h2 {
	font-size:small;
	margin:0 0 8px;
}
.clear {
	clear:both;
}

#foundationLeadership {
	width: 550px;
}

#foundationLeadership h1{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

#foundationLeadership span{
	margin-bottom: 10px;
}