/* CSS Document */
/* Welcome to the Montly Review Archives Style Sheet 
 *
 * All hacks for Microsoft Windows IE browser use the underscore hack, like this: _margin-left: 10px;
 * This two column layout is based on the work of Alan Pearce, detailed in the article "Multi-Column 
 * Layouts Climb Out of the Box" which was published published at A List Apart, 07.02.12,
 * http://alistapart.com/articles/multicolumnlayouts. 
 *
 * The rest of the CSS design was created by Kelley Greenman Walker, Ink Works Publication Services, 
 * Inc., 07.02. Thanks for stopping by. */
 
/* COLORS 
MR Red.......................................#d23330
Light pink bkgrd for login/subscribe box.... #f4e3e3 canx by Martin
Light gray border around main area...........#c0c0c0
Light gray, mouseovers.......................#c0c0c0
Light gray, footer background................#c0c0c0
Light gray, subscribe/login text.............#5b5b5b
Dk peach, subscribe/login text...............#d15c59
*/
/* HTML ELEMENTS */
body {
	margin: 0;
	padding: 0;
	/* resolves some font size issues in some layouts for some browsers. */
	font-size: 100.1%;}	      
html, body {
	background-color: #fff;
	color: #333;
	font: 12px arial, geneva, helvetica, sans-serif;}        
img {
	border: none;}       
/* STRUCTURAL ELEMENTS */
#wrapper {
	width: 850px;
	margin: 0 auto 0;
/*	border: solid 1px #ccc; */}
* html #wrapper{
	/* \*/
		word-wrap: break-word;}
	/* invalid CSS keeps IE from breaking in narrow viewports */
#container{
	overflow:hidden;
	width: 850px;}
#header {
	width: 850px;
	margin: 0 auto;
	height: 99px;
	background: url(../images/mr_webbanner.jpg) no-repeat left top;}
#content{
	width:820px;
	border-left:175px solid #fff; /* The width and color of the rail */
	margin-left:-175px; /* H/t Ryan Brill, see article above. */
	padding-left: 180px; /* to facilitate text in that div */
	_padding-left: 0; /* IE fix */
	float:right;}
#content1{
	width:850px;
	border-left:175px solid #d23330; /* The width and color of the rail */
	margin-left:-175px; /* H/t Ryan Brill, see article above. */
	float:right;}	
#contentPadding {
	margin: 1em  1.75em;}
#rail{
	width:175px;
	float:left;
	background-color: #d23330;}
#rail1{
	width:175px;
	float:left;}
#railPadding {
	margin: 1em;
	display: none;}
#railPadding h4, #railpadding h5 {
/*	color: #5b5b5b; */ 
	font-family: arial, geneva, helvetica, sans-serif;}
#rail h4 {
	font-size: 120%;
	margin-top: 2.5em;}
#footer {
	clear: both;
	margin: 0 auto;
	width: 850px;}
/* HORIZONTAL NAVIGATION */
#hnav {}
#hnav ul, #hnav li {}
#hnav ul li {}
#hnav ul li a, #hnav ul li a:link, #hnav ul li a:visited {}
#hnav ul li a:active, #hnav ul a:hover {}
/* TYPOGRAPHY */
/* Margin values, padding values, and font sizes to achieve consistency across browsers */
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 6px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;}
h1 {font-size: 200%;}
h2 {font-size: 170%;}
h3 {font-size: 140%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
h6 {font-size: 90%;}
/* HORIZONTAL NAVIGATION */
.hnav {
	text-align: left;
	margin-top: -25px;
	letter-spacing: .1em;
	color: #fff;}
.hnav, .hnav ul li a {
	/* need to place veritcal padding on .hnav and child anchor elements
	 * because the anchors are NOT block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 2px;
	padding-bottom: 7px;}
.hnav ul, .hnav ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;}
.hnav ul li a {
	margin: 0 -1px 0 0;
	padding-left: 12px;
	padding-right: 12px;	/* short-hand padding attribute would overwrite
				          top/bottom padding set in a previous rule */
	white-space: nowrap;}
.hnav ul li a:link, .hnav ul li a:visited {
	text-decoration: none;
	color: #F3F3F3;}
.hnav ul li a:active, .hnav ul li a:hover {
	text-decoration: none;
	color: #C0C0C0;}
* html .hnav ul li, * html .hnav ul li a {
	width: 1%; /* IE/Mac hack */
	display: inline-block;	/* IE/Mac hack */
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */}
* html .hnav, * html .hnav ul a {
	/* \*/ height: 0.01%; /* hack fixes render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */}
* html .HNAV {
	padding: 0;}	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
/* VERTICAL NAVIGATION */
.vnav {
	margin: 2.5em 0 1em 0;}
.vnav ul, .vnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;}
.vnav ul {
	border-top: 1px solid #8a8a8a;}
.vnav ul li {
	border-bottom: solid 1px #8a8a8a;}
.vnav ul li, .vnav ul li a {
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
	font-weight: bold;}
.vnav ul li a {
	display: block;
	padding: 4px 5px 5px;}
.vnav ul li a, .vnav ul li a:link  {
	text-decoration: none;
	color: #fff;}
.vnav ul li a:active, .vnav ul li a:hover {
	text-decoration: none;
	color: #000;
	background-color: #c0c0c0;}
.vnav ul li a:visited {}
* html .vnav ul li a {
	height: 0.01%;} /* hide from IE5.0/Win & IE5/Mac */ 
* html .vnav ul {
	position: relative;	/* IE hack that fixes a rendering problem */}
/* DROPDOWN TOGGLE STYLES */
.sidebox {}
.closed {
	display: none;}
.sidebox ul {
	list-style-type: none;}
.sidebox ul li {
	padding: 0 0 0 1.4em;}
/* VARIOUS ELEMENTS */
.clear {
	clear: both;}
#loginWrapper {
	width: 715px;
/*	height: 300px; */
	margin-left: .5em;
/*	padding-bottom: 150px; */
	background: #fff;
/*	border: solid 1px #c8c8c8; */}
#loginWrapperPadding {
	margin: 1em 0em 1em 1em;}
.subscribeBox {
/*	width: 40%;
	color: #333;
	float: left;
	text-align: left;
	background: #fff;
	border: solid 1px #aaa;
	padding-right: 10px;
	margin-right: 10px; */
	display: none;}
.loginBox {
	width: 50%;
	color: #333;
	float: right;
	text-align: left;
	border: 1px solid #000;
	margin-bottom: 10px;}
.loginBox h3 {
	font-weight: bold;
	color: #000;
	padding-left: .5em;}
.loginBox table {
	padding-left: .5em;
	padding-bottom: .5em;}
.loginBox table a:link, .loginBox table a:visited {
	color: #00f;}
.loginBox table a:hover, .loginBox table a:active {
	color: #f00;
	_cursor: hand;}
.alignright {
	float: right;
	margin-right: .3em;}
.aligncenter {
	margin: 0 auto 0;}
.alignleft {
	float: left;
	margin-left: .3em;}
.subscribeBox p, .loginBox p {
	color: #333;
	line-height: 135%;
	padding-left: .75em;}
.subscribeBox h5, .loginBox h5 {
	font-weight: bold;
	font-family: arial, geneva, helvetica, sans-serif;
	font-size: 14px;
	padding-top: .75em;
	padding-left: .75em;
	color: #5b5b5b;
	letter-spacing: .05em;}
.subscribeBox h3 {
	color: #d15c59;
	font-weight: bold;
	padding-left: .75em;}
.subscribeBox ul li {
	line-height: 135%;}
.subscribeButtonPadding {
	margin-right: .5em;
	margin-bottom: 1em;
	float: right;}
.lightred {
	color: #d15c59;}
#copyright p {
	text-align: center;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: .6em 0;}
#justify1 {
	text-align: left;
	width: 325px;}
#justify2 {
	text-align: left;
	width: 675px;}

.breadcrumb {
	display: block;
	text-align: right;
	height: 20px;
	padding: 1em 1em 0px 0px;}
.breadcrumb ul, .breadcrumb li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;}
.breadcrumb ul li a, .breadcrumb ul li a:link, .breadcrumb ul li a:visited {
	color: #000;
	text-decoration: none;}
.breadcrumb ul li a:active, .breadcrumb ul li a:hover {
	color: #D23330;
	text-decoration: underline;}
.archiveYear h3 {
	font: bold 24px Georgia, "Times New Roman", Times, serif;
	color: #999;
	text-align: left;
	margin: 0 0 0 1em;
	padding: 0;}
.tableContainer {
	margin-top: .45em;}
.tableContainer a, .tableContainer a:link, .tableContainer a:visited {
	font-weight: bold;
	color: #D23330;
	text-decoration: none;}
.tableContainer a:active, .tableContainer a:hover {
	font-weight: bold;
	color: #000;
	text-decoration: underline;}
.tableContainer td {
	vertical-align: top;
	text-align: center;
	border: .05em solid #C0C0C0;
	padding-top: 1em;}
.tableContainer td p {
	line-height: 125%;
	font-size: 90%;}
.nextYear {
	display: block;
	text-align: right;
	height: 20px;
	padding: 1em 1em 0px 0px;}
#rotateBook {
	display: none;}