/*-------------------------------------------    
    Framework
-------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica Light, Helvetica, Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
	background-color: #cbddd6;
	height: 100%;
}
 
#page {
	width: 952px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	height: auto;
	background-color:#ffffff;
	overflow:hidden;
	border-style: solid;
	border-bottom-color:#666666;
	border-left-color:#666666;
	border-right-color:#666666;
	border-top-width:0;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
}

#content {
	width:952px;
	height:auto;
	margin:0;
	padding:0;
	position: relative;
	overflow:hidden;
	
}


/*-------------------------------------------    
    Navigation
-------------------------------------------*/
#primary {
	width:952px;margin:0;padding:0;
}

#primary .zone1 {
	float:left;width:246px;margin:0;padding:14px 0 0 0;
}

#primary .zone2 {
	float:left;width:692px;margin:0;padding:0;	
}

#primary .zone2 .area1 {
	height:24px;width:692px;
}

#primary .zone2 .area2 {
	height:22px;
	width:692px;margin:0 0 0 14px;padding:0;overflow:hidden;
}

#primary .zone2 .area3 {
	position:absolute;top:64px;width:692px;height:2px;border-style:solid; border-bottom-width:2px;border-bottom-color:#0088c7;border-top-width:0;border-right-width:0;border-left-width:0;margin:0 0 0 14px;line-height:0;
}

#primary .zone2 .area4 {
	height:22px;
	width:692px;margin:0 0 0 14px;padding:0;overflow:hidden;
}

#primary .zone2 .area5 {
	position:absolute;top:93px;width:692px;height:1px;border-style:solid; border-bottom-width:1px;border-bottom-color:#0088c7;border-top-width:0;border-right-width:0;border-left-width:0;margin:0 0 0 14px;line-height:0;
}

#primary .zone2 #area6 {
	position:absolute;visibility:hidden;top:98px;height:22px;
	width:692px;margin:0 0 0 14px;padding:0;overflow:hidden;
}


/*-------------------------------------------    
    Typography & Styling
-------------------------------------------*/
a:link { color:#0089c4;text-decoration:underline; }
a:visited { color:#0089c4;text-decoration:underline; }
a:hover { color:#0089c4;text-decoration:none; }
a:active { color:#70a489;text-decoration:underline; }

h1 {
	font-size:11px;color:#0088c7;line-height:14px;font-weight:normal;margin:0;padding:0;
}


h4 {
	font-size:16px;line-height:20px;margin:20px 0 5px 0;padding:0;color:#0089c4;
}

h6 {
/*	font-size:16px;line-height:20px;margin:20px 0 10px 0;padding:0 0 5px 0; color:#0089c4;border-style:solid;border-right-width:0;border-left-width:0;border-top-width:0;border-bottom-width:1px;border-bottom-color:#000000;width:590px; */
	font-size:16px;line-height:20px;margin:20px 0 10px 0;padding:0 0 5px 0; color:#0089c4;border-style:solid;border-right-width:0;border-left-width:0;border-top-width:0;border-bottom-width:1px;border-bottom-color:#000000;width:600px;
}
p.smallhead	{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
p {
/*	margin:5px 0 10px 0;padding:0; */
	margin:12px 0 3px 0;padding:0;
}

br {
	clear:both;
}
.caption {
	font-family: Arial, Helvetica Light, Helvetica, Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 120%;
	color: #000000;
	font-weight:bold;
	padding: 2px 0 12px 0;
	}
	
.dropCap {
    float:left;
    font-size:450%;
    line-height:80%;
	margin:3px 3px 0 0;
	padding:0;
 }

 .footnote {
 	margin:0 15px 24px 0;padding:6px 0 0 0;
 }
 
.footnote p {
 	font-size:11px;color:#777777;line-height:1.2em;margin:5px 0 0 0;
 }

 .rule {
	border-style:solid;border-right-width:0;border-left-width:0;border-top-width:0;border-bottom-width:1px;border-bottom-color:#000000;width:600px;height:1px;line-height:0;
}
 
/* sup {
	font-size: 9px;
} */
sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}
.intro {
	color:#0089c4;
}

.special_caption {
	color:#666666;
}
ul {
margin-top:0;
padding-top:0;
}


/*-------------------------------------------    
    Photos
-------------------------------------------*/
img.right {
float:right;
/* margin:0 0 8px 16px; */
margin:0 0 10px 16px;
}

/* colored callout boxes with wide photo */
#secondary .zone2 .area1 .callout img.whiteborderwide {
margin:0 0 8px 0;
border:1px solid #ffffff;
}

img.chart {
margin: 0 0 20px 75px;
}


	
/*-------------------------------------------    
    Callout boxes on WHITE background
-------------------------------------------*/

/* right floating photo with caption */
.pix-caption {
width:297px;float:right;
margin:10px 0 0 0;
}
.pix-caption p {
font-family: Arial, Helvetica Light, Helvetica, Verdana, Sans-Serif;
font-size: 12px;
line-height: 120%;
color: #000000;
font-weight:bold;
border:0;
/* padding: 12px 0 12px 16px; */
padding: 4px 0 8px 16px;

}


/* ------------------------------------------------------------------------------------------
      Callouts with COLORED BOX with caption.
--------------------------------------------------------------------------------------------- */
/* large colored callouts */
#secondary .zone2 .area1 .callout {
	width:591px;height:auto;margin:20px 0 20px 0;padding:12px;background-color:#e3e6cf;color:#000000;
}

#secondary .zone2 .area1 .callout h5 {
	font-size:14px;font-weight:bold;line-height:18px;color:#00a7c2;margin:0 0 10px 0;padding:0;
}

#secondary .zone2green .area1 .callout h5 {
	font-size:14px;font-weight:bold;line-height:18px;color:#00a7c2;margin:0 0 10px 0;padding:0;
}

#secondary .zone2 .area1 .calloutblue h5 {
	font-size:14px;font-weight:bold;line-height:18px;color:#00a7c2;margin:0 0 10px 0;padding:0;
}
#secondary .zone2 .area1 .callout p {
	margin:0 0 12px 0;padding:0;
}
#secondary .zone2 .area1 .callout img {
	float:right;margin:0 0 8px 16px;padding:0;
/*	float:right;margin:0;padding:0; */
}


/* ------------------------------
     small colored callouts 
--------------------------------- */
#secondary .zone2 .area1 .callout-pix-caption { 
width:289px;float:right;
}
#secondary .zone2 .area1 .callout-pix-caption p {
font-family: Arial, Helvetica Light, Helvetica, Verdana, Sans-Serif;
font-size: 12px;
line-height: 120%;
color: #000000;
font-weight:bold;
padding: 2px 0 8px 16px;
}
#secondary .zone2 .area1 .callout-pix-caption img {
float:right;
margin:0 0 8px 16px;
border:1px solid #ffffff;
}
#secondary .zone2 .callout ul {
	list-style-type:none;margin-left:0;margin-right:16px;padding:10px 0 0 0;
}

#secondary .zone2 .callout ul li {
	width:580px;background: url(../../img/blue_bullet.gif) no-repeat 0 0.5em;padding: 0 0 0 1em;margin: 0 0 10px 0;position:relative;
}

/*-------------------------------------------    
    Charts
-------------------------------------------*/
#secondary .zone2 h3 {
	font-size:14px;
	line-height:18px;
	margin:14px 0 10px 0;
	padding:0;
	color:#000000;
}
#secondary .zone2 h3.chart {
	margin: 24px 0 16px 75px;
}

/*----------------------------------------------------------------------    
    Photo credit white e.g. on landing pages blue background
-----------------------------------------------------------------------*/
.credit {
	font-size:10px;
}
.credit a:link {
	color:#ffffff;
}
.credit a:visited {
	color:#ffffff;
}

/*----------------------------------------------------------------------    
    Photo credit black e.g. on interview pages
-----------------------------------------------------------------------*/
.credit2 {
	font-size:10px;font-weight:normal;
}

.credit2 a:link {
	color:#000000;
}
.credit2 a:visited {
	color:#000000;
}