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

/*******************************************************************/
/************************** HEADER STYLES **************************/
/*******************************************************************/
#header {
	height:75px;
	background: #0b456f url(/images/headerRight.gif) no-repeat top right;
}

.banner {
	height:75px;
	background: url(/images/headerLeft.gif) no-repeat top left;
}

#frbImg {
	padding:20px;
}

#siteName {
	display: none;
	margin: 0;
	padding: 0;
}

/************** UTILITY STYLES ****************/

#utility{
	font: .8em Verdana,sans-serif;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px;
	padding: 0;
	text-align:right;
}

#utility a{
	color: #FFFFFF;
	text-decoration: none;
}

#utility a:hover{
	text-decoration: underline;
}

/************** SEARCH STYLES ****************/
#searchForm{
	margin-top: 10px;
}

#searchForm input{
  font-size: .9em;
 }
 
#searchForm a:link, #searchForm a:visited {
	color: #023d58;
	text-decoration:none;
}

#searchForm a:hover{
	text-decoration:underline;
}

.btnSearch {
	background-color: #1c3553;
	border:1px solid #000;
	color: #FFF;
	font-size: 1em;
	cursor:pointer;
}

#searchResults ul li{
	list-style: none;
	margin-bottom: -.2em;
}

.searchTitle{
	font-size: 1.2em;
	font-weight:bold;
}

.searchLink{
	color: #93795c;
}

/************** MAIN NAVIGATION BAR ****************/

#navigation {
	background: #5d7188;
}

#topNavMain{
	background: url(/images/gradient_gray.gif) repeat-x;
	height:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: .85em;
}

/************** MAIN NAVIGATION LINKS ****************/
#globalLink{
	list-style: none; 
	margin: 0px;
}

.defaultMainNav {
	color:#023D58;
} 

.curMainNav {
	background:#5d7188 /*url(/images/tabLeft.gif) left top no-repeat*/;
}

.curMainNav span { 
	color:#ffffff;
	/*background: url(/images/tabRight.gif) right top no-repeat;
	padding: 0px 6px;*/
}

#globalLink li { 
	float: left;
	margin: 5px;
	/*padding: 0 5px;
	border-right: 1px solid #CCC;*/
} 

#globalLink a {	 
	display: block; 
	text-decoration: none;
	color:#023D58;
	padding: 2px 5px 6px;
}

/************** SUB NAVIGATION BAR ****************/
#topNavSub{
	background: url(/images/gradient_blue.gif) repeat-x;
	height:25px;
	padding-left:10px;
}

/************** SUB NAVIGATION LINKS ****************/
.subglobalNav{
	position:absolute;
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
}

.subglobalNav a:link, .subglobalNav a:visited {
	text-decoration:none;
	color: #ffffff;
	margin:4px 8px 2px 8px;
	float: left;
}

.subglobalNav a:hover{
	color: #ffffff;
	text-decoration:underline;
}

/*display the current page's link in a different color*/
#current{
	background:url(/images/gradient_brown.gif) repeat-x;
	padding:5px 4px;
	/*border-right:1px solid #0b4d76;
	border-left:1px solid #0b4d76;*/
	margin-top:0px;
}

/*******************************************************************/
/*********************** HOME PAGE STYLES **************************/
/*******************************************************************/


/************** LAYOUT ****************/
#containerHome { 
	width: 980px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #d8e0e3;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#sidebarHome {
	float: right; /* since this element is floated, a width must be given */
	width: 315px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e3eaee; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px;
}
#homeContent { 
	margin: 0 350px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebarHome div contains, the column space will remain. You can remove this margin if you want the #homeContent div's text to fill the #sidebarHome space when the content in #sidebarHome ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#helpImg{
	padding:5px;
}
.divider{
	border-bottom:1px dashed #023d58;
}

/*********** GRAPH BOXES **************/
#graphs { 
	margin: 0 auto;  /*the auto margins (in conjunction with a width) center the page */
	text-align: left;  /*this overrides the text-align: center on the body element. */
	width:100%;
	float:left;
	padding:20px 0px 5px 0px;
	margin-bottom: 1em;
}
 
#graph1{
	margin-right: 310px;
	padding: 0;
}
#graph2{
	float: right; 
	width: 280px;
	padding: 0;
	margin: 0;
}

#graph1 div.sidebox2, 
#graph2 div.sidebox2 {
	margin: 0;
}

.btnDetails {
	background-color: #e3eaee;
	border:1px solid #b1c3d1;
	margin: 1em 0 .5em;
	color: #55697e;
	font-size: .8em;
	cursor:pointer;
}

/***** LATEST ECONOMIC RESEARCH BOX ********/
		<!--
/* Show only to IE PC \*/
* html .researchBoxhead h2 {height: 1%;} /* For IE 5 PC */

.researchBox {
	margin: 0 20px 20px auto; /* center for now */
	font-size: 100%;
	width:100%;
	float:left;
}
.box {
	float:left;
}
.researchBoxhead {
	background: url(/images/rschHead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}
.researchBoxhead h2 {
	background: url(/images/rschhead-l.gif) no-repeat top left;
	margin: 0;
	padding:  5px 5px 5px 20px;
	color: #FFF; 
	font-size: 1.2em; 
	font-weight:bold;
	line-height: 1em;
}
.researchBoxbody {
	margin: 0;
	text-align:left;
}
.researchBoxbody ul.title_list li.unlinked_title,
.newsStory div.unlinked_title{
	font-size: 1.2em;
}
#researchLeft{
	margin: 0 290px 0 0;
	border-right:1px solid #bcc0c3;
	padding: 0px 10px 0px 10px;
}
#researchRight{
	float: right; 
	width: 260px;
	padding: 0px 10px 0px 10px;
}

/*******************************************************************************************************/
/***************************************** SUBPAGE STYLES **********************************************/
/*******************************************************************************************************/


/************** LAYOUT ****************/
#container { 
	width: 90%;  
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #8d9caa;
	border-top:none;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#sidebarLeft {
	float: left; 
	width: 165px; /* since this element is floated, a width must be given */
	background: #dce1e7; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0px; 
	margin-left:5px;
}
#sidebarRight {
	float: right; 
	width:250px; /* since this element is floated, a width must be given */
	background: #e4e9ef; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 2.8em 1em; /* top and bottom padding create visual space within this div */
	margin-top:-2.8em;
}
#sidebarLeft h3, 
#sidebarLeft p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
#mainContent {
	overflow: hidden;
	padding:0px 10px 20px 10px;
} 

/***** LEFT NAV ********/
#leftnav {
	margin: 0 0px 10px auto; /* center for now */
}
#leftnav .boxhead {
	background: url(/images/lNavHead-r.gif) no-repeat top right;;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-align:center;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#leftnav .boxhead h2 {
	background: url(/images/lnavHead-l.gif) no-repeat top left;
	margin: 0;
	padding: .5em 5px;
	color: #FFF; 
	font-size: 1em; 
	font-weight:bold;
	text-align: left;
	line-height: 1em;
}
#leftnav .boxbody {
	font-size:1em;
	text-align:left;
	margin: 0;
	padding: 0px 0px 5px 0px;
}
#leftnav ul{
	margin-left: 0px;
	padding-left: 0px;
}
#leftnav li{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	line-height:1.4em;
}
#leftnav span{
	padding:5px;
	display:block;
	}
#leftnav a{
	display: block;
	width: 100%;
	border-bottom: 1px solid #eee;
}
#leftnav a:link, 
#navlist a:visited{
	color: #023D58;
	text-decoration: none;
}

#leftnav a:hover{
	background-color: #b8c1cc;
	color: #023D58;
}

/************* LEFT NAVIGATION STYLES ************/
.current {
	background-color:#d6d6d6;
}


/************* RESEARCH PAGES************/
.gotop {
	float: right;
	margin-right: 0.5em;
	margin-top: -.5em;
	padding-top: 0px;
	display: inline;
	font-weight: normal;
	clear: none;
}
.gotop a:link, 
.jump a:link, 
.gotop a:visited, 
.jump a:visited, 
.gotop a:hover, 
.jump a:hover {
	font-weight: lighter;
	font-style: normal;
	color: #82868a;
}
.box {
	margin: 0 0 1em auto; /* center for now */
}
.boxhead {
	background: url(/images/rschHead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}
.box h2 {
	background: url(/images/rschhead-l.gif) no-repeat top left;
	margin: 0;
	padding:  .5em .5em .5em 2em;
	color: #FFF; 
	font-size: 1.2em; 
	font-weight:bold;
	line-height: 1em;
}
.boxbody {
	margin: 0;
	padding:  .5em .5em .5em 1em;
	border: 1px solid #ccd8e1;
	border-top: none;
}
.boxbody th {
	border-bottom: 1px solid #93795C;
	text-align: center;	
}

/*******************************************************************/
/*********************** SIDE BOX STYLES ***************************/
/*******************************************************************/

/***** DEFAULT STYLE ********/
.sidebox, .sidebox1, 
.sidebox2, .sidebox3, 
.sidebox4, .sidebox5 {
	margin: .5em 0px .5em auto; /* center for now */
}
.sidebox .boxhead, 
.sidebox1 .boxhead, 
.sidebox2 .boxhead, 
.sidebox3 .boxhead, 
.sidebox4 .boxhead, 
.sidebox5 .boxhead {
	margin: 0;
	padding: 0;
	text-align: left;
	-moz-user-select: none;
	-khtml-user-select: none;
}

#sidebarRight .sidebox .boxhead h2, 
#sidebarRight .sidebox1 .boxhead h2, 
#sidebarRight .sidebox2 .boxhead h2, 
#sidebarRight .sidebox3 .boxhead h2, 
#sidebarRight .sidebox4 .boxhead h2, 
#sidebarRight .sidebox5 .boxhead h2 {
	text-align: center;
}


.sidebox .boxhead h2, 
.sidebox1 .boxhead h2, 
.sidebox2 .boxhead h2, 
.sidebox3 .boxhead h2, 
.sidebox4 .boxhead h2, 
.sidebox5 .boxhead h2 {
	margin: 0;
	padding: 5px;
	color: #FFF; 
	font-size: 1.2em; 
	font-weight:bold;
	line-height: 1em;
}
.sidebox .boxbody, 
.sidebox1 .boxbody, 
.sidebox2 .boxbody, 
.sidebox3 .boxbody, 
.sidebox4 .boxbody, 
.sidebox5 .boxbody {
	font-size:1em;
	background:#FFF;
	margin: 0;
	padding: 5px 5px 5px 10px;
	border:1px solid #ccd8e1;
	border-top:none;
	text-align:left;
	overflow: hidden;
}

.sidebox .boxbody {
	border-top:1px solid #ccd8e1;
}

/*** DEFAULT  ***/
.sidebox .boxhead {
	background: url(/images/sbhead-r.gif) no-repeat top right;;
}
.sidebox .boxhead h2 {
	background: url(/images/sbhead-l.gif) no-repeat top left;
}

/***** STYLE #1 ********/
.sidebox1 .boxhead {
	background: url(/images/sbhead1-r.gif) no-repeat top right;;
}
.sidebox1 .boxhead h2 {
	background: url(/images/sbhead1-l.gif) no-repeat top left;
}
.sidebox1 .boxbody {
	background:#f4f8f9;
	border:1px solid #d0d5d9;
	border-top:none;
	color:#82868a;
}

/***** STYLE #2 ********/
.sidebox2 .boxhead {
	background: url(/images/sbhead2-r.gif) no-repeat top right;;
}
.sidebox2 .boxhead h2 {
	background: url(/images/sbhead2-l.gif) no-repeat top left;
	color: #cddbe6; 
}
.sidebox2 .boxbody {
	border:1px solid #b3bbc6;
	border-top:none;
}

/***** STYLE #3 ********/
.sidebox3 .boxhead {
	background: url(/images/sbhead3-r.gif) no-repeat top right;;
}
.sidebox3 .boxhead h2 {
	background: url(/images/sbhead3-l.gif) no-repeat top left;
	color: #173655; 
}
.sidebox3 .boxbody {
	background:#fffcfb;
	border:1px solid #dcdde1;
	border-top:none;
}

/***** STYLE #4 ********/
.sidebox4 .boxhead {
	background: url(/images/sbhead4-r.gif) no-repeat top right;;
}
.sidebox4 .boxhead h2 {
	background: url(/images/sbhead4-l.gif) no-repeat top left;
}
.sidebox4 .boxbody {
	border:1px solid #b8c2c4;
	border-top:none;
}

/***** STYLE #5 ********/
.sidebox5 .boxhead {
	background: url(/images/sbhead5-r.gif) no-repeat top right;;
}
.sidebox5 .boxhead h2 {
	background: url(/images/sbhead5-l.gif) no-repeat top left;
}
.sidebox5 .boxbody {
	border:1px solid #cdd1d4;
	border-top:none;
}


/*******************************************************************/
/************************* FOOTER STYLES ***************************/
/*******************************************************************/
#footer { 
	padding: .5em 0;
	background:#57697f;
/*	height:25px; */
	color: #FFFFFF;
	clear:both;
} 
#footer a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer p {
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}


/*******************************************************************/
/*******************************************************************/
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a containerHome that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#clmLeft{
	float:left;
	width: 47%;
	margin: .5em 0 .5em 0;
	padding: .5em 0 .5em 0;
}
#clmRight{
	float: right; 
	width: 47%;
	margin: .5em 0 .5em 0;
	padding: .5em 0 .5em 0;
}