@media screen 
	{

	
/*
start of manual import and quick edit of ppi css
*/
body {
padding: 0 0 10px 0;
margin: 55px 0 0 0;
font-family: "Lucida Grande",   Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
text-rendering: optimizeLegibility;
}
p, li,  caption {
margin: 1.5em 0 1.5em 0;
line-height: 1.5;
text-align: left;
}
a {
text-decoration: none;
}
a:hover {
}
#page a:hover, #sidebar a:hover {
background-color: #F0A818;
text-decoration:none;
color:black;
}
#submenu a:hover {
color:white;
}
#toptabs {
margin: 10px auto -13px auto;
font-size: 80%;
width: 760px;
}
#toptabs p {
margin: 0 0 15px 0;
text-align: right;
color: black;
}
#bottomborder {
 min-height:6px;
width:800px;
margin: 0 auto 0 auto;
}
#toptabs a {
-webkit-border-top-right-radius: 5px 5px;
-moz-border-top-right-radius: 5px 5px;
border-top-right-radius: 5px 5px;
}
.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;

color: white;
}
.toptab:hover {
color: white;
}
.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
}
.activetoptab:hover {
text-decoration: none;
 border-bottom: 1px solid #ffffff;
}
#container {
margin: 0 auto 0 auto;
width: 760px;
padding: 15px 20px 20px 20px;
}
#logo p#title {
margin:0;
 padding:0;
 float:left;
 line-height:1.5em;
 }
p#title a {
border:none;
}
#logo p a {
color: black;
font-size: x-large;
text-decoration:none
}
#logo p a:hover {
text-decoration: none;
}
#titlerow {
margin-bottom:20px;
 display:block;
 height: 20px;
}
#desc {
height: 200px;
width: 760px;
padding: 0;
clear: both;
margin: 0;
}
#page {
width: 590px;
float: left;
margin-bottom: 15px;
padding: 0 15px 0 0;
}
.block {
padding: 15px 15px 5px 15px;
}
#footer {
clear: both;
background: #A8BAD4;
font-size: 90%;
padding: 8px 0 8px 0;

text-align: center;
}
h1 {
margin: 0 0 0.5em 0;
padding: 0;
font-size: 1.5em;
font-weight: bold;
line-height:1;
}
h2 {
margin: 0 0 20px 0;
font-size: 1.3em;
font-weight: bold;
line-height:1;
}
#page h2 {
text-align:left;
padding-top:5px;
margin-top: 1.5em;
}
#page h1 + h2 {
text-align:left;
 border: none;
 margin-top:0;
 padding-top:0;
  }
#page div.application h2 {
text-align:left;
border-top: none;
}
h3 {
margin: 0px 0 10px 0;
font-size: 1em;
font-weight: bold;
line-height: 1.5;
}
h3 br {
margin-bottom:10px}
p.quote, p.quotequote {
margin: 1.5em 3em;
 font-size: 90%;
 line-height:1.7em;
 }
p.quotequote {
margin-left:6em;
}
dd, dt {
line-height: 1.5em;
}
dt {
font-weight:bold;
 margin-top:1em;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
a img {
border: 0;
}
img {
 -ms-interpolation-mode:bicubic;
 }
.hide {
display: none;
}
#breadcrumb {
font-size:10px;
  width:605px;
 margin-top:15px;
 padding-bottom:20px;
}
img.reportcover, div.map img, div.graph img, img.graph {
border:1px solid silver;
}
img.right {
float:right;
 margin:0 0 5px 10px}
img.left {
float:left;
 margin:0 10px 5px 0px}
ul.reports li {
clear:both;
 list-style-type: none;
}
ul.reports li img {
margin-bottom:2em;
 }
li.thumb, div.bookstore li {
margin-top:1em;
list-style-type: none;
}
ul.news li {
clear:both;
 list-style-position: outside;
}
ul.news li img {
margin-bottom:1em;
 }
div.bookstore img {
float:left;
 margin: 0 0.5em 0.5em 0}
div.bookstore li {
clear:left}
/* can problem find a way to roll this in to something else.... */
div.update {
	float: right;
	width: 186px;
 display: block;
	padding: 10px;
	margin: 0 0px 10px 10px;
}
div.update p {
font-size: 10px;
line-height:1.2em;
padding:0px;
margin:5px 0px 0px 0px;
list-style: none;
}
a.footnotereference, span.footnotereference {
font-size:x-small;
 vertical-align:super;
 line-height:1em;
 }
p.footnotetext {
font-size:90%;
margin:1em 0}
table, th, td, td p
{
	font-size: x-small;
}
table {
padding:0px;
border-collapse: collapse;
background:white;
}
table.forlayout td, table.forlayout th {
border:none}
table.topcaption caption {
caption-side:top;
 margin-bottom:0;
}
 caption {
caption-side:bottom;
font-style: italic;
font-size: medium;
text-align:left;
margin-top:0;
}
 th {
font-weight:bold;
vertical-align:bottom;
text-align:left;
padding:2px 3px 2px 2px;
}
 td {
vertical-align:top;
padding:2px 5px 2px 2px;
}
 td p {
	padding-left: 0px;
}
div.graph p, div.map p, p.cite, p.source, p.attrib {
font-size:small}
a {
text-decoration:underline;
color: #304078;
}

#search {
float:right;
 }
#search form {
display:inline}
#search h2 {
display:inline;
  font-size:12px;
 font-weight:bold }
#search h2 a {
color:black;
 border:none;
}
#search .button {
margin-left:0px;
padding-left:0}
#search #s-q {
margin-left:4px;
 margin-right:0;
 padding-right:0}

	#updates, dl.sidebar {
	float:right;
	width: 186px;
	margin: 1em 0 1.5em 20px;
	padding: 0;
	}
	#updates h2, dl.sidebar dt {
	margin: 0 0 10px 0;
	padding: 10px;
	color: white;
	border-bottom: 1px solid #fff;

	}
	#updates h2, dl.sidebar dt, dl.sidebar dt a {
 color: white !important}
	#updates p, dl.sidebar dd {
	color: #666;
 color:black;
	font-size: 75%;
	}
		#updates p {
margin: 1em }
dl.sidebar dd {
	padding: 0 10px 10px 10px;
	margin: 0 0 0 10px;
}
div.index span.created {
font-size:90%;
 color: #303030}
dl.sidebar {
/*border-left: 10px solid white;*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
dl.sidebar dt {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}

dl.sidebar dd.sub, dl.sidebar dd.sub2 {
margin: 0px 0 10px 20px;
 padding:0 10px;
 font-size:60%}
dl.sidebar dd.sub2 {
margin-left: 30px;
}
pre, ul {
padding-left:40px;
 margin-left:0}
ul.reports li.nothumb, li {
padding-left:0.5em;
 list-style-type:none;
}
ol li {
background:none;
 list-style-type: decimal;
 margin-left:2em;
 padding-left:0;
}
ul.reports, ul.reports li {
padding-left:0;
}
ul.reports li, li.thumb, #sidebar li, div.bookstore li {
background: none;
}
ul.list li {
	margin: 0px;
	padding: 0px 0 0 0.5em;
}
ul.reports li p {
margin-top:0;
}
ul.reports li {
border-top:1px solid white}

div.clear, .clear {
clear:both}

/* SIDEBAR */
#sidebar {
width:140px;
float:right;
}
#sidebar p {
margin:0;
 padding: 0}
#sidebar dd {
background:none;
 margin-left:0}
#sidebar p,#sidebar li, #sidebar label {
	margin-bottom:1.33em;
	line-height: 1.33em;
	font-size: 70%;
	font-family: "Lucida Grande",  Verdana, Arial, Geneva, Arial, Helvetica, sans-serif;
	}
#sidebar ul, #sidebar li {
margin:0px;
 padding:0px;
}
#sidebar li {
list-style-type:none;
 margin-bottom:1em;
}
#sidebar h2 {
	margin: 0px 0 5px 0;
	padding: 0px 0 5px 0;
	font-weight: bold;
	font-size: 75%;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	}
#sidebar p,#sidebar li {
}
#sidebar ul.fromblog li, #sidebar ul ul li {
padding-left:1em;
margin-left:0;
 }
#sidebar ul ul li {
font-size: 1em;
}
#sidebar .denselist li {
	padding-left:0.5em;
 	list-style-type:none;
 	}
#sidebar .longdate {
font-weight:bold;
margin-bottom:0;
 }
/* SUB MENU */
#submenu {
margin-bottom:15px;
}
#submenu h2 {
margin:0 0 0 0px;
 border:0;
 }
#submenu ul {
margin-left:0px}
#submenu li {
margin: 0;
 padding:0;
 margin-bottom:5px}
#submenu li a {
display:block;
 padding: 2px 5px;

	font-weight:bold;
	border:none;
	color:white;
	text-decoration:none;
}
#submenu li a.active {
margin-left:-15px;
 padding-left:20px;
 color:white;
}

#submenu li a.active:hover {
text-decoration:none;
}

p#graphictag a {
font-size:10px;
color:#994E06;
font-family: Verdana}

p#graphictag a:hover {
text-decoration:underline}

p#graphictag{
margin:0;
padding:0 5px 2px 3px;
text-align:right;
float:right;
top:-20px;
}

tr:hover >td {
background: #F0A818;
background:#E4E8F5 }
table.forlayout tr:hover >td {
background:none}
table.nohover tr:hover > td {
background:none}

div.image, div.imagenowidth, div.sidebar, div.annot {
 float: right;
padding:0;
margin: 0 0 1em 1em;
 }
div.pullquote
{
float: right;
width:300px;
padding-left:1em;
padding-bottom:1em;
font-family: Georgia, "Georgia Ref", Garamond, "Times New Roman", serif;
}
div.pullquote p {
font-size:large;
font-weight: bold;
padding:0;
margin:0;
}
div.pullquote p.cite,
div.pullquote p.cite
{
font-size: small;
 font-style:normal;
font-weight: normal;
 }
div.image h3, div.imagenowidth h3, div.imagelarge h3 {
margin:0 5px 0 5px;
 padding-bottom:0;
}
div.image {
 width: 400px;
 }
div.image p, div.imagenowidth p, div.imagelarge p {
font-style:italic;
margin: 0 5px;
}
div.image p {
font-size: small;
}
div.imagenowidth p+p {
margin-top:1em;
}
div.imagelarge + div.imagelarge {
margin-top: 2em;
}
div.image + div.image {
margin-top: 1em;
}
div.imagelarge{
 padding:0;
margin-bottom:1em;
 }

dl.plug {
	width: 140px;
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 1px solid gray;
	background-color: #F7F3E6;
	}
dl.plug dt {
	margin: 0 0 0 0;
	padding: 2px 10px;
	color: white;
	background : #506895 url(http://www.prisonpolicy.org/css/images/ppi_sprites.gif) -3205px top no-repeat;
	}
dl.plug dt {
color:black;
 color: white}
dl.plug dd {
	font-size: 70%;
	font-family: "Lucida Grande",  Verdana, Arial, Geneva, Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 5px;
	border-left: 1px solid silver;
	border-right: 1px solid gray;
	}

div.hr, hr {
  border : 0;
  height : 15px;
	width:40px;
  margin : 1em auto;
clear:both
}
div.hr hr {
display:none;
}
div.sidebar, div.annot {
width: 280px;
padding: 0 1em;
}
div.clear {
clear:both}
div.sidebar h2, div.sidebar p, div.sidebar li, div.annot p, div.annot li {
font-size:75%;
	font-family: "Lucida Grande",  Verdana, Arial, Geneva, Arial, Helvetica, sans-serif;
 }
div.sidebar h2 {
padding-top:0;
 margin-top:0}
div.annot ul {
padding-left:2px;
}
div.annot p{
margin:0;
}
div.clearfloat {
clear:both}
a.image {
border:none;
 text-decoration:none;
}
#donationbar {
background:#F0A818;
 color: black;
 font-size:small;
 padding:4px;
 text-align:center;
 margin-bottom:16px;
position: absolute;
 left: 0px;
 top:0px;
 width: 100%;
white-space:nowrap;
}
#donationbar a {
color:black;
 text-decoration:underline;
 font-weight:bold;
 border:none;
}

/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/hover
_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#outer {
position:relative;
}
#menu li a {
border-bottom:none;
}
/*
added this 4 1 2010 because the whole logo and menu bar was not appearing in ie6 in the ppi site only
*/
#menu {
width:760px;
}
#menu ul, #menu li, #menu ul, #menu ul li, #menu ul li a {
margin:0;
 padding:0;
 line-height:1;
}
#menu {
list-style-type:none;
 padding:0;
 margin:0;
}
#menu ul {
list-style-type:none;
 margin:0 0 0 -3px;
padding: 5px 8px 8px 8px;
 /*top padding for hover bridge btw top & submenu */
}
#menu li {
float:left;
 position:relative;
margin:3px 10px 0 0;
height:24px;
}
#menu li ul li {
height:auto;
  width:125px;
margin:0;
 padding:0;
 background-image:none;
 border:none !important;
}

#menu li a {
display:block;
 color:white;
 font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-decoration:none;
padding: 4px 8px 4px 8px;
letter-spacing: 1px;
}

/*this defines shape of the submenu itself
*/
#menu li:hover a, #menu li.active a {
}
/*defines submenu items in all browsers*/
#menu li ul li {
padding:0;
 margin:0 0 3px 0;}
#menu li:hover ul li a, #menu li ul li a {
border:1px solid white;
 font-size: 12px;
 margin:0;
 padding:2px 4px }
#menu li ul li a:hover {
 }
#menu li ul li a:active {
border:1px solid transparent;
  }
/*for whatever reason, IE6 needs this to make the menus work*/
#menu li ul li a, #menu :hover ul {
background-image:none;
 }
/*
ie6 needs this to avoid a wierd space;
 later try deleting the div in the html
*/
div.pad2{
height:0;
}
/*submenus start off screen*/
#menu ul
 {
position:absolute;
 left:-9999px;
	}
/*submenus return */
#menu :hover ul{
left:-3px;
top:25px;
 }
#menu li ul li {
clear:both}
th, table.sortable th {
padding-left:4px;
 }
td, table.sortable td {
vertical-align: middle;
 padding-left:4px;
 }
td {
height:1.4em}
tr.total td {
font-weight:bold;
 }
th.empty {
border:none}
blockquote.pulledquote p {
 margin:0;
 padding:0;
 }
blockquote.pulledquote {
	display: block;
	float: right;
	padding: 0 0 0 30px !important;
	margin: 0 0 10px 15px;
	width: 170px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
	width:260px;
	padding-bottom: 1em;
	font-family: Georgia, "Georgia Ref", Garamond, "Times New Roman", serif;
	background-image: none;
	text-indent: -0.5em;
}
blockquote.paraphrase {
	text-indent: 0;
}
dl.interview dd p:first-child {
margin-top:0}

div.embargo {
padding:10px;
 border: 1px dotted #CC0033;
 margin:0 0 10px 0;
font-size:large;
font-family: Georgia, "Georgia Ref", Garamond, "Times New Roman", serif;
color: #CC0033;
 text-align:center;
 }

#submenu ul.subsubmenu {
 padding-top:5px;
}
#submenu ul.subsubmenu li {
background-image:none;
 background:none}
#submenu ul.subsubmenu li a.active {
margin-left:-15px;
 padding-left:20px;
 color:white;
}
/*
@media only screen and (max-device-width: 480px) {
iphone only rules here
}
*/
#email label
{
font-weight:bold;
}
#email input {
width:130px}
#email label .opt
{
font-weight:normal;
 color:#A0A0A0;
}
div.pager {
float:right;
}
div.pager a {
display:block;
 padding:3px;
 text-decoration:none;
font-size: 76%;
 font-weight:bold;
}
div.pager a:visited {
 }
div.pager a:hover {
border: 1px solid black;
}
div.pager a.prev {
float:left;
 margin-right: 1em;
}
div.pager a.next {
float:right;
 text-align:right}
/*
end of manual import and quick edit of ppi css
*/
p#title a.headerlink {
font-weight:bold;
color: #1C2127;
text-shadow: 2px 2px 2px #C1C9D0;
}
#page h1 {
color: #485A72;
 /* color: #FFA238 */ color:black}
#page h1 a, #page h2 a, #page h2 a:visited {
font-family:inherit;
 text-decoration:none;
 color:black;
 font-family:Georgia, "Lucida Grande", Arial, Verdana, Geneva, Arial, Helvetica,sans-serif;
}

#toptabs p  {
color:black;
  }
#toptabs {
background-color:#C1C9D0;
 margin-top:-20px;
 padding-top:30px;
 
width: 900px;
}
.toptab {
background: #3F4750 url(images/corner2-C1C1C1.gif) top right no-repeat;
border-bottom: 1px solid #C1C1C1;
color: black;
}

.toptab a 
	{
color:white;
}
#toptabs .toptab:hover {
background: #64767F url(images/corner2-C1C1C1.gif) top right no-repeat;
color:white;
}
.activetoptab {
background: #ffffff url(images/corner2-C1C1C1.gif) top right no-repeat;
color: black;
cursor:default;
}

#container {
/*
background: #ffffff url(images/petri_sprites.gif) -54px 0px no-repeat;
*/
}
/* #breadcrumb {
display:none}
 */
#desc {
color: black;
background: white url(images/poc-elena-05102010.png) top left no-repeat;
overflow:hidden;
border-top: 1px solid #1F1E23;
border-top: none;
}
#footer p {
margin:0;
text-align: center;
}
#desc p {
display:none;
}
#desc h2 {
display:none !important;
 }
a {
text-decoration: underline;
border:none;
color: #366CC0;
 color:orange;
color: #2D2EC2;
}
#page a:visited{
color:#607185;
}
#search a, #submenu a {
text-decoration:none;
}
a:hover {
text-decoration:none;
border-bottom:none;
	}
#page a {
color:#366CC0;
 font-weight:bold;
 color: orange;
color: #2D2EC2;
}
#page a:hover, #sidebar a:hover {
color:#607185;
background:white;
text-decoration:underline;
 background:none;
}

div.externalcode td, div.externalcode tr:hover {
border:none;
 background:none;
 padding:0}
	
#bottomborder {
	display:none;
	}
	
dl.sidebar, #sidebar dl, div.sidebar,div.sidebar li
{
		background-color: #64767F;
}
dl.sidebar a ,  #sidebar dl a,  .sidebar a,  .sidebar li a
	{
color:white !important;
}

div.sidebar ul {
padding: 0 0 0 1em;
}
#page dl.sidebar dt, #sidebar dt{
		background-color: #1f1E23;
		color:white;
}
#sidebar dt a{
color:white;
 font-size:80%;
 line-height:100%}
img.center {
margin:0 auto }
#sidebar img.center {
margin-left:-5px}

p#graphictag a {
font-size:10px;
color:black;
font-family: Verdana}
p#graphictag{
margin:0;
padding:0 5px 2px 3px;
text-align:right;
float:right;
position:relative;
top:-15px;
background: url(images/white50per.png);
}
tr:hover >td {
background:#64767F;
 }

table.nohover >td {
background:white !important;
 color:black !important }
 /* why des tis not work? */
th, td {
border:1px solid #64767F;
 }
#submenu li a.active {
margin-left:-15px;
 padding-left:20px;
 background-color:#64767F;
 color:white;
}
#submenu li a {
display:block;
 padding: 2px 5px;
 
	background: #3F4750 url(images/corner.gif) top right no-repeat;
	
color:white;
}
#submenu li a:hover {
	background: #64767F url(images/corner.gif) top right no-repeat;
	
color:white;
text-decoration:none;
}
#submenu li a.active:active {
background-color: #64767F;
}

#page img {
overflow: visible}
#page {
border-right: 1px solid black;
}
div.pullquote p {
color: black}
div.pullquote p.cite {
color:#324934;
}
dl.sidebar dd {
	background: url(/css/images/arrow-B5D8FF.gif) no-repeat 0 5px;
}
li {
 
 background: white url(/css/images/arrow-64767F.gif) no-repeat 0px 0.5em;
}
#sidebar ul.fromblog li, #sidebar ul ul li {
 background: url(/css/images/arrow-64767F.gif) no-repeat 0px 3px;
 
 }
#footer {
background:none;
border-top: 1px solid #64767F;
border-bottom: 1px solid #64767F;
}
#donationbar {
background: orange;
background: #C2B10C;
color: black;
border-bottom: 1px solid #1C2127;
border-bottom: none;
}
#donationbar a {
color:white;
  }
div.hr, hr {
  background : white URL(images/elena_sprites.gif) -4px 0 no-repeat;
}
div.hr hr {
display:none;
}
div.letter {
background-color: #F7F3E6;
border: 1px solid #333;
 padding: 10px}
div.letter .indent {
margin-left:50%}
/*poc subnav needs a bit more space than ppi site*/
#menu li ul li {
width:150px;
 }
/*
starting over
*/
#menu li a {
border-bottom:none;
 }
#menu li.mobileonly {
display:none !important}
#menu ul, #menu li, #menu ul, #menu ul li, #menu ul li a {
margin:0;
 padding:0;
 line-height:1;
}
#menu {
list-style-type:none;
 padding:0;
 margin:0;
}
#menu ul {
list-style-type:none;
 margin:0 0 0 -3px;
/*top padding gives us a hover bridge between the top and the submenu if necessary*/
background: #1C2127;
padding: 5px 8px 5px 8px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-radius: 5px;
}
 
/*
replaced 67966C with 5B735E
*/
#menu li {
background:#3F4750
 url(http://www.prisonpolicy.org/css/images/corner.gif) top right no-repeat;
 
position:relative;
margin:3px 10px 0 0;
 
}

#menu li.active {
background:#64767F url(http://www.prisonpolicy.org/css/images/corner.gif) top right no-repeat;
border-bottom: 1px solid #64767F;
}
#menu li.active li.active {
background-image:none;
background-color:#1C2127;
}
#menu li.active, #menu li:hover {
border-bottom: 1px solid #64767F;
}
#menu li:hover a, #menu li.active a {
border-bottom: 1px solid #64767F;
/* 10 16 08*/
color:white;
	
}

#menu > li {
background:#3F4750
 url(http://www.prisonpolicy.org/css/images/corner.gif) top right no-repeat;
 
}

#menu > li:hover {
background:#1C2127 url(http://www.prisonpolicy.org/css/images/corner.gif) top right no-repeat;
}
#menu li ul li {
margin:0;
 padding:0;
 background-image:none;
 }
/* for IE5.5 and IE6 only */
#menu table {
border-collapse:collapse;
position:absolute;
top:0px;
left:-2px;
z-index:80;
font-size:1em;
}
#menu li a {
display:block;
 font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
 
 text-decoration:none;
 
padding: 4px 8px 4px 8px;
letter-spacing: 1px;
font-size:100%;
color:white;
}

#menu li:hover a {
border-bottom:1px solid #1C2127;
 
color:white;
}
/*defines submenu items in all browsers*/
#menu li ul li {
padding:0;
 margin:0 0 3px 0;
 background: #3F4750;
 background:#3F4750;
}
#menu li:hover ul li a, #menu li ul li a {
border:1px solid white;
 font-size: 12px;
 margin:0;
 padding:2px 4px;
color:white;
}
#menu li ul li a:hover {
background:#1C2127;
 
color:white;
}
#menu li ul li a:active {
border:1px solid white;
  }
/*for whatever reason, IE6 needs this to make the menus work*/
#menu :hover {
background:#1C2127 url(http://www.prisonpolicy.org/css/images/corner.gif) top right no-repeat;
 
color:white;
}
/*
ie6 needs this to avoid a wierd space;
 later try deleting the div in the html
*/
div.pad2{
height:0;
}
blockquote.pulledquote {
color: #3F4750;
background-image:none;
}
.pulledquoted, span.bquote3 {
background-color:pink}
/* if the above don't make anything pink, then the rules arne't being used, sept 07 pw */ 
h2.fromblog {
margin:0 !important;
 padding:5px !important;
 text-align:center !important;
font-size:90%;
 }
ul.fromblog {
margin:0.5em 0 1em 0;
 padding:0;
 }
.fromblog li {
margin:0;
 padding:0 !important;
 font-size:75%;
font-style:italic;
 background-image:none;
 }
.fromblog li a {
font-style:normal;
 margin-left: 0.25em;
 }
.fromblog li .author {
 font-style:normal;
 display:none;
}
.fromblog li .date {
}


.small, .small a {
font-size:x-small;
 color:silver;
 text-decoration:none}
div.post h1 {
margin-bottom:0}
p.nocomments {
display:none}
div.post-content {
margin:0;
 padding:0}
/* does not appear to matter*/
a img {
	border: none;
}
acronym, abbr {
	border-bottom: 1px dotted #0c6bf0;
}
acronym, abbr, span.caps {
	cursor: help;
	letter-spacing: .07em;
}
code {
	font-size: 1em;
	font-style: italic;
}
blockquote{
 padding-left:10px;
 padding-right:10px;
}
cite {
	font-size: 0.9em;
	font-style: normal;
}

h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.1em;
	color: #A24E12;
}
.post-footer, .copyright {
	margin-bottom: 3em;
	font-size: 0.75em;
	color: #666;
}
/* img {
	border: #ccc 1px solid;
	padding: 3px;
}
 */
.post-title {
	margin: 0 0 0.2em;
	
	text-align: right;
	padding: 0.5em 1em 0 0;
	color: #999;
	border-bottom:#ccc 1px solid;
}
.post-title em {
	text-decoration: none;
	float: left;
	font-style: normal;
	font-size: 0.9em;
		
	padding:0;
	
}
.post-info {
	color: #999;
	font-family:Georgia, Arial, Serif;
	font-size:1.2em;
	margin:0;
}
.post-info a {
	text-decoration: none;
	color: #8a3207;
	border: none;
}
hr {
	display: none;
}
#commentlist {
	font-size:1em;
	font-weight:bold;
	color: #ccc;
}
#commentlist li {
	color: #666;
	font-weight: normal;
	font-size:0.85em;
}
#commentlist cite {
	font-size: 0.8em;
	color: #808080;
	margin: 0 0 1em;
	padding: 0 0 0.5em;
}
cite a {
	border-bottom: 1px dotted #DC9204;
	text-decoration: none;
}
cite a:visited, a:hover {
	border-bottom: none;
}
#commentform #author, #commentform #sub, #commentform #url, #commentform textarea {
	background: #F5F5F5;
	border: 1px solid #669BB4;
	padding: 0.2em;
}
#commentform textarea {
	width: 80%;
}
#commentform p {
	margin: 0 0 1em;
}
#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}
#comments {
	text-transform: uppercase;
	margin-top: 3em;
	color: #AA7D39;
	font: 0.9em verdana, helvetica, sans-serif;
}
#postcomment {
	text-transform: uppercase;
	margin-top: 0.9em;
	color: #AA7D39;
	font: 1em verdana, helvetica, sans-serif;
}
.link-comment {
	background: url('/news/wp-content/themes/PPI092006/img/ico-talk-act.gif') no-repeat left;
	padding-left: 15px;
}
.link-comment-off {
	background: url('/news/wp-content/themes/PPI092006/img/ico-talk.gif') no-repeat left;
	padding-left: 15px;
}
#sidebar h2 {
color:#9999FF}
/* div.post h1 a {
color:black;
}
 */
/* div.post h1 a:hover {
text-decoration:underline;
 color: #8F0A0A}
*/
span.editpost {
font-size:small}
span.editpost a {
color:#8F0A0A;
}
span.editpost a:hover {
text-decoration:underline;
 }
div.post h2 {
border:none;
 text-align:left;
 }
div.post p.attrib {
margin-top:0}
/*end blog*/
/*
h2 a, h2 a:visited {
text-decoration:none;
 color:black}
*/
div.pager a {
border: 1px solid #64767F;
 color:white;
 text-decoration:none;
}
div.pager a:hover {
background-color:#64767F;
 border-color:#3F4750;
 }
div.pullquote {
color:pink}
/*override ppi site for new temp layout
by fixing container, I use up the full width of the existing site, although I need to make the logo a bit bigger;
 it otherwise fits
*/
#container {
padding-left:0px;
 padding-right:0px;
 
background-image:none;
}
#logo {
/*margin-left:20px */}
#page {
padding-right:0;
 border:0;
 }
#sidebar {
width:160px;
 
}
#sidebar h2 {
color: white;
 background: #64767F;
  padding:10px;
 margin:-10px -10px 10px -10px}
#sidebar div {
margin-bottom:20px;
/*
	border-bottom: 1px solid #64767F;
	background-color: #F2F2F2;
*/
padding:10px 10px 0 10px;
border: 1px solid #64767F;
box-shadow: 10px 10px 7px #B3B3B3;
-webkit-box-shadow: 10px 10px 7px #B3B3B3;
-moz-box-shadow: 10px 10px 7px #B3B3B3;
}
div#sub input {
width:95%}
#sidebar div div {
padding:0;
border:none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}

body {
background:none;
background: white url(images/background-e.png) top center repeat;
}
#toptabs {
-webkit-border-top-right-radius: none;
-moz-border-top-right-radius: none;
border-top-right-radius: none;
}
.toptab {
background: #3F4750 url(images/corner2-C1C1C1.gif) top right no-repeat;
border-bottom: 1px solid #C1C1C1;
color: white;
}
.activetoptab {
background: #ffffff url(images/corner2-C1C1C1.gif) top right no-repeat;
border-left: 1px solid #C1C1C1;
 
border-right: 1px solid #C1C1C1;
 
border-top: 1px solid #C1C1C1;
 
border-bottom: 1px solid white;
 
color: black;
cursor:default;
}

#page p, #page h1, #page li {
font-family:Georgia, "Lucida Grande", Arial, Verdana, Geneva, Arial, Helvetica,sans-serif;
  
 }
/*
set some colors here
*/
/*
#page h1 {
color:#00CCFF}
*/
/*ul#socialGrid {
	margin: 0px auto;
 
	margin-left:8px;
}
*/
#socialGrid:after {
    content: ".";
    visibility: hidden;
    height: 0;
    display: block;
    clear: both;
}
#socialGrid li {
    list-style-type: none !important;
    position: relative;
    float: left;
    margin: 0 0 7px 7px !important;
    width: 32px;
    height: 32px;
    padding: 0 !important;
}
    
#socialGrid li a {
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999em;
    padding: 0;
    margin: 0;
}
#socialGrid li.facebook a {
	background: white url(images/social-media-32x32.png) 0px 0px no-repeat;
 }
#socialGrid li.rss a {
	background: white url(images/social-media-32x32.png) -64px 0px no-repeat;
 }
#socialGrid li.twitter a {
	background: white url(images/social-media-32x32.png) -32px 0px no-repeat;
 }

div.player {
float:right;
 padding: 20px 0px 0 20px}
p.powerpress_links {
margin:0;
 font-size:75%;
 text-align:center;
 width:320px}

/*tr:hover td a{
color:white !important;
 }*/

}

@media print {

/* start css print section from ppi site manual import */
#sidebar, #search, #toptabs, #menu,
span.editpost, .hideinprint, p.nocomments, span.editpost, span.noprint, .hide,
#donationbar, #menu, #outer
	{
display: none;
}

body {
 color : #000000;
 background : #ffffff;
 font-family : "Times New Roman", Times, serif;
 font-size : 12pt;
 width:90%;
 margin:1em;
	}
h1 {
 font-family: Georgia, "Times New Roman", serif;
  font-size: x-large;
  font-style: italic;
  color: #000000;
 border: 0px;
 padding: 0px 0px 0px 0px;
 margin: 0px;
 }
h2 {
	font-size: large;
	color: #000000;
	background-color: transparent;
	}	
h3{
	color: #000000;
	}

div.sidebar {
width: 3in;
padding: 0 1em;
float:right;
}
#page {
margin: 0px;
	padding: 0px;
float:none !important;
border:none;
width:100% !important;
}
#container {
width:100%;
margin: 0px;
	padding: 0px;
}
#breadcrumb {
margin-bottom: 1em;
 font-size:9pt;
}

p#title a.headerlink, p#title a.headerlink:visited {
text-decoration:none;
 font-weight:bold;
 font-size:24pt;
 color:black;
 font-family: "Lucida Grande",   Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
ul.list li {
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
	margin-bottom:0;
}

ul.reports li, ul.news li {
clear:both;
 margin-bottom:1em;
}
#footer{
clear:both;
margin-top:1em;
border-top: 1px solid #64767F;
border-bottom: 1px solid #64767F;

text-align:center;
}
h1, h2, h3, .box, .article {
width:100%;
 }
h1 + h2 {
margin-top:1em;
 }
#content {
width: 100%;
        border: 0px;
        margin: 0px;
        padding: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	border-left: 0px;
	font-size : 12pt;
}
#indexprintonly {
display:block;
 padding:5px;
 border: 3px dashed black;
 page-break-inside: avoid;
}
#indexprintonly p.fineprint {
font-size:50%}
img {
page-break-inside: avoid;
 }
div.figure img {
margin-left:0px}
#donationbar {
background:white;
 border: 1px solid black;
 color: black;
 padding:4px;
 text-align:center;
 margin-bottom:16px;
position: static;
display:none;
}
div.record div.wrapper {
padding:0}
/* not sure why, but I need to restate these rules to get them to work when printing. There is a cascade error somewhere */
p.quote, p.quotequote {
margin: 1.5em 3em;
 }
p.quotequote {
margin-left:6em;
}
p.source {
font-size:small}
/*restate rules to facilitate formatting*/
blockquote.pulledquote p {
margin:0;
 padding:0}
blockquote.pulledquote {
	float: right;
	padding: 0 0 0 60px !important;
	margin: 0 0 10px 15px;
	width: 170px;
	font-size: 18px;
font-weight:bold;
	line-height: 1.4em;
width:260px;
padding-bottom:1em;
font-family: Georgia, "Georgia Ref", Garamond, "Times New Roman", serif;
}
img.reportcover, div.map img, div.graph img, img.graph {
border:1px solid silver;
}
img.right {
float:right;
 margin:0 0 5px 10px}
img.left {
float:left;
 margin:0 10px 5px 0px}
div.imagenowidth {
float:right;
 margin:0 0 5px 10px}
div.pullquote {
float:right;
 width:2.5in;
 padding-left:2em;
padding-bottom:1em;
page-break-inside:avoid;
}
div.pullquote p {
margin-top:0;
margin-bottom:0;
font-size:large;
font-weight: bold;
}
div.pullquote p.cite,
#content div.pullquote p.cite
{
font-size: small;
 font-style:normal;
font-weight: normal;
 margin-top:0;
}
/* end ppi print section manual import */

	table.forlayout td {
border:none !important;
}
/*why is this necessary? */
li {
margin: 1.5em 0 1.5em 0;
	}
	ul.list li {
list-style-type: none;
	margin-left: 0px;
	padding: 0px;
	margin-bottom:0;
}
/*why is this necessary? */
dt {
font-weight:bold;
}
	
#leavecomment {
display:none;
}

}