body { margin: 0;font-family:Arial, Helvetica, sans-serif;background:#fffeff;line-height:1.4em;font-size:90%;font-family: 'Chivo', sans-serif}
button{background:url(../images/arrows.png) 30px 0; height:30px; width:30px; border:0; cursor:pointer}
img{border:0}
a{text-decoration:none; color:#273375}
a:hover{color:#FF7025}	
hr{border:0; color: #00206e;background-color:#00206e; margin:1.5em 0; height:2px}
#outercontainer{ width:1024px; margin-left:auto; margin-right:auto}	
#container{ width:960px; margin-left:auto; margin-right:auto; background:#fff}		
#footer{clear:left; color:#00206e}
#banner{background-color:#00206e;width:100%}
#banner div{background:url(../images/header-r.jpg) top right no-repeat; background-color: #fff; height:113px; width:100%; display:block}
#banner a{color:#fff}
#banner ul {line-height: 45px;margin: 0 30px;padding: 0}
#banner ul li {display:inline; padding-right:7px;margin-right:7px;border-right:1px solid #fff}
#banner .last{border:0}
#wordmark{margin:1.8em 0 0 3.2em;}
#wrapper{border-bottom:10px solid #00206e;width:100%}
#next{float:right; top:460px; position:relative}
.slide {position: relative;height: 100%;margin: 1em 0;overflow: hidden;position: relative;width:100%}
.slide .inner{position: absolute;left: 0;top:0;width: 100%;background-color:#fff;z-index:500}
.js .slide .inner {display: none}
.slide ul{list-style:none; position:relative; margin:0; padding:0; float:left}
.feature li{border:1px solid #CCC; border-bottom:0; background:url(../images/bg-stripes.jpg) repeat; clear:both; width:310px; position:relative; cursor:pointer}
.feature li.last{border-bottom:1px solid #CCC}
.feature li.ftfirst{height:276px; width:286px; color:#fff;background:#00206e;  padding:12px; font-size:120%}
.intro{font-size:110%}
h1{font-size:200%; color:#273375; padding:0; margin:0}
h1 span{font-style:italic}
.feature h1{font-size:145%; float:left; position:absolute; z-index:100; padding:1.5em .5em}
.cs{position:absolute; z-index:200; bottom:10px; left:3em}
#bread{margin:0; padding:0 0 1em 0}
#bread li {display: inline; padding:0 .6em 0 0}				
.page{background:#ccc; padding:0; margin:0}
.col1{float:left; width:784px; padding:1em; margin:0; margin-left:170px; background:#fff}
#more{float:right; width:220px; margin:0; padding:0 0 1em 0; list-style:none; border-bottom:1px solid #ccc}
.first{font-weight:bold}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
* html .clearfix{height:1%}
/*page*/
.top{margin:1.8em 0 .4em 160px; border:0; line-height:1.2em}
#col1{width:152px; padding-right:8px; float:left}
#col2{width:572px; padding-right:8px; float:left}
.caption{float:right; font-style:italic}
.clearer{clear:both; border:0}
#col2long{width:784px; padding-right:8px; float:left}
#col3{width:212px; float:left}
.padding{padding:0 .5em}
#col3 span{font-weight:bold}
#col3 ul {list-style:none; margin:0; padding:0 1em}
#col3 ul li {background: url(../images/plus.png) 0 4px no-repeat;padding-left: 12px; margin-bottom: 2px}
.download{margin-top:1.1em}	
/*Financial*/
table{border-collapse:collapse; line-height:1.4em;  width:95%}
table th{}
tr.bottomline{background-color:#eff6e3; border-top:1px solid #000} 
tr.divideline{background-color:#a1a1c0} 
td{padding:.4em}
.td-col1{background:#dad7f6}
.td-col2{background:#fee7dc}
td span{margin-left:2em}
.source{font-style:italic; font-size:80%; color:#999;margin-top:-10px; padding:0 }
.print{display:none}
#banner ul li#stories, mhide, div.mhide{display:none; }


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {
		width: 320px;
		padding: 0;
	}
	
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		width: 480px;
		padding: 0; 
	}
	
	img{width:100%}
	#col1{display:none}
	#col2, #col2long, #col3{padding:0 .5em; width:100%; }
	.top{margin:0 .2em;  }
	#banner div{background:none}
	#wordmark{margin:0;}
	#banner ul {clear:both; }
	#banner ul li{width: 100%; background:#00206e; font-size:200%; float:left; padding:.5em .25em; margin:.1em 0  }
	#banner ul li#stories, .mhide, div.mhide{display:block; }
	#banner ul li.nfm{display:none}
	#banner h3{padding:5em 2em 2em; width:100%; background:#fff}
	.slide ul{list-style:none; clear:both; width:100%}
	.slide ul img{width:25%}
	.slide ul h1{}
	.feature li{background:none; clear:both; width:97%; }
	.feature li.ftfirst{height:100%; width:95%; }
	
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
		width: 100%;
		padding: 0;
		font-size:200%
	}
	img{width:100%}
	#col1{display:none}
	#col2, #col2long, #col3{padding:0 .5em; width:100%; }
	.top{margin:0 .2em;  }
	#banner div{background:none}
	#wordmark{margin:0;}
	#banner ul {clear:both; }
	#banner ul li{width: 100%; background:#00206e; font-size:200%; float:left; padding:.5em .25em; margin:.1em 0  }
	#banner ul li#stories, .mhide, div.mhide{display:block; }
	#banner ul li.nfm{display:none}
	#banner h3{padding:5em 2em 2em; width:100%; background:#fff}
	.slide ul{list-style:none; clear:both; width:100%}
	.slide ul img{width:25%}
	.slide ul h1{}
	.feature li{background:none; clear:both; width:97%; }
	.feature li.ftfirst{height:100%; width:95%; }
	
}