@media screen {
/* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 27, 2005)

Screen layout: */

body {
padding: 0 0 10px 0;
margin: 55px 0 0 0;
font-family: "Lucida Grande",   Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;  
background: #7890A8;  
text-rendering: optimizeLegibility;
}


p, li, blockquote, caption {
margin: 1.5em 0 1.5em 0;
line-height: 1.5;
text-align: left;
}


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

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 {
	background: white url(images/ppi_sprites.gif) -854px 0px no-repeat;
 min-height:6px; 
width:800px;
margin: 0 auto 0 auto;
}




.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
border-bottom: 1px solid #7890A8;
background: #304878 url(/css/images/corner7890A8.gif) top right no-repeat;
color: white;

}

.toptab:hover {
background: #181848 url(/css/images/corner7890A8.gif) top right no-repeat;
color: white;
}

.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background: #ffffff url(/css/images/corner7890A8.gif) top right no-repeat;
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;
background: #ffffff url(images/ppi_sprites.gif) -54px 0px no-repeat;

/*
box-shadow: 10px 10px 7px #304878;
-webkit-box-shadow: 10px 10px 7px #304878;
-moz-box-shadow: 10px 10px 7px #304878;
*/


}

#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;
color: #ffffff;
padding: 0;
background: white url(images/starrynight8.gif) top left no-repeat;
clear: both;
margin: 0;
border-top: 1px solid #181848;
}

#page {
width: 590px;
float: left;
margin-bottom: 15px;
padding: 0 15px 0 0;
border-right: 1px solid #304878;
}

.block {
padding: 15px 15px 5px 15px;
background: #7890A8 url(images/corner.gif) top right no-repeat;
}


#footer {
clear: both;
background: #A8BAD4;
font-size: 90%;
padding: 8px 0 8px 0;
border-top: 1px solid #304878;
border-bottom: 1px solid #304878;
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}

blockquote, p.quote, p.quotequote {margin: 1.5em 3em;
 voice-family: "\"}\""; /* ie 5 and 5.5 fix */
   voice-family: inherit;
 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;
}

ul.list li {list-style-type: none; 
	margin-left: 0px;
	padding: 0px; 
	margin-bottom:0;
}

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 {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;
border:1px solid #7890A8;
padding:2px 3px 2px 2px;
}

 td {
vertical-align:top;
padding:2px 5px 2px 2px;
border:1px solid #7890A8;
}

 td p {
	padding-left: 0px;
}

div.graph p, div.map p, p.cite, p.source, p.attrib {font-size:small}

/* link */
a {color: #181848; 
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 * {display:inline; font-size:12px}
#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;
	background : #7890A8 url(images/ppi_sprites.gif) -3020px bottom no-repeat;
	}

	#updates h2, dl.sidebar dt {
	margin: 0 0 10px 0;
	padding: 10px;
	color: white;
	border-bottom: 1px solid #fff;
	background : #181848  url(images/ppi_sprites.gif) -2834px 0 no-repeat;

	}

	#updates h2, dl.sidebar dt, dl.sidebar dt a {color:black; color: white}
	
	#updates p, dl.sidebar dd {
	color: #666; color:black;
	font-size: 75%;
	}
		#updates p {margin: 1em }


dl.sidebar dd {	
background: url(images/starryyellowarrow_low.gif) no-repeat 0 3px;
	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}

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 { 
 background: url(/css/images/starryyellowarrow_low.gif) no-repeat 0px 0.5em;
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;} /* I should just use the thumb class in the reports.html file */

ul.list li { 
	margin: 0px;
	padding: 0px 0 0 0.5em;
}


ul.reports li p {margin-top:0;} /* solves ie alignment issue */
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;
 	voice-family: "\"}\""; /* ie 5 and 5.5 fix*/
	voice-family: inherit;
	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 {
 background: url(/css/images/starryyellowarrow_low.gif) no-repeat 0px 3px;
padding-left:1em;
margin-left:0;
 }


#sidebar ul ul li {font-size: 1em;}

#sidebar .denselist li {
 background: url(/css/images/starryyellowarrow_low.gif) no-repeat 0px 3px;
	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; 
	background: #304878 url(images/corner.gif) top right no-repeat;

	font-weight:bold;
	border:none;
	color:white;
	text-decoration:none;
}

#submenu li a:hover {background-color: #181848}
#submenu li a.active {margin-left:-15px; padding-left:20px; background-color:#181848; 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:#7890A8;background:#E4E8F5 }
table.forlayout tr:hover >td {background:none}
table.nohover tr:hover > td {background:none}

 
#page div.record h2 {
text-align:left;
	padding: 10px;
	color: white;
	border-bottom: 1px solid #fff;
/*
	background: #181848 url(images/box_top590.gif) no-repeat top left;
*/
	background : #181848 url(images/ppi_sprites.gif) -1654px 0 no-repeat;

margin-bottom:0;
border-top:none;
}

div.record {
	background : #A8BAD4 url(images/ppi_sprites.gif) -2244px bottom no-repeat;

}


div.record div.wrapper {padding: 10px; 
	}
div.record div.foot p {font-size:75%;  }
div.record div.foot {padding:0 10px;} 

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;
}

#page div.pullquote p.cite,
#content 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;}

/* for newsboxes with standard sized images */
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;}

#newsbox div.image p.cite, #newsbox div.imagenowidth p.cite {font-size: small; font-style:normal; margin:0; margin-bottom:.5em;}

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(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;
/*
  background : white URL(images/starryyellowarrow_hr.gif) 50% 50% no-repeat;
*/
  background : white URL(images/ppi_sprites.gif) -4px 0 no-repeat;
	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; border-bottom: 1px solid #181848; color: black; font-size:small; padding:4px; text-align:center; margin-bottom:16px;
position: absolute; left: 0px; top:0px; width: 100%;

}
#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;
background: #181848;
padding: 5px 8px 8px 8px; /*top padding for hover bridge btw top & submenu */

} 

#menu li {float:left; background:#304878 url(images/corner.gif) top right no-repeat; position:relative;
margin:3px 10px 0 0; 
height:24px;
}


#menu li.active, #menu li:hover {
background:#181848 url(images/corner.gif) top right no-repeat;
border-bottom: 1px solid #181848;
}


#menu li ul li {height:auto;  width:125px; }

#menu > li {background:#304878 url(images/corner.gif) top right no-repeat;}
#menu > li:hover {background:#181848 url(images/corner.gif) top right no-repeat;}

#menu li ul li {margin:0; padding:0; background-image:none; border:none !important;}

/* for IE5.5 and IE6 only */
/*
#menu table {border-collapse:collapse;position:absolute;top:0px;left:-2px;z-index:80;font-size:1em;}
#menu table td {border:none; padding:0; margin:0; }
*/

#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
*/
ul#menu li:hover a, ul#menu li.active a {border-bottom:1px solid #181848;}

/*defines submenu items in all browsers*/
ul#menu li ul li {padding:0; margin:0 0 3px 0; background: #304878 }
ul#menu li:hover ul li a, ul#menu li ul li a {border:1px solid white; font-size: 12px; margin:0; padding:2px 4px }
ul#menu li ul li a:hover {background:#181848; }
ul#menu li ul li a:active {border:1px solid transparent;  }


/*for whatever reason, IE6 needs this to make the menus work*/
#menu :hover {background:#181848 url(images/corner.gif) top right no-repeat; }
#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 a.active {background:#181848 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #181848}

#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;
color: #181848;
background-image:none;
text-indent: -0.5em;
}

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 {background: #304878 url(images/corner.gif) top right no-repeat;
 }

#submenu ul.subsubmenu li a.active {margin-left:-15px; padding-left:20px; background-color:#181848; 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; border: 1px solid #304878; padding:3px; text-decoration:none;font-size: 76%; font-weight:bold;}
div.pager a:visited {border: 1px solid #304878; }
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 screen*/

@media print {

body { color : #000000; background : #ffffff; font-family : "Times New Roman", Times, serif; font-size : 12pt; width:90%; margin:1em;
} 

#banner {padding:10pt; height:auto; margin-left:0px; width:100%; margin-bottom: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;}

#sidebar, #search, #toptabs, #menu,
span.editpost, .hideinprint, p.nocomments, span.editpost, span.noprint, .hide,
#donationbar, #menu, #outer
	{display: none;}

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.reports li, ul.news li {clear:both; margin-bottom:1em;}

#footer{
clear:both;
margin-top:1em;
border-top: 1px solid #304878;
border-bottom: 1px solid #304878;
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;}

#page div.record h2 {
text-align:left;
	color: black;
border:none;
padding:0; margin:18pt 0 0 0;
}

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;
}
div.pullquote p {
margin-top:0;
margin-bottom:0;
font-size:large;
font-weight: bold;
}

#page div.pullquote p.cite,
#content div.pullquote p.cite 
{font-size: small; font-style:normal;
font-weight: normal;
 margin-top:0;
}


}