body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	background-color: #cccccc;
	text-align: center;
	width: 100%;
	margin: 0;
}

a {
	text-decoration: none;
	color: #336633;
}

a:hover {
	color: red;
	text-decoration: underline;
}

.size1bold {
	font-size: .7em;
	font-weight: bold;
	color: #336633;
}

.size1bold-nocolor {
	font-size: .75em;
	font-weight: bold;	
}

.size2bold {
	font-size: .8em;
	font-weight: bold;
	color: #336633;
}

.size2bold-nocolor {
	font-size: .8em;
	font-weight: bold;
}
.la {
	text-align: left;
}


.size3bold {
	font-weight: bold;
	color: #336633;
	font-size: 1em;
}

.size3bold-nocolor {
	font-weight: bold;
	font-size: 1em;
}

.italic {
	font-style: italic;
}

.white-text {
	color: white;
}

.l-r-margins {
	margin-right: 5%;
	margin-left: 3%;
}

#container {
	width: 98%;
	margin: 2px 1% 2000px 1%;
	padding-bottom: 4px;
	background-color: #ffffcc;
	max-width: 1200px
}

img {
	max-width: 100%
}

#main {
	width: 100%;
	clear: both
}

#footer {
	width: 100%;
	text-align: center;
	clear: both
}

#header, #nbanner {
	clear: both;
	margin: 0;
	padding: 0;
	background-color: #cdcd9b;
	text-align: center;
	z-index: 0;
}

#header {
	display: none
}

#nbanner {
	display: block
}

#content {
	clear: both;
	text-align: center;
	margin-top: 5px;
	width: 100%;
/* background-color:#CCCCFF */
}

#menu {
	display: none
}

#menu_icon {
	display: block;
	position: absolute;
	height: 37px;
	width: 37px;
	z-index: 3;
	top: 20px;
	right: 25px
}

#below_banner {
	display: block;
	width: 100%;
	text-align: center
}

#adbar {
	background-color: black;
	padding: 3pt 0
}

#datebar {
	display: none
}

.datebar_box {
	display: block;
	height: 32px;
	float: left;
	clear: none;
	text-align: left;
	padding-left: 4px
}

.datebar_box_table {
	display: table;
	height: 32px;
	border: 0;
	margin: 0
}

.datebar_box_tc {
	display: table-cell;
	vertical-align: middle;
	height: 32px;
	text-align: left
}

#search_form {
	width: 206px
}

#search_form form {
	margin: 0
}

#search_form_submit_button {
	font-size: 12px;
	width: 60px;
	height: 21px;
	margin: 0;
	padding: 0;
	border: 1px solid #999;
	float: left;
	clear: none
}

#search_form_field {
	width: 143px;
	height: 21px;
	margin-left: 3px;
	padding: 0;
	border: 1px solid #999;
	float: left;
	clear: none
}

#advanced_search a {
	font-size: 11px;
	line-height: 12px;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular
}

#date, #date .datebar_box_table, #date .datebar_box_tc {
	width: 200px;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular
}

#subscribe_link {
	font-size: 12px
}

#espanol_button {
	width: 64px
}

#rss_button {
	width: 27px
}

#facebook_button {
	width: 20px
}

#arabic_button {
	width: 45px
}

#russian_button {
	width: 36px
}

#chinese_button {
	width: 36px
}

#japanese_button {
	width: 44px
}

#right_datebar_box {
	float: left;
	clear: none
}

#adbar a {
	text-decoration: none;
	color: yellow;
	font: bold 10pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	line-height: 14pt
}

#adbar a:hover {
	color: #99C1DB;
}

/*a.redlink {color: #336633; text-decoration: none }
a.redlink:hover   { color: red; text-decoration: underline }*/

.left_column, .middle_column,#right_column,#lc_box1, #lc_box2,#mc_box1, #mc_box2, #rc_box1, #rc_box2,#this_week,#books,#this_week_and_books, #last_column_links, .cbox, #this_week_banner {
	clear: both;
	float: none;
	width: 100%
}

#lc_box1, #lc_box2,#mc_box1, #mc_box2, #rc_box1, #rc_box2,.cbox {
	margin-bottom: 4px;
}

.left_column {

}

.middle_column {

}

#right_column {

/*background-color:#009900 */ text-align: left
}

.cbox {
	height: 496px;
	margin-bottom: 4px
}

#rc_box1 {

}

#rc_box2 {

}

#lc_box1 {
	background-color: #333333;
	height: 246px
}

#lc_box2 {
	background-color: #1A1A1A;
	height: 246px
}

#mc_box1 {
	background-color: #FF0000;
	height: 246px
}

#mc_box2 {
	background-color: #CC0000;
	height: 246px
}

#this_week_banner {
	background-image: url(../graphics/display/r-thisweek-wide.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 20px;
	text-align: left;
	text-indent: 3%;
}

#from_latest_eda {
	background-image: url(../graphics/display/from-eir-daily-alert.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 19px;
	text-align: left
}

#policy_statements {
	background-image: url(../graphics/display/policy_statements.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 19px;
	text-align: left
}

#news_features {
	background-image: url(../graphics/display/news_features-wide.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 19px;
	text-align: left
}

#from_recent_issues {
	background-image: url(../graphics/display/recent-wide.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 19px;
	text-align: left
}

#last_column_links,#back_to_top,#back_to_top_from_footer {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	padding: 4px 0;
	text-align: center;
	font-weight: bold;
	background-color: #DEDE9E
}

a.ad {
	color: yellow;
	text-decoration: none;
	font: bold 10pt Arial,Helvetica,Geneva,Swiss,SunSan-Regular;
	text-align: center
}

a.ad:hover {
	color: lime;
	text-decoration: none
}

.pr_item {
	font-size: .8em;
}

.pr_item a {
	font-weight: bold !important;
}

.ds2 

/*agl rulekind: base;*/ {
	font-style: italic;
}

.ds3 

/*agl rulekind: base;*/ {
	font-weight: bold;
}

.ds4 

/*agl rulekind: base;*/ {
	color: #363;
}

.ds5 

/*agl rulekind: base;*/ {
	color: #363;
	font-style: italic;
}

.ds7 

/*agl rulekind: base;*/ {
	font-style: italic;
	font-weight: bold;
}

.ds8 

/*agl rulekind: base;*/ {
	color: #363;
	font-style: italic;
	font-weight: bold;
}

.ds9 

/*agl rulekind: base;*/ {
	color: #363;
	font-weight: bold;
}

.ds11 

/*agl rulekind: base;*/ {
	font-size: 10px;
	font-weight: bold;
}

.ds12 

/*agl rulekind: base;*/ {
	font-size: 12px;
	font-weight: bold;
}

.ds13 

/*agl rulekind: base;*/ {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

.wide_image {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: .5em;
}

/* to center image, set max-width of containing .wide_image block equal to width of image.  text-align attribute of block can be anything; margin 0 auto centers the block in its parent.   Unfortunately, not possible to center block of indeterminate width in its parent.  If .wide_image is applied to the img tag, the image will be centered without specifying its max-width or width (max-width=100% will suffice), but it is not possible to place a caption or title inside the img tag.  */

.book_block {
	margin: 1em 0;
}

.standard_iframe {
	max-width: 400px;
	margin: 0 auto
}

.aspect-ratio {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

hr {
	width: 100%;
	margin-right: 10%;
	height: 1px;
	border-width: 0;
	color: gray;
	background-color: gray;
}

@media screen and (min-width:252px) {

#container {
	width: 98.4%;
	margin: 2px 0.8% 2000px 0.8%
}

#right_datebar_box {
	height: 32px
}

}

@media screen and (min-width:530px) {
	
#below_from_current_issue {display:none} /*remove the horizontal rule below the list of public articles from the current issue when the display is wide enough for at least 2 columns */

#container {
	width: 99%;
	margin: 2px 0.5% 2000px 0.5%
}

#rc_box1,#rc_box2 {
	clear: none;
	float: left;
	width: 49.65%
}

#rc_box1 {
	margin-right: 0.7%
}

.left_column {
	clear: none;
	float: left;
	width: 49.65%;
	margin-right: 0.7%
}

.middle_column {
	clear: none;
	float: left;
	width: 49.65%
}

#right_column {
	clear: both;
	float: none;
	width: 100%
}

}


@media screen and (min-width:855px) {

#container {
	width: 99.4%;
	margin: 2px 0.3% 2000px 0.3%
}

#this_week_banner {
	width: 96%
}

#last_column_links,#back_to_top {
	display: none
}

#this_week_and_books {
	clear: none;
	float: left;
	width: 67%
}

.left_column, .middle_column {
	width: 49.5%;
	margin-right: 0.5%;
	margin-bottom: 0
}

#right_column {
	clear: none;
	float: left;
	width: 33%
}

#rc_box1,#rc_box2,#lc_box1,#lc_box2,#mc_box1,#mc_box2 {
	clear: both;
	float: none;
	width: 100%
}

}

@media screen and (min-width:875px) {

#espanol_button {
	width: 84px
}

}

@media screen and (min-width:1032px) {
	
	
	#header {
	display: block
}

#nbanner {
	display: none
}

	#datebar {
	display: block;
	width: 100%;
	clear: both;
	float: none
}

#menu {
	display: block;
	text-align: left;
	width: 100%
}

#menu_icon {
	display: none
}


#subscribe_link {
	width: 184px
}

#datebar {
	display: block;
	width: 100%;
	clear: both;
	float: none
}

#menu {
	display: block;
	width: 17.2%;
	height: 448px;
	padding: 5px 0.6% 0 0;
	float: left;
	clear: left
}

#menu_icon {
	display: none
}

#content {
	clear: none;
	float: left;
	width: 82.2%
}

#container {
	width: 99.6%;
	margin: 2px 0.2% 2000px 0.2%
}
}
@media screen and (min-width:1140px) {

#right_datebar_box {
	float: right;
	clear: none
}

}

@media screen and (min-width:1200px) {

#menu {
	width: 188px;
	height: 448px;
	padding: 5px 6px 0 0;
	float: left;
	clear: left
}

#content {
	clear: none;
	float: left;
	width: 978px;
}

#container {
	width: 1172px;
	margin: 2px auto 2000px auto
}

}