﻿/* Medill News Service CMS Printer Friendly Version */

html 
{
	overflow: scroll;
}

body
{
	font-size: 93%;
	font-family: sans-serif;
	background-color: #fff;
}

p
{
	font-size: .8em;
	line-height: 1.2em;
}

a
{
	font-weight: bold;
	text-decoration: underline;
	color: #203489;
}

a:hover
{
	text-decoration: underline;
}

embed
{
	display: none;
}

div#wrapper
{
	width: 100%;
	padding-top: 0px;
	text-align: left;
	background-color: #fff;
}

div#header
{
	display: none;
}

div#nav
{
	display: none;
}

div#search
{
	display: none;
}

div#breadcrumbs
{
	display: none;
}

.searchField
{
	font-size: 1.05em;
}
#links_
{
	display:none;
}
div#colone
{
	width: auto;
	overflow: hidden;
	padding-left: 10px;
}

div.mainpagemainstory
{
	padding-bottom: 15px;
}

div.photocredit
{
	margin-top: 1px;
}

div.photocreditright
{
	margin-top: 1px;
	width: 100%;
}

div.photocaption
{
	margin-top: 0px;
	padding-left:10px;
}

div.photocaptionright
{
	margin-top: 1px;
}
.articletext
{
}
.articletext_print
{
	font-size:0.9em;
	font-family:Sans-Serif;
}
div.mmelements
{
	font-size: .85em;
	margin-bottom: 15px;
}

div.photoleftmainpagemainstory
{
	width: 170px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	overflow: hidden;
}

div.photorightmainpagemainstory
{
	width: 170px;
	margin-top: 0px;
	margin-left: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

div.clear
{
	clear: both;
	height: 1px;
}

div#coltwo
{
	width: 340px;
	padding-left: 15px;
	padding-right: 10px;
}

div.mainpagesidestory
{
	padding-bottom: 15px;
}

div.photoleftmainpagesidestory
{
	/* width: 52px; */
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	overflow: hidden;
}

div.photorightmainpagesidestory
{
	/* width: 52px; */
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

div#specialarea
{
	overflow: hidden;
	text-align: center;
}

div.specialproject
{
	font-size: .8em;
	padding-right: 2px;
	width: 100px;
	overflow: hidden;
}

div#sections
{
	display: none;
}

div.individualsection
{
	width: 161px;
	padding-top: 75px;
	padding-left: 15px;
	padding-right: 10px;
	font-size: .85em;
}

/* STORY PAGE DIVS */

div.storypagestorycontainer
{
	width: 100%;
}

div.sectionfrontpagestorycontainer
{
	width: 100%;
}
.storypagetopstories
{
	display: none;
}
div#storypagecolone
{
	display: none;
}

div#storypagetopstories
{
	display: none;
}

div#storypagesectionstories
{
	display: none;
}

div.storypagestorylinks
{
	display: none;
}


div#storypagestorycol
{
	width: 100%;
	height: 100%;
}

div#storypagetools
{
	display:none;
}


div#storypagemmrail
{
	display:inline;
	width: 260px;
	padding-left: 10px;
}

div.storypagemmrailpic
{
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
}
.storypagemmrail
{
	font-size:1em;
	border: 1px solid #000;
	font-family:Sans-Serif;
}
div.storypagemmrailvid
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

div.moreinfobox
{
	padding: 5px;
	padding-top: 15px;
	
}

/* END Story Page Divs */

/* Rounded Corner Stuff

Thanks, http://www.albin.net/CSS/roundedCorners/ !!!

*/

 .roundedCornerSpacer {
    display: none;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    display: none;
}
.borderTL, .borderBL { display: none; }
.borderTR, .borderBR { display: none; }
.borderTL { display: none; }
.borderTR { display: none; }
.borderBL { display: none; }
.borderBR { display: none; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.rccontent {
    margin: 0px;
	padding: 0px;
    border: 1px solid #000000;
}
.rccontentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
}


div#footer
{
	margin-top: 30px;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-size:0.9em;
	font-family:Sans-Serif;
}

div.footerlogo
{
	float: left;
	width: 150px;
}

div#footertext
{
	float: left;
	width: 422px;
}


#nav a
{
	font-size: .9em;
	font-weight: bold;
	text-decoration: underline;
	color: #203489;
}

#nav a:hover
{
	text-decoration: underline;
}

#nav a:visited
{
	color: #8288a6;
}

#search form
{
	padding-left: 15px;
	display:none;
}

.mainpagemainstory img
{
	padding-top: 5px;
	margin-bottom: 0px;
	
}

.mainpagemainstory h1
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.mainpagemainstory h1>a
{
	font-family: sans-serif;
	font-size: 1.3em;
}

.mainpagemainstory h2
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.mainpagemainstory h2>a
{
	font-family: sans-serif;
	font-size: 1.1em;
}

.mainpagemainstory h3
{
	font-size: .8em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.mainpagemainstory h3>a
{
	color: #000;
	text-transform: uppercase;
}

.mainpagemainstory p
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.mainpagemainstory hr
{
	margin-bottom: 5px;
}

.photocredit p
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: .7em;
	font-weight: bold;
}

.photocaption p
{
	margin-top: 0px !important;
	font-size: 0.75em;
	font-style:italic;
}

.photocreditright p
{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-right: 10px;
	font-size: 0.75em;	
	text-align: left;
	font-family: Sans-Serif;
	font-style:italic;
	padding-left:10px;
	
}

.photocaptionright p
{
	margin-top: 0px !important;
	font-size: .75em;
	text-align: right;
	padding-left:10px;
}

.mainpagesidestory h2
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.mainpagesidestory h2>a
{
	font-family: sans-serif;
	font-size: .8em;
}

.mainpagesidestory h3
{
	font-size: .75em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.mainpagesidestory h3>a
{
	color: #000;
	text-transform: uppercase;
}

.mainpagesidestory p
{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: .80em;
}

.mainpagesidestory hr
{
	margin-bottom: 0px;
}
.storytext
{
	font-size:0.7em;
	font-family:Sans-Serif;
	padding-left: 10px;
	display:none;
}
#specialarea h1>a
{
	color: #000;
	font-family: sans-serif;
	font-size: 1.05em;
	display:none;
}

#storypagestorycol h1
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: sans-serif;
	font-size: 1.0em;
	
}

#storypagestorycol h2
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: sans-serif;
	font-size: 1.2em;
}

#storypagestorycol h3
{
	font-size: 0.8em;
	margin-top: 0px;
	margin-bottom: 0px;	
}
#storypagestorycol img
{
	border: 0px;
}
#storypagestorycol h3>a
{
	color: #000;
	text-transform: uppercase;
}

#storypagestorycol p
{
	margin-top: 10px;
	margin-bottom: 10px;
	
}

.storypagemmrailpic img
{
	margin-bottom: 0px;
	border: 0px;
}

.moreinfobox h1
{
	padding-top: 10px;
	font-size: 0.8em;
	color: #000;
	
}

.moreinfobox p, ol, ul, li, a
{
	font-size: .8em;
}

#footertext p
{
	font-size: .7em;
	text-align: left;
}