/* Layout ideas taken from alistapart's 'The Holy Grail of Layouts' */
/* Careful when changing anything related to the layout, it may completely break! */
/* BEGIN DANGER ZONE */
body {
	margin: 0;
	padding-left: 200px;    /* LC fullwidth */
	padding-right: 190px;   /* RC fullwidth + CC padding */
	min-width: 240px;       /* LC fullwidth + CC padding */
}

#header, #footer {
	margin-left: -200px;    /* LC fullwidth */
	margin-right: -190px;   /* RC fullwidth + CC padding */
}

.column {
	position: relative;
	float: left;
}

.inline-block{
	display: inline-block;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;		
}

#content {
	padding: 20px 20px;
	width: 100%;
}

#navigation {
	width: 180px;           /* LC width */
	padding: 20px 10px;        /* LC padding */
	right: 240px;           /* LC fullwidth + CC padding */
	margin-left: -100%;
}

#right {
	width: 130px;           /* RC width */
	padding: 10px 10px;        /* RC padding */
	margin-right: -100%;
}

#footer {
	clear: both;
}
/* END DANGER ZONE */


body {
	font-family: Helvetica, Arial, "Sans-Serif";
	font-size: 0.8em;
	background: #fff;	
}

/* The right column, used for language related links */
#right {
	font-size: 0.8em;
}

.column {
	padding-top: 1em;
}

#content {
	background: #fff;
}

#header {
	padding: 10px 10px 0px 10px;
	height: 80px;
	background-image: url('/images/head_beat.png');
	background-repeat: no-repeat;
	background-color: #468ead; /* match right end of gradient */
	color: white;
	font-size: 16pt;
}
#header_print {
	display: none;
}

#footer div {
	background-color: #d3dfe9;
	padding: 5px 5px 5px 220px;
	margin: 0px;
	border: 0px;
	color: #36667e;
	font-size: 75%; 
}

#navigation {
	padding-top: 50px;
}

#navigation div {
	padding: 0em 0em 0.9em 0em;
}
#navigation a {
	text-decoration: none;
}



/*
a { color:#000000; }
*/

a:link { color:#36667e; }
a:visited { color:#5f4214; }

/* not really needed
a:hover { color:#2D7898; }
a:active { color:#2D7898; } 
a:focus { color:#2D7898; }
*/

h1 { color:#36667e; }
h2 { color:#36667e; }
h3 { color:#36667e; }
h4 { color:#000000; }
h5 { color:#666666; }
h6 { color:#666666; }

/*  Make thin, blue borders around news items (only left and top) */
/* TODO: clean up here, this is from legacy site */
.NewsItem {
    padding-left: 7px;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: #d3dfe9;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #d3dfe9;
    margin-bottom: 20px;
}
.NewsItemTitle {
    margin-bottom: 6px;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 3px;
}

/* from legacy site */
/* For Press Releases (in NEWS) */
div.diagram {
        text-align: center;
}
.footnote {
        font-size: 0.75em;
}

/* from legacy site (mainly used in business cycle indicators) */
/* A few generic background colors for table backgrounds (tr, td) etc. */
.bgcolor1 { background-color: #f5f5f5 }     /* very light grey */
.bgcolor2 { background-color: #c8c8c8 }

/* For the home page: hide some links */
div#links span span span {display: none;}
div#links span span:hover span {
	display: block;
	position: relative; 
	z-index: 100;
	padding: 10px 0px 0px 0px;
}
div#links > div {
	font-weight: bold;
	margin-top: 2em;
}
div#links span a {
	font-size:0.9em;
	text-decoration:none;
}

.print {
	display: none;
}



p, li {
	line-height: 1.4em;
}

h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.1em;	
}

/* Move subheadings closer to following paragraph */
h2 + p {
	margin-top: -5px;
}

a.external_link{
	padding-left: 14px;
	background-image: url(/images/external_link.png);
	background-repeat: no-repeat;
	background-position: center left;
}
li#search_container{
	position:absolute;
	right: 0px;
	margin-top: 3px;
}

input#tpl_search{
	border: 1px solid;
	border-color:#88aac1;
    background-color: #D3DFE9;
    background-image: url(/images/search-trans.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	max-width: 100px;
}

input#tpl_search_submit{
	margin-left: 3px;
	border: 1px solid;
	border-color:#88aac1;
    background-color: #D3DFE9;
}

table.agenda_table{
	width: 80%;
	border: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;	
	 border-collapse:collapse;
}

table.agenda_table th{
		text-align: left;
}



tr.new_month td{
	border-top: 1px solid;
	border-color: #36667e;
	vertical-align: top;
}

.c_nowrap{
	white-space: nowrap;
}

a.pdf_link{
	background-image: url("/images/pdficon_small.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 16px;
}

a.feed{
	display: block;
	height: 16px;
	vertical-align: middle;
	padding-left: 16px;
	background-image: url(/images/feed.png);
	background-repeat: no-repeat;
	background-position: center left;	
}

/* A few generic background colors for table backgrounds (tr, td) etc., used in /forms */
.bgcolor1 { background-color: #f5f5f5 }     /* very light grey */
.bgcolor2 { background-color: #c8c8c8 }
/* .bgcolor2 { background-color: #080808 } */