/* CENTER FOR AMERICAN PROGRESS ACTION FUND */

/* DEFAULTS */

body, html {
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.clearfix: after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

li {
  margin: 0 5px 13.5px 5px;
  list-style: square;
}

#header form input {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.search {
  position: absolute;
  top: 52px;
  left: 590px;
  z-index: 5;
}

.inputbox {
  position: relative;
  top: -4px;
  height: 14px;
  font-size: 10px;
}

.pr_box {
  position: relative;
  top: -7px;
  height: 12px;
  font-size: 10px;
}


h1 a {
  text-decoration: none;
  font-weight: normal;
  color: #900;
}



h1 a:hover {
  text-decoration: underline;
  font-weight: normal;
  color: #900;
}


/* LAYOUT & STRUCTURE */

#container {
  width: 812px;
}

#container-interior {
  width: 812px;
}

#header {
  height: 100px;
  display: block;
  background-color: #e3e3ee;
  overflow: hidden;
}

#main {}

#middle {
  width: 428px;
  padding: 0 12px 0 12px;
  display: inline;
  float: left;
}

#middle Table {
  font-size: 12px;
}

#widemiddle {
  width: 600px;
  padding: 0 12px 0 12px;
  display: inline;
  float: left;
}


#spotlight_story {
  padding: 6px 0 0 0;
}


#spotlight_story a:hover {
  text-decoration: underline;
  color: #900;
}


#topstory {
  padding: 0;
  margin: 0;
}

#pageheader {
  padding: 0 0 0 0;
  margin: 0;
}

.content_header {
  padding: 0 0 0 0;
}

#story h1 {  /*style for generic story content*/

}

#home #features {
  margin: 0;
  padding: 0 0 4px 0;
  clear:both;
}

#features {
  margin: 0;
  padding: 0 0 12px 0;
  clear:both;
}

#features ul {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
  clear: both;
}

#features li {
  padding: 0;
  clear: both;
  list-style: none;
  margin: 0;
}

#features .thumb {
  float: left;
  display: block;
  border: 0;
  margin: 4px 8px 0 0;
}

#features li h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: normal;
  color: #48537a;
  padding: 0;
  margin: 0;
  display: inline;
  clear: right;
}

#features li h1 a {
  font-weight: normal;
}

#also {
  padding: 0 0 12px 0;
}

#also ul {
  list-style: none;
  line-height: 110%;
  margin: 0;
  padding: 0 0 12px 0;
}

#also li {
  padding: 0 0 6px 0;
}

#right {
  width: 172px;
  display: inline;
  float: right;
  margin: 0 12px 0 0;
}

#right-inner {
  margin: 0px 0px 12px 0px;
}

#sub-right {
  width: 160px;
  display: inline;
  float: right;
  margin: 0 12px 0 0;
  background: white;
  background-image: none;
}

#right ul {
  list-style: none;
  margin: 0 0 1.6em 0;
  padding: 0;
}

#right img {
  padding: 3px 0px 3px 0px;
  border: none;
}

#right ul li {
  margin: 0 0 2px 0;
  list-style: none;
}

#right form {
  margin: 0;
  padding: 0;
}

#right .cartoon h2 {
  font-size: 10px;
  border: 0;
  font-style: normal;
  margin: 0;
}

#footer {
  padding: 12px 0 2px 0;
  clear: both;
  width: 800px;
  text-align: center;
  font-size: 9px;
}

.hp_main_element {
  margin: 16px 0 0 0;
}

.toolbox {
/*  border-style: solid; */
/*  border-width: 1px; */
/*  border-color: #cccccc; */
  padding: 2px 4px 2px 0;
  font-size: 10px;
  float: left;
  margin-right: 5px;
}

a img {
   border: none;
   text-decoration: none;
 }

.story_image {
  float: left;
  border: 0;
  margin: 3px 10px 1px 0;
  border-style: solid;
  border-width: 1px;
  border-color: gray;
}
.picright {float:right;margin:0 0 1em 1em}
.picleft {float:left;margin:0 1em 1em 0}
.box-shaded {float:right;padding:15px;margin-left:5px;background:#f2f2f2; width:300px;}


/* TYPE AMD STYLE */

.newkick {
  font-weight: bold;
  color: #900;
  font-size: 12px;
  clear: left;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #48537a;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
  color: #48537a;
  font-weight: bold;
}

#middle * {line-height: 1.3;}

#middle h1, #widemiddle h1 {
  display: block;
  color: #900;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 175%;
  }

#middle h2, #widemiddle h2 {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 0 0 0;
}

#middle h3, #widemiddle h3 {
  color: #900;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  padding: 0 0 0 0;
}

.crumbs {
  padding: 6px 0 12px 0;
  color: gray;
  font-size: 10px
}

#middle .dek {
  color: #333;
}

#middle .blurbs {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333;
}

#spotlight_story h3 {
  color: #900;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 21px;
  padding: 0 0 0 0;
}

#middle .spotlight_dek {
color: #333;
}

#middle .spotlight_blurbs {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333;
}

#right a {
  text-decoration: none;
  color: #48537a;
  font-weight: normal;
}

#right a:hover {
  text-decoration: underline;
  color: #48537a;
  font-weight: normal;
}

#right .event {
  margin: 0 0 10px 0;
  color: #333;
}

#right .event a {
}

.event_date {
font-size: 11px;
}

#red {
  color: #900;
  text-align: center;
  font-weight: bold;
}

#red_link a {
  color: #900;
  text-align: center;
}

#hplinks {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px;
  padding: 10px 0 0 0;
  clear: both;
}

#hplinks i {
  font-size: 9px;
  color: #333;
}

#list {
  margin: 0 0 0 20px;
}

#list ul {
  list-style: none;
  margin: 0 0 0 18px;
  padding: 0;
  clear: both;
}

#list li {
  margin: 0 0 0 0;
  list-style: square;
}

.bubble {
  background: url(../img/base/bubblebase.gif) left bottom no-repeat;
  padding: 0px 12px 12px 12px;
  margin: 0 0 1em 0;
}

.bubble-kicker {
  padding: 12px 11px 0 11px;
  margin: 0 -12px 0 -12px;
  background: url(../img/base/bubblebase.gif) left top no-repeat;
  color: #900;
  font-weight: bold;
}


.bubbleleft {
  background: url(../img/base/bubblebase-left.gif) left bottom no-repeat;
  padding: 0px 12px 12px 12px;
  margin: 0 0 1em 0;
}

.bubbleleft-kicker {
  padding: 12px 11px 0 11px;
  margin: 0 -12px 0 -12px;
  background: url(../img/base/bubblebase-left.gif) left top no-repeat;
  color: #900;
  font-weight: bold;
}

#right #right-inner .feed ul li {
  margin: 0 0 10px 0;
}

#right #right-inner .feed ul li:last-child {
  margin: 0 0 -15px 0;
  padding-bottom: 0;
}


.xbq {
  display: block;
  position: absolute;
  left: -300em;
}


/* NAVIGATION CSS */


#navigation {
  width: 172px;
  float: left;
  display: block;
}

#navigation a {
  font-weight: normal;
}

#navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#navigation li {
  display: block;
  list-style-type: none;
  margin: 0;
  background-color: #3c4566; 
  border-bottom: 1px solid #595983;
}

#navbar {
  margin: 0 0 12px 0;
  font-size: 12px;
  font-weight: normal; 
  }

#navigation #bottomnav li {
  border-bottom: 1px solid #FFFFFF;
  }

#navigation li a {
  display: block;
  margin: 0;
  text-decoration: none;
  padding: 5px 0 5px 18px;
  background: url(../img/base/nav-row.gif) repeat-y left top;
  color: white;
}

#navigation #topnav li a {
  display: block;
  margin: 0;
  text-decoration: none;
  padding: 5px 0 5px 18px;
  color: white;
  background: url(../img/base/navtopbutton.gif) no-repeat left top;
}


#navigation #bottomnav li a {
  display: block;
  margin: 0;
  text-decoration: none;
  padding: 5px 0 5px 18px;
  color: white;
  background: url(../img/base/navbottombutton.gif) no-repeat left top;
  }

#navigation a:hover {
  text-decoration: underline;
  color: #48537a;
  }

#navbar a:hover {
  background: url(../img/base/nav-on-row.gif) repeat-y left top;
  text-decoration: none;
  color: white;
  }

#navigation #topnav li a:hover {
  text-decoration: none;
  color: white;
  background: url(../img/base/navtopbutton-on.gif) no-repeat left top;
  text-decoration: none;
}


#navigation #bottomnav li a:hover {
  text-decoration: none;
  color: white;
  background: url(../img/base/navbottombutton-on.gif) no-repeat left top;
  text-decoration: none;
  border-bottom: 1px #FFFFFF;
  }


.digest_blurb {
  color:#333;
}

.digest_date {
  text-transform:uppercase;
  font-size:10px;
  color:#333;
}

.picright {float:right;margin:0 0 1em 1em}
.picleft {float:left;margin:0 1em 1em 0}


<!-- SECOND LEVEL NAV -->

#navigation ul ul li {
  display: block;
  list-style-type: none;
  margin: 0;
  background: #000000;
}

#navigation ul ul li a {
  display: block;
  margin: 0;
  text-decoration: none;
  padding: 3px 0 5px 28px;
  background: url(../img/base/nav-row-dark.gif) repeat-y left top;
  color: white;
  border-bottom: 0;
  font-size: 10.5px;
}

#navigation ul ul li a:hover {
  text-decoration: none;
  color: #CCCCCC;
  background: url(../img/base/nav-row-dark.gif) repeat-y left top;
  text-decoration: none;
  font-size: 10.5px;
}

<!-- THIRD LEVEL NAV -->

#navigation ul ul ul li {
  display: block;
  list-style-type: none;
  margin: 0;
  background: #000000;
}

#navigation ul ul ul li a {
  display: block;
  margin: 0;
  text-decoration: none;
  padding: 3px 0 5px 38px;
  background: url(../img/base/nav-row-dark.gif) repeat-y left top;
  color: white;
  border-bottom: 0;
  font-size: 10.5px;
}

#navigation ul ul ul li a:hover {
  text-decoration: none;
  color: #CCCCCC;
  background: url(../img/base/nav-row-dark.gif) repeat-y left top;
  text-decoration: none;
  font-size: 10.5px;
}

/* PROGRESS REPORT LEGACY */

.pr_headlines {
  color: #900;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 175%;
  font-weight: normal;
}

.pr_redtitles {
	font-weight: bold;
	color: #CC0000;
}

.pr_byline {
	font-weight: bold;
}

.pr_date {
	color: #FFFFFF;
}

.pr_utr {
  	color: #333;
  	font-size: 16px;
  	font-weight: bold;
}

/* PR NEW */

#PRframe {
  display:block;
  width:580px;
  text-align:left;
  margin, border, padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  }

#PRframe h2 { font-size: 175%; line-height:1.2em; letter-spacing:-0.4;color: #990000; margin: 0; font-weight:normal; }
#PRframe h2 a, #PRframe h4 a{text-decoration: none}
#PRframe h4 { font-size: 120%; color: #990000; font-weight:normal; margin: 0 0 12px 0}
#PRframe h5 { font-size: 120%; color: #990000; margin: 0 0 6px 0;font-weight:bold; border-top:solid #cccccc 1px; line-height: 1.8em;}
#PRframe h6 { font-size: 12px; margin: 0 0 3px 0;font-weight:normal;padding:0; text-align:right; color:#999999}

#PRtop {vertical-align:top; display:block; margin-bottom:1em; font-size:85%;}
  
#PRdate {
  display:block;
  float:left;
  color:gray;
  width:120px;
  font-weight:bold;
  }  
  
#PRbyline {
  display:block;
  float:right;
  color:gray;
  width:450px;
  padding:0 0 2em 0;
  text-align:right;
  }  

#PRleft {width:394px; display:block; float:left;}

#PRright {width:170px; display:block; margin:0; float:right; padding-left:8px; border-left:1px solid #ccc;}  
  
#PRutr {
  display:block;
  background-color:#e6e6e6;
  margin: 1.5em 0 1.5em 0;
  padding: 1em;
  }
  
#PRthinkfast {display:block; border:1px solid #990000; padding:1em;}  
  
#PRtopstory {display:block;}   
  
#PRlinkbox {
  display:block;
  background-color:#e6e6e6;
  border:1px #ccc solid;
  padding:1em;
  }

#PRframe .topkick {font-weight:bold;color:gray;}




/* BlUE TABLES */

/* Disabling this.  Not really designed for this site

.bluetable {font-size:.8em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; margin:18px 0; border:1px solid #036;}

.bluetable p {line-height:1.5em;}

.bluetable tbody tr th {text-transform:uppercase; background:#cdcdd9; border-bottom:2px solid #036; color:#036; padding:18px 12px;}

.bluetable tbody tr td {padding:12px 12px; background-color:#e2e2ea; border-bottom:1px solid #b2b1b7;}

.bluetable tbody tr.odd td {background:#f5f5f7}

*/