body{
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: black;
  background-color:white;
  float:left;
}
body div.navlinks{  
  background-color: #66c3d0;
  padding-left: 1em;
  padding-right: 1em;
  float: left;
  width:10em;
}
body div#mainpanel {
  margin-left:1%;
  clear:right;
  width:78%;
  float: left;
}
body div#mainpanel #content{
  width:90%;
}
img {
  max-width: 100%
}
body div#mainpanel #content img{
  float:left;
  margin-top:1em;
}
body div#mainpanel #content div.stamps{
  clear:left;
  width:100%;
}
body div#mainpanel #content div.stamps img{
  width:12%;
  height:auto;
  float:left;
  margin-top:1em;
}
.footer{
  font-size:.7em;
  color:#666;
  text-align:center;
  float:bottom;
  clear:left;
}
.footer p{
  text-align:center;
  width:50%;
  margin-left:25%;
}
div.note{
  width:90%;
  color:#999;
  font-size:.8em;
  text-align:center;
}
div.center{
  text-align:center;
}
div.left{
  clear:both;
}
.authleft{
	background-color: #FF7575;
}
.authright{
	background-color: #42AAFF;
}
.libleft{
	background-color: #9AED97;
}
.libleft div.mediaquote{
  clear:left;
}
.libright div.mediaquote{
  clear:left;
}
.authleft div.mediaquote{
  clear:left;
}
.authright div.mediaquote{
  clear:left;
}
.libright{
	background-color: #C09AEA;
}
span.authleft h1{
	text-shadow: 4px 4px 4px #ff7575;
}
span.authleft div.book{
  border: 1px solid #ff7575;
}
span.authright h1{
	text-shadow: 4px 4px 4px #42aaff;
}
span.authright div.book{
  border: 1px solid #42aaff;
}
span.libleft h1{
	text-shadow: 4px 4px 4px #9aed97;
}
span.libleft div.book{
	border:1px solid #9aed97;
}
span.libright h1{
	text-shadow: 4px 4px 4px #c09aea;
}
span.libright div.book{
	border:1px solid #c09aea;
}
div.book .mediaquote{
    display:inline;
}
form.stripe-form{
  background-color:#ffd;
  border: 1px black solid;
  width:10em;
  padding: 1em 2em 2.5em 2em;
  height:4em;
}
form.stripe-form h5{
  margin-top:0.5em;
}
#paypal{
  background-color:#ffd;
  width:10em;
  padding: 0em 2em 1em 2em;
  border: 1px black solid;
  height:6.5em;
  width:12em;
}
#paypal h5{
  margin-top:1em;
  margin-bottom:1em;
}
table.test tr td{
  padding-top:1em;
  padding-bottom:1em;
  border:1px dotted;
}
table.crowdinfo{
    border-collapse: collapse;
    font-family:sans-serif;
    margin-top: 2em;
}
table.crowdinfo th,td{
    border: solid 1px black;
    spacing: 0px;
}
table.crowdinfo th{
    padding: 1em;
}
table.crowdinfo td{
    padding:.5em;
}
table.crowdinfo td.name_column{
    width:10em;
}
div.form_controls label{
  display:block;
}
div.form_controls label div.caption{
  display:inline;
  float:left;
  width:6em;
}
div.form_controls label input{
  display:inline;
}
div.form_controls label input.value_missing{
  display:inline;
  background-color:#ffc;
  border: 1px solid #f00;
}
div.certificate_trail{
	width:80%;
	clear:right;
  background-color:#ffc;
  padding:1em;
  border: 1px solid;
}
div.book{
	width:85%;
  height:17em;
	clear:right;
  background-color:#ffe;
  padding:1em;
  border: 1px solid;
}
div.book h3{
	font-weight:bold;
	font-size:1.5em;
	width:80%;
	margin-bottom:1.6em;
}
div.book div.info{
    float:left;
    width:75%;
}
div.book span.cover{
  float:left;
  margin-left:1em;
  padding-top:1em;
  padding-right:1em;
}
div.book span.link{
  padding-top:.5em;
  display:block;
}
div.book div.bookauthor{
	clear:left;
	float:left;
	font-weight:bold;
	margin-bottom:1.6em;
}
div.book div.bookblurb{
	clear:left;
	float:left;
	width:60%;
}
div.book div.booklinks{
	clear:left;
	width:50%;
	margin-top:20px;
	float:left;
}
div.book hr{
	clear:both;
}
div.googleads{
	padding:40px 0px 0px 0px;
	text-align:center;
}
div.topnav{
	padding-left:7px;
}
span.topnav{
	padding-left:7px;
	padding-right:7px;
	font-weight:bold;
/*	background-color:#66CC33; */

} 
.topnav a:visited{
	 /*color:#039; */
}
span.german{
	font-family: arial, helvetica, sans-serif;
}

#mainpanel #content table {
    background-color:#eff;
    clear:left;
		/* padding-left: 4%; */
		/* added  just now */
	/*	padding-right: 4%; */
}

table.nopadding {
		/*padding-left: 0%;*/
}

table.statistics {
		/*padding-left: 0%;*/
}

th.statistics {
		background: gray;	
}
h1 {
    float:left;
    clear:right;
		font-family: 'Droid Serif', serif;
		text-shadow: 4px 4px 4px #86e3f0;
		font-size: x-large;
		font-weight: bold;
}

h2 {
  font-family: sans-serif;
  clear:left;
}
td{
  vertical-align:top;
}
td.certhead {
  font-size: 2em;
  font-weight:bold;
  text-align:center;
  font-family: sans-serif;
}

H3 {
  font-family: sans-serif;
  clear:left;
}

H4 {
  font-family: sans-serif;
  clear:left;
}

div.BodyText {
  width:90%;
  text-align:justify;
}
p{
  clear:both;
  max-width:840px;
  text-align:justify;
  margin-bottom:2%;
  width:90%;
}
p.fullwidth{
  width:100%;
}
Div.specialNote {
		/* padding-left: 4%;*/
		padding-bottom: 2%;
		/* not clear what the following colour applies to */
		color:#ff0000  
}


div.navlinks_nat {  
 /* region specific info */
	/*	background-color:#eef; */
	/*	padding-left: 4%; */

}

p.navitem {
		text-align:left;
	/*	background-color:#99cc99; */
		font-size:1.1em; 
}
p.prominent a {
  color: #f00;
}
ol.alpha {
    list-style-type: upper-alpha
}
ol.alpha li{
    margin:1.5em;
	text-align: justify;
    width:80%;
}
#leftnav ul{
  margin-top:0em;
}
#leftnav ul li{
  margin-left:-2em;
  list-style:circle;
  font-size:1em;
}

h4.faq{
  font-style:italic;
  background-color:#76d3e0;
}

Div.FAQquestion {
		padding-left: 4%;
		padding-bottom: 2%
                font-weight: bold;
}

Div.FAQresponse {
		padding-left: 4%;
		padding-right: 4%;
		padding-bottom: 2%;
}

div.mediaquote {
		font-style:italic;
		padding-bottom:2%;
    width:90%;
}

.mediaquote {
		font-style:italic;
}

span.tm{
    font-size:0.5em;
    vertical-align:top
}
div.attribution {
		font-style:     normal;
		/*padding-left:   40%;*/
		margin-bottom: 5%;
    border-bottom:1px black solid;
}
div.cartoon {
    width:76%;
}
div.cartoon div.attribution {
    font-size:0.7em;
    background-color:#eee;
    clear:left;
    margin-top:-2em;
    margin-left:.5em;
}

A {
		font-family: 'Molengo' , sans-serif;
		/*font-family: sans-serif;*/
		font-style: normal;
}

A:LINK {
		text-decoration:underline;
		color:#000066;
}

A:VISITED {
		text-decoration:none;
		color: #000066;
	/*	color: red; - NO! */
}

A:HOVER {
/* changed from red to black */
		color: black;
}

Div.Copyright {
		padding-left: 4%;
		font-family: sans-serif;
		font-size: 8pt;
		color: gray;
		text-align: justify;
}
/*iconochasms*/
div.iconochasm{
  background-color:#fdd;
  margin:1em;
  padding:1em;
  padding-bottom:2em;
  display:block;
  border:1px solid black
}
div.iconochasm li.question{
  padding:1em;
}
span.iconochasm_input{
}
span.iconochasm_option{
  margin-left:.5em;
  text-decoration:underline;
}
div.answer{
  padding-left: 4%;
	padding-bottom: 2%;
	font-weight: bold;
	text-align: justify;
	padding-right: 20%;
	display:none;
  padding-top:1em;
}
.warning{
	color:#f00;
}
.correct{
  color:blue;
}
.incorrect{
  color:red;
}
#navcontrol{
  display:none;
}
/* us senators */
form input.senator_form_button{
  margin-left:4em;
}
ul.flowing_cells{
  padding-bottom;0
}
#mainpanel #content ul{
  clear:left;
}
ul.flowing_cells li{
  width:11em;
  height:3em;
  margin-left:.5em;
  margin-top:.5em;
  float:left;
  list-style-type:none;
}
li.rep{background-color:#f99}
li.dem{background-color:#66c3d0}
li.mixed{background-color:#ccc}
ul.flowing_cells li .statename{
  font-size:.9em;
  color:#ff0;
}
ul.flowing_cells li .note{
  display:block;
  font-size:.8em;
}

/* crowdchart */
div.crowdlist{
}
div.crowdlist ul li{
  list-style-type:none;
}
div.crowdform{
  background-color:#6c9;
}
div.crowdform form div label legend{
  display:inline;
  width:5em;
  float:left;
}
div.youtube_control:hover{
  background-color:#cc9;
}
div.youtube_control.highlight{
  background-color:#ffc;
}
@media screen and (max-width: 780px) {
  #navcontrol{
    display:block;
    position:fixed;
    top:.5em;
  }
  div.navlinks {  
    z-index:1;
    display:none;
    float:left;
    margin-right:1em;
    position:absolute;
    top:4em;
  }
  div#mainpanel{
    width:100%;
  }
  div#mainpanel div#content{
    width:100%;
    margin-top:4em;
  }
  div.book{
    width:98%;
    padding-left:1em;
  }
  div.mediaquote{
    width:95%;
  }
  body div#mainpanel #content p{
    width:50%;
  }
}