/* @override http://monthlyreview.org/css/hp-mrstyles.css */
* {margin:0;padding:0;}
body {background-color: #fff;font-size:62.5%;}
#pagewrapper {width: 850px;margin: 5px auto;}
#header {margin: 0 auto;height: 197px;}
.structural {position:absolute;left:-9999px;}

#power {width:500px;margin:10px auto -50px;padding:10px;font: 10px Arial, Helvetica, sans-serif;}
#logo {background: url(../images/mrphomehd.jpg) no-repeat left top;width: 182px;height: 197px;float: left;}
#map {height: 80px;width: 480px;overflow: hidden;}
#extras {float: right;width: 165px;margin-top: -80px;}

div.hnav, div.hnav ul, div.hnav ul li, div.hnav ul li a {margin: 10px 5px 0 0;list-style: none;display: inline;}
div.hnav {padding-top: 0px;}
div.vnav {margin: 5px 0 0 7px;float: left;width: 185px;background: #ccc;}
div.vnav, div.vnav ul, div.vnav ul li, div.vnav ul li {list-style-type: none;display: block;margin-top: 10px;}
div.vnav ul li a:link, div.vnav ul li a:visited {margin-left: -25px;font: bold 14px/2em Geneva, Arial, Helvetica, sans-serif;
	color: #000;width: 150px;display: block;list-style: none;border: 1px solid #000;text-decoration: none;padding-left: 5px;}
div.vnav ul li a:hover, div.vnav ul li a:active {margin-left: -25px;font: bold 14px/2em Geneva, Arial, Helvetica, sans-serif;
	color: #333;width: 150px;display: block;list-style: none;border: 1px solid #333;text-decoration: none;padding-left: 5px;}
	
#mainbody {width: 850px;margin-top: 50px;}
#booklist {width: 625px;float: right;clear: right;margin-right: 25px;}	
#mainbodyLeft {width: 280px;float: left;margin-left: 5px;}	
#mainbodyRight {width: 280px;float: right;}	
.books {width: 265px;border-bottom: 1px solid #000;margin-bottom: 20px;margin-right: 20px;font: smaller "Trebuchet MS", arial, helvetica;
	float: left;}

.mr1 {font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;color: #fff;}
.at1 {font-size: large;color: #d62e2b;font-weight: bold;font-family: "Trebuchet MS", Arial, Helvetica;}
p a span{text-decoration:underline;}
.an1, .an1 a {font: bold 14px "Trebuchet MS", Arial, Helvetica;color: #000;}
.abt {font-family: "Trebuchet MS";font-size: 15px;}
.st1 {font-family: "Trebuchet MS", Arial, Helvetica;font-size: 15px;color: #600;}
.st2 {font-family: "Trebuchet MS", Arial, Helvetica;font-size: 13px;color: #600;font-weight: bold;}
.st3, .st3 a {font: bold 11px "Trebuchet MS", Arial, Helvetica;color: #d62e2b;text-align:center;}
.bi1 {font: bold 13px "Trebuchet MS", Arial, Helvetica;color: #333;}
.bi2 {font: bold 13px "Trebuchet MS", Arial, Helvetica;color: #808080;}
.mrp1 {font: 15px "Trebuchet MS", Arial, Helvetica;color: #600;}
.mr2 {font: 13px Verdana, Arial, Helvetica, sans-serif;color: #808080;}

.red13, .red13 a {font: 1.3em "Trebuchet MS", Arial, Helvetica;color: #d62e2b;font-variant: small-caps;}
.red12, .red12 a {font: bold 1.2em "Trebuchet MS", Arial, Helvetica;color: #d62e2b;font-variant: small-caps;}
.red11, .red11 a {font: bold 1.1em "Trebuchet MS", Arial, Helvetica;color: #d62e2b;font-variant: small-caps;}
.red10, .red10 a {font: bold 1em "Trebuchet MS", Arial, Helvetica;color: #d62e2b;font-variant: small-caps;}
.red9, .red9 a {font: bold 0.9em "Trebuchet MS", Arial, Helvetica;color: #d62e2b;font-variant: small-caps;} 
.red8, .red8 a {font: bold 0.8em "Trebuchet MS", Arial, Helvetica;color: #d62e2b;font-variant: small-caps;} 
.black13, .black13 a {font: 1.3em "Trebuchet MS", Arial, Helvetica;color: #000;font-variant: small-caps;}
.black10, .black10 a {font: 1em "Trebuchet MS", Arial, Helvetica;color: #000;font-variant: small-caps;}
.black9, .black9 a {font: 0.9em "Trebuchet MS", Arial, Helvetica;color: #000;font-variant: small-caps;}
.black8, .black8 a {font: 0.7em "Trebuchet MS", Arial, Helvetica;color: #000;font-variant: small-caps;}

.nfte, .nfte a {color: #d62e2b;text-decoration: none;font-variant: small-caps;font-weight: bold;font-size: medium;}

.quote {color: #00f;}

.newthisweek, .newthisweek a {color: #d62e2b;font-family: "Trebuchet MS", Arial, Helvetica;font-size: 13px;font-weight: normal;font-variant: small-caps;}
.newthisweek1, .newthisweek1 a {color: #d62e2b;font-family: "Trebuchet MS", Arial, Helvetica;font-size: 1.2em;font-weight: normal;font-variant: small-caps;}

/*New styles related to ID template*/
#survey{text-align: center;border-style: dotted;border-width: 1px}#survey a:hover {text-decoration: underline;}
.survey, .survey a {font: 1.2em "Trebuchet MS", Arial, Helvetica;color: #d62e2b;text-decoration: none;}
.sep-volume {border-top: 1px solid black; padding-top: 1em;}

/* Begin Images */
p img {padding: 0;max-width: 100%;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 5px 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 5px 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */

.clear {margin: 0;padding: 0;clear: both;}

/* booklistnew.php tags :: These tags are specific to the booklistnew.php include file */

.book {margin: 0 auto 20px;}
.book h5 {margin: 0;}
.title {font: bold larger "Trebuchet MS", Arial, Helvetica;color: #d62e2b;}
.title a:link, .title a:visited {text-decoration:none;}
.title a:hover, .title a:active {text-decoration:underline;}
.buyitnow {font: bolder smaller "Trebuchet MS", Arial, Helvetica;color: #d62e2b;}
/* end "booklistnew" tags */

/* begin "contact.html" tags */
.bt {font-family: "Trebuchet MS", Arial, Helvetica;}
.heading {font-family: "Trebuchet MS", Arial, Helvetica;font-weight: bold;color: #FFFFFF;}
.style1 {font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; color: #ffffff;}

/* for the /newsletter/index.php page only */
#nwsltr {list-style: none;margin-left: -35px;_margin-left: -0px; /* IE6 and earlier hack */}
#nwsltr li {margin-bottom: 10px;}

/* Masthead */
/* STRUCTURAL ELEMENTS */

img {border: none;}

/* STRUCTURAL ELEMENTS */
#wrapper {width: 850px;margin: 0 auto 0;}
* html #wrapper{
	/* \*/
		word-wrap: break-word;}
	/* invalid CSS keeps IE from breaking in narrow viewports */
#header1 {width: 850px;margin: 0 auto;height: 99px;background: url(../archives/images/mr_webbanner.jpg) no-repeat left top;}

/* 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: 110%;
	text-indent: .5em;}

h2 a, h3 a {
	text-decoration: underline;
	color: #d62e2b;
}

h2 a:hover {
	text-decoration: none;
}

h3 {font-size: 90%;
	text-indent: 1em;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
h6 {font-size: 90%;}
li.spread, .spread li {margin: 15px 0;}
table .border {border: 1px solid #000;padding:5px;margin:5px;}
.underline {margin-bottom: 1px solid #000;}

/* HORIZONTAL NAVIGATION */
.hnav1 {text-align: left;margin-top: -25px;letter-spacing: .1em;color: #fff;}
.hnav1, .hnav1 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;}
.hnav1 ul, .hnav1 ul li {display: inline;list-style-type: none;margin: 0;padding: 0;}
.hnav1 ul li a {margin: 0 -1px 0 0;padding-left: 5px;padding-right: 5px;	/* short-hand padding attribute would overwrite
				     top/bottom padding set in a previous rule */
	white-space: nowrap;}
.hnav1 ul li a:link, .hnav1 ul li a:visited {text-decoration: none;color: #F3F3F3;}
.hnav1 ul li a:active, .hnav1 ul li a:hover {text-decoration: none;color: #C0C0C0;}
* html .hnav1 ul li, * html .hnav1 ul li a {
	width: 1%; /* IE/Mac hack */
	display: inline-block;	/* IE/Mac hack */
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */}
* html .hnav1, * html .hnav1 ul a {	/* \*/ height: 0.01%; /* hack fixes render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */}
* html .HNAV1 {	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 */

/* APPENDIX NAVIGATION */
div.appendices, div.appendices ul, div.appendices ul li, div.appendices ul li {
	list-style-type: none;display: block;margin-top: 10px;}

div.appendices ul li a:link, div.appendices ul li a:visited {
	margin-left: -25px;font: bold 14px "Times New Roman", Times, serif;color: #000;display: block;
	list-style: none;text-decoration: none;line-height: 1.5em;padding-left: 5px;}
div.appendices ul li a:hover, div.appendices ul li a:active {
	margin-left: -25px;font: bold 14px "Times New Roman", Times, serif;color: #333;display: block;
	list-style: none;text-decoration: none;line-height: 1.5em;padding-left: 5px;}

/* DROPDOWN TOGGLE STYLES */
.sidebox {}
.closed {display: none;}
.sidebox ul {list-style-type: none;}
.sidebox ul li {padding: 0 0 0 1.4em;}
.larger {font-size:150%;}
.large {font-size:125%;}
.normal {font-size:100%}
.small {font-size:80%}
.smaller {font-size:60%}
.white{color:#fff;}

/* ordered/unordered list treatments */
.none {margin-left: 0;list-style: none;}

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: #000000;font: 12px arial, geneva, helvetica, sans-serif;}
table, table p {font-size: 14px;}
hr {margin: 0 auto;}