.fpoImage { margin: 60px 0 20px 0; }

/*======================================== BASE STYLES ========================================*/

BODY{
margin:0 0 30px 0;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../assets/images/bg_body.jpg);
background-repeat:repeat-x;
background-color: #F1F5F9;
}

/*-------- MOVE THE HORIZON LINE WITH BODY CLASSES ----------*/
BODY.investorsbg	{ background-position: 0px 0px; }
BODY.aboutbg		{ background-position: 0px -129px; }
BODY.noBanner 		{ background-position: 0px -100px; }
BODY.brands			{ background-position: 0px -170px; }

#wrapper{
margin: 0 auto;
width:990px;
position: relative;
*padding: 35px 0 0 0;
}

/*----- COVER CLASS -
 forces containers to cover their floating child elements -------*/
.cover:after {
  content: '.';
  display: block;
  height: 0px;
  visibility: hidden;
  clear: both;
}
.cover {
  zoom: 1;
}


img { border: 0px solid #fff }

/*=================== MAIN PILL CONTAINER - Interior Pages ====================*/
#mainPill_wrapper{
background-image:url(../images/bg_interior_cap2.jpg);
_background-image:url(../images/bg_interior_cap.gif);
background-repeat:no-repeat;
background-position:bottom;
width:964;
margin: 6px 16px 0 0;
*margin: 6px 20px 0 0;
padding:0 0 42px 0;
clear:both;
position:relative;
}
#mainPill{
width:964;
background-image:url(../images/bg_interior.png);
_background-image:url(../images/bg_interior.gif);
background-repeat:no-repeat;
margin: 0 0 0px 5px;
*margin: 0 0 0 3px;
clear:both;
}
#mainPill.green	{
	background-image:url(../images/bg_interior_green.png);
	_background-image:url(../images/bg_interior_green.gif);
}
#mainPill.gray	{
	background-image:url(../images/bg_interior_gray.png);
	_background-image:url(../images/bg_interior_gray.gif);
}
#mainPill.white	{
	background-image:url(../images/bg_interior_white.png);
	_background-image:url(../images/bg_interior_white.gif);
}
#mainPill_wrapper.green {
	background-image:url(../images/bg_interior_cap2_green.jpg);
	_background-image:url(../images/bg_interior_cap_green.gif);
}
#mainPill_wrapper.gray {
	background-image:url(../images/bg_interior_cap2_gray.jpg);
	_background-image:url(../images/bg_interior_cap_gray.gif);
}
#mainPill_wrapper.white {
	background-image:url(../images/bg_interior_cap2_white.jpg);
	_background-image:url(../images/bg_interior_cap_white.gif);
	padding-bottom: 18px;
}


/*================================ INTERIOR PAGE - 2 Column Layout ===========================*/
#colRt{
color: #FFFFFF;
font-size: 12px;
margin: 6px 16px -27px 0;
_margin-bottom: 0;
padding: 0;
width: 232px;
float: right;
display: inline;
}

#colLeft{
width: 650px;
float: left;
display: inline;
margin: 0px 0 0 37px;
_margin: 0px 0 0 37px;
padding: 0;
/*position: relative; this breaks the layout when a link is hovered in IE7 */
font-size: 12px;
line-height: 145%;
color: #666;
min-height: 460px;
/*_height: 460px;*/
position: relative;
/* Quick hacks to get positioning fixed on IE7 - Also have yo fix in the grid_layout.css stylesheet
	bug shifts layout left after it loads if margin is being used, so the hack is to use padding instead only for IE7 for now*/
	*margin-left: 0;
	_margin-left: 37px;
	*padding-left: 37px;
	_padding-left: 0;
}


#colLeftBottomCap{
background-image:url(../images/bg_nav3_cap_bottom.jpg);
background-repeat:no-repeat;
background-position:top;
position: relative;
padding: 20px 0 10px 0;
position:relative;
width:650px;
bottom: -20px;
_right: 3px;
}

#colLeft > p,
#colLeft > h1,
#colLeft > h2,
#colLeft > h3,
#colLeft > h4,
#colLeft > h5,
#colLeft > h6,
#colLeft > pre,
#colLeft > b
 {
	margin: 0 20px 20px 20px;
	position: relative; /*added for BOC stuff */
	z-index: 1;
}

#colLeft p sup { vertical-align: 25%;  }

#colLeft > h1 { color: #092869; font-size: 18px; font-weight: bold; *line-height: 110%; } /* Large Blue */
#colLeft > h2 { color: #5FAD7F; font-size: 14px; font-weight: bold; margin-bottom: 0; }	/* Medium Green */
#colLeft > h3 { color: #333333; font-size: 12px; font-weight: bold; }	/* 12px Dark Gray */

#colLeft a {
	text-decoration: underline;
	color: #42508D;
	color: #136BC0;
}
#colLeft a:hover {
	color: #10894C;
	text-decoration: none;
}


/*=================== Lightbox Modifications... used for the IR lightbox ====================*/

#lightboxtext{
position: absolute;
top: 215px;
left: 30px;
text-decoration:none;
font-size:12px;
color:#484D8F;
font-weight:bold;
}

#lightboxtext:hover {
color: #136BC0;
}

#lightboxtext h4, #lightboxtext:hover h4{
margin:0;
color:#333333;
font-size: 14px;
text-decoration:none;
}


/*==================================== SUBNAV Panel ========================================*/

#subnavwrapper {
background-image:url(../images/bg_subnav_bottomcap.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:232px;
display:block;
margin: 10px 0px 10px 0;
padding: 0 0 8px 0px;
}

#subnavwrapper .subnav {
background-image:url(../images/bg_subnav_top.jpg);
background-repeat:no-repeat;
margin: 10px 0px 0 0;
/* styles for the h4 */
color: #64A266;
margin: 0;
padding: 12px 0 8px 15px;
font-size: 12px;
font-weight: bold;
}
#subnavwrapper .subnav, #subnavwrapper .subnav a {
	color: #64A266;
	text-decoration: none;
	display: block;
}
#subnavwrapper .subnav a:hover {
	color: #A1FFA0;
}

#subnavwrapper ul {
	list-style: none;
	background-color: #484848;
	margin: 0;
	padding: 0;
	display: block;
}
#subnavwrapper ul li, #subnavwrapper ul li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 0;
}
#subnavwrapper ul li {
	border-bottom: 2px #333 solid;
	_zoom: 1;
}
#subnavwrapper ul li.open, #subnavwrapper ul li.open:hover {
background: #5C5C5C;
}
#subnavwrapper ul li:hover {
background: #535353;
}
#subnavwrapper ul li.hasChild, #subnavwrapper ul li.hasChild:hover {
	/*background-image:url(../images/icon_subnav_down.jpg);
	background-position: 210px 14px;
	background-repeat:no-repeat;*/
	outline: none;
	/*cursor: pointer;*/
}
#subnavwrapper ul li b { visibility: hidden; display: none }

#subnavwrapper ul li.hasChild b {
	float: right;
	visibility: visible;
	/*display: inline;*/
	display: -moz-inline-box;
	display: inline-block;
	width: 28px;
	height: 33px;
	background-image:url(../images/icon_subnav_down.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#subnavwrapper ul li b:hover {
background-image:url(../images/icon_subnav_down_hover.gif);
}
#subnavwrapper ul li.open, #subnavwrapper ul li.open:hover {
	outline: none;
	/*cursor: pointer;*/
}
#subnavwrapper ul li.open b {
background-image:url(../images/icon_subnav_x.gif);
background-position: right 4px;
}
#subnavwrapper ul li.open b:hover {
	background-image:url(../images/icon_subnav_x_hover.gif);
}
#subnavwrapper ul li.open:hover {
	background-color: #535353;
}
#subnavwrapper ul li a {
	padding: 10px 0 10px 15px;
	width: 80%;
	outline: none;
	/*
	remove to fix wrapping bug in FF2 --MC 08.05.08
	display: -moz-inline-box;
	*/
	display: inline-block;
}
#subnavwrapper ul li a:hover {
	color: #A1FFA0;
	outline: none;
}
#subnavwrapper ul li p {
	margin: 0;
	padding: 0 0 10px 0;
	display: none;
	width: 232px;
}
#subnavwrapper ul li.open p {
	display: block;
}

#subnavwrapper ul li p a {
	display: block;
	padding: 0 0 0 30px;
	margin: 0;
	color: #B3B3B3;
}
#subnavwrapper ul li a.selected {
	color: #A1FFA0;
}

/*========================= Right Column - Related Links Panel ==========================*/
#sideContent2{
background-image:url(../images/sidecontent_topcap.jpg);
background-repeat:no-repeat;
background-position:top;
width:232px;
margin: 10px 0px 0 0;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

#sideContent2 ul
list-style:none;
width:232px;
margin:0pt;
padding:0px 0pt 15px;
background-image:url(../images/sidecontent_bottom.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#sideContent2 li{
margin: 0 0 0 0;
border-bottom: 2px solid #5F818F;
background-color:#516E7A;
}

#sideContent2 a{
color:#FFF;
text-decoration: none;
display:block;
padding: 10px 0 10px 15px;
}

#sideContent2 a:hover{
text-decoration:none;
color:#92A29C;
color: #A2E4FF;
}

#sideContent2 li.externalLink {
	background-image: url(../images/icon_related_new_window.gif);
	background-repeat: no-repeat;
	background-position: 202px 10px;
}
#sideContent2 li.externalLink a {
	padding-right: 32px;
}

#sideContent2 h4{
font-size:12px;
margin:0pt 0pt 10px;
padding:12px 0pt 0pt 15px;
}

#sideContent2 img{
position:absolute;
right:10px;
top:1px;
}

/*====================== IR NEWS STUFF... can we re-use? =======================*/
#newssearch{
background-image:url(../images/bg_newssearch.jpg);
background-repeat:no-repeat;
float:left;
display:inline;
width:186px;
height:114px;
padding:0 0 0 10px;
font-size:12px;
margin:0px 0 0 50px;

}

#newssearch h3{
padding:10px 0 10px 2px;
margin:0;
*font-size:16px;
}


#newssearch input{
width:147px;
height:20px;
border: none;
background: #ffffff url('../images/field.gif');
padding:3px 0 0 3px;
margin-bottom: 3px;
 }

#newssearch input:hover{
background-position:center bottom;

 }

#newsreleaselist{
float:right ;
display:inline;
font-size:12px;
color:#666666;
margin:0px 50px 0 0;
width:400px;
*clear:left;
}

#newsreleaselist ul li {
position: relative;
float:left;
padding: 10px 0 10px 0;
}

#newsreleaselist ul li a span{
display: inline;
float: left;
padding:0 10px 0 5px;
color:#64A266;
}

#newsreleaselist ul li a p{
margin: 0;
padding: 0;
display:inline;
float: left;
width: 300px;
color:#666666;
}

#newsreleaselist ul li a img{
padding:10px 10px 0 0;

}
#newsreleaselist a.printer {
position: absolute;
right: 0px;
top: 0px;
}

#newsreleaselist li{
width:400px;

}
#newsreleaselist ul{
list-style:none;
padding:0;
margin:0 5px 0 0;
}

#newsreleaselist a{
text-decoration:none;
}


.newsreleaselistgreen{
background-color:#E7F0ED;
}

.greentext{
color:#64A266;
}

.newstext{
color:#666666;
}

.newsdescrip{
color:#666666;
font-weight:normal;
}



/*////////////////////////////////// start HOME content styles/////////////////////////////////*/
#contenthome{
background-image:url(../images/bg_home_content.jpg);
background-repeat:no-repeat;
width:728px;
height:308px;
float:left;
display:inline;
margin:0 0 5px 5px;
}

#headhome{
margin:0;
padding:0;
*padding:22px 0 0 0;
}

#contenthome a{
color:#4F7BB0;
text-decoration:none;
}

#content1{
float:left;
display: inline;
}

#content2{
float: left;
display: inline;

}

#content3{
float:left;
display: inline;
}

#content4{
float:left;
display: inline;
}

#contentinvestors a{
color:#4F7BB0;
text-decoration:none;
}


.content{
 -moz-background-color: #EFEFEF;
 -webkit-background-color: #EFEFEF;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
*background-image:url(../images/bg_content_story.jpg);
background-repeat:no-repeat;
background-color: #EFEFEF;
border: 1px solid #CCCCCC;
*border: 0px solid #ccc;
height:244px;
width:220px;
margin: 0 0 0 16px;
color:#666666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#contentnav{
margin:0 auto;
padding-top:5px;
padding-bottom:0px;
width:110px;
}

.content img{
margin:5px 0 0 6px;;
}

.content h4{
font-size:12px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin: 5px 0 0 10px;
}

.content p{
font-size:12px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
margin: 5px 0 0 10px;

}


#news{
background-image:url(../images/bg_home_news.jpg);
background-repeat:no-repeat;
width: 234px;
height310px;
float:right;
display:inline;
margin:0;
padding:2px 20px 0 0;
*padding:2px 0px 0 0;
position:relative;
}

#news h1 {
width:218px;
height:28px;
background-image:url(../images/bg_hotnews.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 0px 7px 0 7px;
margin: 10px 8px 0 8px;
line-height: 28px;
}

#news ul{
background-image:url(../images/bg_home_newsinside.jpg);
background-repeat:no-repeat;
width:222px;
height:225px;
margin: 0 0 2px 7px;
padding: 5px 0 0 10px;
list-style:none;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#news li{
margin: 0;
padding:0;
}
.date{
color:#64a266;

font-weight:bold;
}
.news{
color:#1A3773;
background-image:url(../images/spacer_news.jpg);
background-position: bottom;
background-repeat:no-repeat;
width: 200px;
}
.newslast{
color:#1A3773;
width: 200px;
}

#locationdescription{
font-size:12px;
}

/*=========== STRETCH BUTTON STYLES ===========*/


a.bttn_gray_WhiteBG_RTarrow {
	height: 25px;
	line-height: 25px;
	display: -moz-inline-box;
	display: inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	background-image:url(../images/btn_stretch.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 8px;
}
a.bttn_gray_WhiteBG_RTarrow span {
	display: -moz-inline-block;
	display: inline-block;
	background-image:url(../images/btn_stretch.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0px 25px 0px 0px;
}
a.bttn_gray_WhiteBG_RTarrow:hover {
	background-position:left -25px;
	cursor: pointer;
}
a.bttn_gray_WhiteBG_RTarrow:hover span {
	background-position:right -25px;
}

a.stretch {
height: 25px;
line-height: 25px;
display: -moz-inline-box;
display: inline-block;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none !important;
color: #fff !important;
background-image:url(../images/btn_stretch.jpg);
background-position:left top;
background-repeat:no-repeat;
margin: 5px 10px 0 0;
*margin-right:35px;
padding: 0px 0px 0px 8px;
}

#news a.stretch{
position:absolute;
right:20px;
}

a.stretch:hover{
background-position:left -25px;

}
a.stretch span {
display: -moz-inline-block;
display: inline-block;
background-image:url(../images/btn_stretch.jpg);
background-position:right top;
background-repeat:no-repeat;
margin: 0;
padding: 0px 25px 0px 0px;
cursor: pointer;
}

A.stretch:hover span{
background-position:right -25px;
}



/*stretch button vr 2*/
a.stretch2 {
height: 29px;
line-height: 29px;
display: -moz-inline-box;
display: inline-block;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none !important;
color: #444 !important;
background-image:url(../images/btn_stretch_vr2.jpg);
background-position:left top;
background-repeat:no-repeat;
margin: 0;
padding: 0px 0px 0px 8px;
}
a.stretch2:hover{
background-position:left -29px;
color:#3F4963;
}
a.stretch2 span {
display: -moz-inline-block;
display: inline-block;
background-image:url(../images/btn_stretch_vr2.jpg);
background-position:right top;
background-repeat:no-repeat;
margin: 0;
padding: 0px 40px 0px 0px;
cursor: pointer;
}
a.stretch2:hover span{
background-position:right -29px;
}

a.bttnSmall {
height: 16px;
line-height: 16px;
display: -moz-inline-box;
display: inline-block;
font-size:10px;
font-weight:bold;
text-decoration: none;
color: #fff !important;
background-image:url(../images/bttn_small_gray_arrow_left.gif);
background-position:left top;
background-repeat:no-repeat;
margin: 0;
padding: 0 0 0 22px;
}
a.bttnSmall span {
display: -moz-inline-block;
display: inline-block;
background-image:url(../imagesbttn_small_gray_arrow_left.gif);
background-position:right top;
background-repeat:no-repeat;
margin: 0;
padding: 0 10px 0 0;
cursor: pointer;
}
a.bttnSmallRt {
height: 16px;
line-height: 16px;
display: -moz-inline-box;
display: inline-block;
font-size: 10px;
font-weight:bold;
text-decoration: none !important;
color: #fff !important;
background: url(../images/bttn_small_gray_arrow_right.gif) no-repeat left top;
margin: 0;
padding: 0 0 0 10px;
letter-spacing: 0em !important;
}
a.bttnSmallRt span {
display: -moz-inline-block;
display: inline-block;
background: url(../images/bttn_small_gray_arrow_right.gif) no-repeat right top;
margin: 0;
padding: 0 22px 0 0;
cursor: pointer;
}

/* classes to change icon on stretch button*/
a.stretch2 span.email{
background-image:url(../images/btn_stretch_mail.jpg);
background-position:right top;
background-repeat:no-repeat;
}

a.stretch2.email{
background-image:url(../images/btn_stretch_mail.jpg);
background-repeat:no-repeat;
background-position:left top;
}

a.stretch2.email:hover span{
background-position:right -29px;

}

a.stretch2.email:hover {
background-position:left -29px;

}

a.stretch2 span.print{
background-image:url(../images/btn_stretch_printer.jpg);
background-position:right top;
background-repeat:no-repeat;
}

a.stretch2.print{
background-image:url(../images/btn_stretch_printer.jpg);
background-repeat:no-repeat;
background-position:left top;
}

a.stretch2.print:hover span{
background-position:right -29px;

}

a.stretch2.print:hover {
background-position:left -29px;

}

/*============================================= FOOTER ==============================================*/

#footer{
 background-color: #EFEFEF;
*background-color: none;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border: 2px solid #CCCCCC;
*border: 0px solid #ccc;
*background-image:url(../images/bg_footer.jpg);
background-repeat:no-repeat;
height:51px;
width:960px;
margin:6px 0 0 5px;
clear:both;
padding:0;
}

#footer a 				{ color:#999999; text-decoration:none; }
#footer a:hover		{ color:#4F7BB0; }
#footer a:active	{ color:#0033CC; }

#footer ul#footerNav {
	height: 51px;
	width: 700px;
	line-height: 51px;
	float: left;
	display: inline;
	font-weight:bold;
	font-size: 11px;
	margin: 0 0 0 22px;
	padding: 0;
}
#footerNav li {
	display: -moz-inline-box;
	display: inline-block;
	padding: 5px 20px 0 0;
	background: url(../images/spacer_footer.jpg) no-repeat right top;
	height: 18px;
	line-height: 18px;
	*display: inline;
	*height: 51px;
	*line-height: 51px;
}
#footerNav li.footerLast {
	background: none;
}


#globalNav {
	float: right;
	display: inline;
	height: 18px;
	width: 228px;
	padding: 6px 1px 6px 1px;
	background: url(../images/global_nav_bg.png) left top no-repeat;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	line-height: 18px;
	position: relative;
	margin-top: 10px;
}
#globalNav img {
	vertical-align: middle;
	margin-top: -2px;
}
#globalNav ul {
	display: none;
	position: absolute;
	bottom: 30px;
	width: 209px;
	list-style: none;
	margin: 0 0 0 -1px;
	padding: 0 1px 0 1px;
	background: url(../images/global_nav_bg_hover.png) left -30px no-repeat;
	border-bottom: 1px solid #B8C8D1;
}
#globalNav ul li {
	margin: 0;
	padding: 0;
	display: block;
	width: 209px;
	float: left;
}
#globalNav:hover {
	cursor: pointer;
	background: url(../images/global_nav_bg_hover.png) left bottom no-repeat;
}
#globalNav:hover ul {
	display: block;
}
#globalNav ul li a {
	display: block;
	padding: 6px 0px;
	line-height: 18px;
	color: #39596B;
}
#globalNav ul li a:hover {
	background-color: #E7E9EA;
	color:#4F7BB0;
}
#globalNav ul li.globalNavTop {
	position: relative;
}
#globalNav ul li.globalNavTop a {
	background: url(../images/global_nav_bg_hover.png) left top no-repeat;
	border-bottom: 1px solid #B8C8D1;
	width: 199px;
	position: absolute;
	bottom: 0px;
	left: -1px;
	padding: 6px 6px;
}
#globalNav ul li.globalNavTop a:hover {
	background-color: transparent;
}


/*================ MAIN NAV ================*/
#nav{
background-image:url(../images/bg_nav.png);
_background-image:url(../images/bg_nav.gif);
background-repeat:no-repeat;
margin:35px 0 0px 5px;
height:54px;
*height:57px;
clear:both;
padding-bottom: 3px;
*padding-bottom: 0px;
position: relative;
z-index: 10;
}

#nav img.logo {
float:left;
display:inline;
margin: 8px 0 0 10px;
}

#nav ul{
margin: 0 35px 0 0;
padding: 0;
height: 55px;
width:760px;/*width:690px;*/
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height: 12px;
list-style:none;
float:right;
display: inline;
}

#nav ul li {
float: right;
margin:0;
padding:0;
padding-right: 2px;
padding-top: 10px;
height:55px;
line-height: 15px;/*line-height: 55px;*/
background-image:url(../images/spacer_nav.jpg);
background-position: right;
background-repeat:no-repeat;
}

/* special class to remove spacer*/
#nav .navlast{
background-image:none;
}

#nav ul li a {
float: left;
padding: 0px 10px;
display: inline;
height: 45px; /*height: 55px;*/
color:#333333;
text-decoration:none;
margin: 0;
outline-style: none;
}

.date{
color:#64a266;
font-weight:bold;
}

#nav ul li a:hover{
color:#4F7BB0;
background-image:url(../images/nav_hover.jpg);
background-position: top;
background-repeat: repeat-x;
}



.uppernav{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#333333;
	margin: 10px 50px 5px 0;
	padding:0;

	width:220px;
	position:absolute;
	top:-7px;
}

.uppernav a{
text-decoration:none;
color:#333333;
}



#search{
height:0;
z-index:1;
margin-left:740px;
}


#search a:link{
display:block;
overflow:hidden;
height:10px;
width:45px;
padding: 10px 0 0px 15px;
background-image:url(../images/arrow_right.jpg);
background-position: 5px 12px;
background-repeat:no-repeat;

}

#search a:hover{
clear:right;
background-image:url(../images/search_holder.jpg);
background-repeat:no-repeat;
background-position: 0px 0;
padding: 10px 0 0 15px;
display:block;
height:76px;
width:204px;
}

#s {
width:137px;
height:20px;
background-image:url(../images/bg_searchfield.jpg);
background-repeat:no-repeat;
border:none;
margin: 0px 0 0 0;
color:#FFFFFF;
}


#wwsites{
padding: 9px 0 0px 0;
margin-left:825px;
}


/*------------ MAIN NAV - Selected Classes --------------*/

#globalheader.home #globalnav li#gn-apple a:hover { background-position: 0 0; cursor: default; }

#nav.item01 ul li#item01 a,
#nav.item02 ul li#item02 a,
#nav.item03 ul li#item03 a,
#nav.item04 ul li#item04 a,
#nav.item05 ul li#item05 a,
#nav.item06 ul li#item06 a,
#nav.item07 ul li#item07 a,
#nav.item08 ul li#item08 a,
#nav.item09 ul li#item09 a,
#nav.item10 ul li#item11 a,
#nav.item12 ul li#item12 a {
	color:#4F7BB0;
	background-image:url(../images/nav_hover.jpg);
	background-position: left;
	background-repeat: repeat-x;
}

/* ===== Stockholder Link - Top-NAV =====*/
#shareholderLink {
	position: absolute;
	right: 116px;
	top: -22px;
	color: #1D2A40;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
#shareholderLink span {
	padding: 0 0 0 20px;
	background: url(../images/sharholder_link_bg.jpg) no-repeat left top;
	display: -moz-inline-box;
	display: inline-block;
	/*display: inline;*/
	height: 18px;
	line-height: 18px;
}
#shareholderLink:hover span {
	background-position: left bottom;
	cursor: pointer;
}
#shareholderLink u {
	color: #990066;
	text-decoration: none;
	background: url(../images/sharholder_link_bg.jpg) no-repeat right top;
	display: -moz-inline-box;
	display: inline-block;
	padding: 0 10px 0 0;
	height: 18px;
	line-height: 18px;
}
#shareholderLink:hover u {
	background-position: right bottom;
	cursr: pointer;
}

/*===============================================================================
													Top Level Pages - Header
===============================================================================*/
#toplevelHeader	{
	background-repeat:no-repeat;
	width:952px;
	margin: -3px 0 -9px 15px;
	padding:0;
	position: relative;
	overflow: hidden;
	min-height: 280px; /*_height:280px;*/
}

/*================ Background Images ================*/
.aboutUsBG 		{ background-image:url(../images/bg_header_about_q2_2008.jpg);  }
.commitmentBG { background-image:url(../images/bg_header_commitment_q2_2008.jpg); min-height: 295px !important; _height:295px !important; }
.bocBG 				{ background-image:url(../images/bg_header_boc_2009.png); }
.careersBG 		{ background-image:url(../images/bg_header_careers.jpg); }

#blurb_2 {
	width: 284px;
	position: absolute;
	top: 165px;
	left: 30px;
	background-image: url(../images/boc/header_blurb_blue.png);
	background-repeat: none;
	background-position: top;
	padding-top: 15px;
	height: 0;
	zoom: 1;
}
#blurb_2 p {
	font-size: 14px;
	line-height: 14px;
	background-image: url(../images/boc/header_blurb_blue.png);
	background-repeat: none;
	background-position: bottom;
	margin: 0;
	padding: 0 10px 15px 10px;
	color: #333;
	font-weight: bold;
	zoom: 1;
}
#blurb_2 p a { color: #484D8F; text-decoration: none; }

/*===== Blurb - Pages that have a top banner and Overview Text ======*/
#blurb {
	width:380px;
	min-height:170px;
	_height:170px; /* with the IE8 script running, IE7 knows what min-height is */
	float:right;
	display: inline;
	margin: 20px 50px 0 0;
	padding-bottom: 45px;
}

#blurbwrapper{
	min-height:190px;
	_height:190px; /* with the IE8 script running, IE7 knows what min-height is */
}

#blurb h2 {
	background-image: url(../images/bg_blurb.png);
	_background-image: url(../images/bg_blurb.gif);
	background-repeat: no-repeat;
	color: #82C084;
	font-family: Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	padding: 20px 0 0 25px;
	margin:0;
}

#blurb p {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
padding: 0px 25px 25px 25px;
margin:0;
background-image:url(../images/bg_blurb_cap.png);
_background-image:url(../images/bg_blurb_cap.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#blurb p a 				{ color: #5B9BE1; text-decoration: none; }
#blurb p a:hover 	{ text-decoration: underline; }


/*============================= Utility Strip - Search =================================*/
#utilityStrip {
	position: absolute;
	right: 35px;
	top: -30px;
	color: #1D2A40;
	padding: 10px 10px 10px 10px;
	*padding: 4px 10px 16px 10px;
	height: 10px;
	overflow: hidden;
	text-align: right;
	height: 10px;
	_width: 100px;
	display: block;
}
#utilityStrip:hover {
	background-image: url(../images/bg_search_header.png);
	_background-image: url(../images/bg_search_header.gif);
	background-repeat: no-repeat;
	width: 189px;
	height: 60px;
}
#utilityStrip a {
	color: #1D2A40;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	background-color: none;
	text-align: right;
	outline: none;
	background-image: url(../images/icon_search_dropdown.gif);
	background-repeat: no-repeat;
	background-position: 6px;
	padding: 0 4px 0 20px;
	height: 13px;
	/*padding: 10px 10px 10px 10px;*/
}
#utilityStrip form {
	margin: 0;
	padding: 0;
  display: block;
}

#utilityStrip fieldset {
	border:0;
	margin:0;
	padding:0;
}
#utilityStrip legend {
	visibility: hidden;
	display: none;
}
#utilityStrip input[type="text"] {
	background-color:transparent;
	background-image: none;
	border: none;
	position:absolute;
	left:17px;
	height:18px;
	width:132px;
	color: #ccc;
	font-weight: bold;
	font-size: 11px;
	padding-left: 3px;
/*	display: inline;*/
	margin-top: 0;
}
#utilityStrip input:focus {
	border: 0p;
}
#utilityStrip input[type="image"] {
	border: none;
	position:absolute;
	top:42px;
	left:158px;
}
#utilityStrip input {
	top: -100px;
}
#utilityStrip:hover input {
	top: 42px;
}

/*============================= 3rd NAV Panel =================================*/

#thirdNav {
display: block;
width:650px;
margin: 35px 0 10px 0px;
padding: 0 0 25px 0;
background:url(../images/bg_nav3_cap2.jpg) no-repeat left bottom;
position: relative;
}

#thirdNav h1, #thirdNav h1 a {
color: #3F4963;
font-size: 20px;
font-weight: normal;
line-height: 20px;
*line-height: 22px; /*hack for IE so "g" doesn't get cut off */
text-decoration: none;
margin: 0;
}
#thirdNav h1 a:hover {
color: #136BC0;
}

#thirdNav ul.nav {
margin: 0;
padding: 0;
width:430px;
float: left;
display: inline;
}

#thirdNav ul.nav li{
float: left;
display:inline;
list-style:none;
color:#689282;
font-size:12px;
font-weight:bold;
background-image:url(../images/bg_subnav3_pipe.jpg);
background-repeat:no-repeat;
background-position:right;
padding: 0 6px 0 0px;
/**padding: 0 8px 0 0px;*/
margin: 0 5px 0 0;
}
#thirdNav ul.nav a 			{ color:#689282; text-decoration:none; font-size:12px; }
#thirdNav ul.nav a:hover	{ color:#3F4963 }
#thirdNav ul.nav li.lastLI { background-image:none; }

#thirdNav .backLink{ margin-left: 20px; }

#thirdNav span.resultsInfo {
float: right;
font-size: 12px;
color: #516E7A;
}

/*--- Selected States ---*/
#thirdNav.item1 li#item1 a,
#thirdNav.item2 li#item2 a,
#thirdNav.item3 li#item3 a,
#thirdNav.item4 li#item4 a,
#thirdNav.item5 li#item5 a,
#thirdNav.item6 li#item6 a,
#thirdNav.item7 li#item7 a,
#thirdNav.item8 li#item8 a,
#thirdNav.item9 li#item9 a,
#thirdNav.item10 li#item10 a,
#thirdNav.item11 li#item11 a,
#thirdNav.item12 li#item12 a,
#thirdNav.item13 li#item13 a,
#thirdNav.item14 li#item14 a,
#thirdNav.item15 li#item15 a,
#thirdNav.item16 li#item16 a,
#thirdNav.item17 li#item17 a,
#thirdNav.item18 li#item18 a,
#thirdNav.item19 li#item19 a,
#thirdNav.item20 li#item20 a
{
color:#3F4963;
}

/*================= International Links Panel ==================*/
#internationalLinks {
	clear: both;
	background-color: #FCFCFC;
	background-image: url(../images/bg_world_map.jpg);
	padding: 45px 0 0 0;
	margin-bottom: -7px;
	_padding-bottom: 7px;
	width: 650px;
}
#internationalLinks a {
	color: #25749E
}
#internationalLinks h1 {
	padding: 0;
	margin: 0;
	line-height:145%;
	padding: 0 20px;
}
#internationalLinks p {
	background: url(../images/cap_bottom.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 20px 15px 20px;
	_margin-bottom: -7px;
}
#internationalLinks .linkList {
	width: 295px;
	padding-right: 10px;
	float: left;
	display: inline;
	margin-top: 14px;
}

/*============== Default Form Styles ==============*/
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
legend {
	visibility: hidden;
	display: none;
}
form input[type=text] {
	background: url(../images/form_field_bg.gif) repeat-x top left;
	border: 1px solid #C2C2C2;
	font-size: 12px;
	font-weight: bold;
	color: #444;
	padding: 3px;
}
form input[type=image] {
	border: none;
	background-image: none;
}

/*======== SPOTLIGHT ========*/
.spotlight230 {
	width: 230px;
	background: url(../images/spotlight_bg.png) no-repeat top left;
	_background-image: url(../images/spotlight_bg.gif);
	position: relative;
	z-index: 10;
	padding-top: 6px;
}
.spotlight230 a {
	text-decoration: none !important;
	position: relative;
	z-index: 1;
}
.spotlight230 img {
	margin: 0 6px;
}
.spotlight230 h2 {
	margin: 4px 10px 2px 10px;
	color: #516E7A;
	font-size: 16px;
	line-height: 100%;
	font-weight: normal;
}
.spotlight230 p {
	color: #938D82;
	font-size: 11px;
	line-height: 12px;
	margin: 0 10px 4px 10px;
}
.spotlight230 b.spotlightStretch {
	height: 16px;
	line-height: 16px;
	display: -moz-inline-box;
	display: inline-block;
	font-size:11px;
	font-family:Arial, Hevetica, sans-serif;
	font-weight:bold;
	text-decoration: none !important;
	color: #fff !important;
	background-image:url(../images/spotlight_bttn_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin: 5px 10px 0 10px;
	*margin-right:35px;
	padding: 0px 0px 0px 8px;
	cursor: pointer;
}
.spotlight230 b.spotlightStretch span {
	display: -moz-inline-block;
	display: inline-block;
	background-image:url(../images/spotlight_bttn_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0px 25px 0px 0px;
}
.spotlight230 .spotlightRule {
	background: url(../images/spotlight_rule.jpg) repeat-x top left;
	height: 2px;
	margin: 12px 10px;
}

.spotlight230 .spotlightBttm {
	background: url(../images/spotlight_bg.png) no-repeat bottom left;
	_background-image: url(../images/spotlight_bg.gif);
	height: 20px;
	margin-top: -6px;
	*margin:0;
	position: relative;
	z-index: 0;
}

/*===== divider for main content pill - green and white =====*/
div.pillDivider {
	background: url(../images/bg_main_pill_divider.jpg) top left no-repeat;
	display: block;
	height: 32px;
	width: 650px;
	margin-bottom: 10px;
}

/*======== CLASSES ========*/

/* Text Sizes */
.size_10 { font-size: 10px !important; }
.size_11 { font-size: 11px; }
.size_12 { font-size: 12px; }
.size_13 { font-size: 13px; }
.size_14 { font-size: 14px; }
.size_16 { font-size: 16px; }
.size_18 { font-size: 18px; }
.size_20 { font-size: 20px; }
.size_24 { font-size: 24px; }

/* Colors */
.color_444 		{ color: #444; }
.color_666 		{ color: #666; }
.color_888 		{ color: #888; }
.color_092869 { color: #092869; } /* Dark Blue */
.color_3F4963 { color: #3F4963; } /* Dark Gray-Blue */
.color_136BC0 { color: #136BC0; } /* Link Blue */
.color_5FAD7F { color: #5FAD7F } /* Green */

.grey{ color:#666666; }

.bold { font-weight: bold; }

.noborder{
border:none !important;
}

.floatRight {
	float:right;
	display: inline;
}
.floatLeft {
	float:left;
	display: inline;
	margin: 0 10px 10px 20px !important;
}
p .floatLeft { margin-left: 0; }

.clearBoth		{ clear: both; }
.clearRight		{ clear: right; }
.clearLeft		{ clear: left; }

.indent30 { padding-left: 30px }

.inlinePhoto210,
.inlinePhoto310 { padding: 10px; background-color: #EFEDE9; width: 210px; margin: 0px 20px 10px 10px; }
.inlinePhoto310 { width: 310px; }
p .inlinePhoto210,
h1 .inlinePhoto210,
h2 .inlinePhoto210,
h3 .inlinePhoto210,
h4 .inlinePhoto210,
p .inlinePhoto310,
h1 .inlinePhoto310,
h2 .inlinePhoto310,
h3 .inlinePhoto310,
h4 .inlinePhoto310 { margin: 0px 0 10px 10px; }
.photoCaption { font-size: 10px; font-weight: bold; color: #777; line-height: 10px; padding-top: 6px; display: block; }



.inlinePhoto410{ padding: 0px; width: 278px; margin: 0px; }

p .inlinePhoto410,
h1 .inlinePhoto410,
h2 .inlinePhoto410,
h3 .inlinePhoto410,
h4 .inlinePhoto410{ margin: 0px 0 0px 0px;}


.inlinePhoto210B{ padding: 15px; background-color: #EFEDE9; width: 210px; margin: 0px 20px 10px 10px; }

p .inlinePhoto210B,
h1 .inlinePhoto210B,
h2 .inlinePhoto210B,
h3 .inlinePhoto210B,
h4 .inlinePhoto210B{ margin: 0px 0 0px 0px;}








.ruleDotted1 {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/rule_dotted_1.gif) repeat-x scroll left center;
height:1px;
margin-bottom:10px !important;
padding:10px 0 5px;clearBoth
}
.clearBoth {
clear:both;
}
.marginSides20	{ margin-right: 20px !important; margin-left: 20px !important; }
.marginLeft20	{ margin: 0 0 0 20px !important; }
.marginRight20	{ margin: 0 20px 0 0; }
.margin20		{ margin: 20px; }
.margin10		{ margin: 10px; }

.padding10		{ padding: 10px; }


/*============== For Flash Content ================*/
#flashcontent {
	margin: 0;
}
#flashcontentColLeft {
	margin: 0 0 20px 20px;
}

.errorMessage 	{ color: red; font-weight: bold; }

/*=======================Thank you Page Contents==============*/
#thankyoupageCentercontent p
{
color:#5FAD7F; 
font-size:18px; 
font-weight:bold; 
margin-bottom:0; 
margin-left:20px; 
margin-top:0px; 
height:25px;
}
