/* CSS used here will be applied after bootstrap.css */

/* consider using "panels" for your boxes */
/* consider using "dropdown" for your menus */
/* consider using "collapsible" for show/hide text (collapsible-panel for opening panel rows) */
/* consider using "nav nav-tabs" for your tabs */
/* consider using "navbar" with dropdown for your navigation bar at the top of the screen */
/* consider using "affix" to lock your menus */


/* *********************************************** */
/* All devices */
/* *********************************************** */


	Table.genoa {font-family:arial; color:black; font-size:10pt}
	Table.barks {font-family:arial; color:black; font-size:9pt;}
	Table.barks6 {font-family:arial; color:black; font-size:6pt;}
	Table.barks8 {font-family:arial; color:black; font-size:8pt;}

	body 
		{
		/* background-image: url("../img/parchment.jpg"); */
		background-color: #FFF8DC;
		/* FFF8DC ffefd5 */
		}

	.navbar 
		{
    	margin-bottom: 0;
      	border-radius: 0;
		}

	div#heroBackground 
		{
		/* This sizes the main picture */
		height:300px;
		width:100%;
		padding:0px;
		position: relative;
		}

	.heroImage 
		{
		/* This inserts the main picture */
		background-image:url('../img/WeThePeople.png');
		background-repeat: no-repeat;
		background-size: cover;
		}

	h1.hero 
		{
		font-size:5.5em;
		/* font-family: 'Stencil', serif; */
		/* font-family: 'Bevan', serif; */
		/* font-family: 'Vollkorn', serif; */
		/* font-family: 'Alfa Slab One', cursive; */
		/* font-family: 'Alegreya SC', serif; */
		font-family: 'IM Fell English', serif;
		font-weight: bold;
		color: #fffafa;
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		text-shadow: 3px 3px #472000; /* it was clakc */
		}

		
	p.main 
		{
		/* font-family: 'Ariel', sans-serif; */
		font-family: 'IM Fell English', serif;
		font-size: 1.25em;
		line-height: 1.25em;
		font-weight: 300;
		color: #472000; /* brown */
		}

	p.whoopie 
		{
		/* font-family: 'Ariel', sans-serif; */
		font-family: 'IM Fell English', serif;
		font-size: 2em;
		line-height: 1em;
		font-weight: 300;
		color: #472000; /* brown */
		}

		
	/* This is for the top navbar */
	button.main 
		{
		font-family: 'IM Fell English', serif;
		font-size: 1.0em;
		}

	li.main 
		{
		/* font-family: 'Ariel', sans-serif; */
		font-family: 'IM Fell English', serif;
		font-size: 1.25em;
		line-height: 1.25em;
		font-weight: 300;
		}

	p.minor 
		{
		/* font-family: 'Ariel', sans-serif; */
		font-family: 'IM Fell English', serif;
		font-size: 1.0em;
		line-height: 1.0em;
		font-weight: 300;
		color: #472000; /* brown */
		}

	p.spinnaker 
		{
		/* font-family: 'Ariel', sans-serif; */
		font-family: 'IM Fell English', serif;
		font-size: 0.75em;
		line-height: 1.0em;
		font-weight: 300;
		color: #472000; /* brown */
		}

	li.minor 
		{
		/* font-family: 'Ariel', sans-serif; */
		font-family: 'IM Fell English', serif;
		font-size: 1.0em;
		line-height: 1.0em;
		font-weight: 300;
		}

	h2.blue 
		{
 		/* font-size:1.5em; */
		/* font-family: 'Oswald', sans-serif; */
		font-weight:300;
		font-family: 'IM Fell English', serif;
		/* color:#6ce0ff; */
		/* color:#476084; */
		/* color: #5FB5D6; */
		/* color: #337AB6; */
		/* color: #274570; blue */
		color: #472000; /* brown */
		}

	h3.blue 
		{
		/* font-size:1.25em; */
		/* font-family: 'Arial', sans-serif; */
		/*font-family: 'Oswald', sans-serif; */
		font-family: 'IM Fell English', serif;
		font-weight:300;
		/* color:#6ce0ff; */
		/* color:#476084; */
		/* color: #5FB5D6; */
		/* color: #274570; blue */
		color: #472000; /* brown */
		}

	h4.blue 
		{
		/* font-size:0.9em; */
		/* font-family: 'Arial', sans-serif; */
		/* font-family: 'Oswald', sans-serif; */
		font-family: 'IM Fell English', serif;
		font-weight:300;
			/* color:#6ce0ff; */
		/* color:#476084; */
		/* color: #5FB5D6; */
		/* color: #274570; blue */
		color: #472000; /* brown */
		}

	table.MoBills 
		{
		width: 100%;
		border-collapse: collapse;
		}
		
	TD.MoHeader 
		{
		background: #666;
		color: white;
		padding: 2px;
		border: 1px solid #ccc;
		text-align: center;
		font-size: 0.9em;
		}
		
	TD.MoLabel 
		{
		padding: 2px;
		border: 1px solid #ccc;
		text-align: left;
		font-size: 0.9em;
		}
		
	TD.MoBills 
		{
		padding: 2px;
		border: 1px solid #ccc;
		text-align: center;
		font-size: 0.9em;
		}
		
	table.bills 
		{
		width: 100%;
		border-collapse: collapse;
		}
		
	TR.bills:nth-of-type(even) 
		{
		background: #eee;
		}
		
	TH.bills 
		{
		/* background: #333; */
		background: #1b4c7a;
		color: white;
		font-weight: bold;
		font-size: .75em;
		border: 1px solid #ccc;
		text-align: center;
		padding: 4px;
		}
		
	td.bills 
		{
		padding: 4px;
		border: 1px solid #ccc;
		text-align: center;
		font-size: 0.9em;
		}
		
	hr.bill_divider 
		{
		height: 1px;
    	background-color:#472000;
    	margin-top: 20px;
    	margin-bottom: 20px;
    	width: 100%;
		}

	hr.section_divider 
		{
		height: 4px;
    	background-color:#472000;
    	margin-top: 20px;
    	margin-bottom: 20px;
    	width: 100%;
		}

	.nav>li.BluePills>a 
		{
    	padding-top: 5px;
    	padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		font-family: 'IM Fell English', serif;
		color: #472000; /* brown */
		}

	table.tricked 
		{
		width: 100%;
		border-collapse: collapse;
		}

	TR.tricked:nth-of-type(odd) 
		{
		/* background: #eee; gray */
		background: #E9B968; /* This is tan */
		}

	TR.trickedU:nth-of-type(odd) 
		{
		/* background: #eee; gray */
		background: #ccc; /* This is gray */
		}

	TR.trickedU:nth-of-type(even) 
		{
		/* background: #eee; gray */
		background: #fff; /* This is gray */
		}
		
	TH.tricked 
		{
		/* background: #333; */
		/* background: #1b4c7a; blue */
		/* background: #E9B968; tan */
		background: #3B1B01; /* cream */
		color: white;
		font-family: 'IM Fell English', serif;
		font-size: 1.1em;
		font-weight: bold;
		}

	TH.trickedU 
		{
		/* background: #333; */
		/* background: #1b4c7a; blue */
		/* background: #E9B968; tan */
		background: #999;
		color: white;
		font-family: 'IM Fell English', serif;
		font-size: 1.1em;
		font-weight: bold;
		}

		
	td.tricked, th.tricked 
		{
		padding: 6px;
		border: 1px solid #ccc;
		text-align: left;
		font-family: 'IM Fell English', serif;	
		font-size: 1.1em;
		}

	td.trickedU, th.trickedU 
		{
		padding: 6px;
		border: 1px solid #eee;
		text-align: left;
		font-family: 'IM Fell English', serif;	
		font-size: 1.1em;
		}

	div.fixToBottom 
		{
		position: fixed;
		bottom: 0;
		width: 100%;
		}

	.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus 
		{
    	color:white;
    	background-color:#472000;
		font-family: 'IM Fell English', serif;
   		}

	.panel-custom-brown 
		{
		border-color: #d2b48c;
		}
		
	.panel-custom-brown > .panel-heading 
		{
		background: #eaba61; /* panel fill */
		color: #472000; /* this is the text in the button cd853f  */
		border-color: #472000;
		/* font-family: 'IM Fell English', serif;
		font-size: 1.1em; */
		}

		.footer0 
			{
			background-color: #222;
			/* */
			position: fixed; 
			right: 0;
			left: 0;
			bottom: 0; 
			/* */
			text-align: center;
			color: white;
			padding-left: 100px;
			padding-right: 100px;
			/* width: 100%; */
    		}



	.myTestButton	 {
	margin-left: 5px;
	}
	

	table.contacts, TR.contacts, TD.contacts, TBody.contacts {
		font-family: 'IM Fell English', serif;
		font-size: 1.2em;
	}

	thead.contacts, TH.contacts {
		font-family: 'IM Fell English', serif;
		font-size: 1.1em;
	}



	
	
	


/* *********************************************** */
/* Extra small devices (portrait phones, less than 500px) */
/* *********************************************** */

@media screen and (max-width: 500px)

	{
		.footer0 
			{
			background-color: #3A1B04;
			/* */
			position: fixed; 
			right: 0;
			left: 0;
			bottom: 0; 
			/* */
			text-align: center;
			color: #FFF8DD;
			padding-left: 10px;
			padding-right: 10px;
			width: 100%;
    		}


		.box 
			{
			height: 200px;background-color: yellow;
			}
	
		h1.hero 
			{
			font-size:2.5em;
			/* font-family: 'Stencil', serif; */
			/* font-family: 'Bevan', serif; */
			/* font-family: 'Vollkorn', serif; */
			/* font-family: 'Alfa Slab One', cursive; */
			/* font-family: 'Alegreya SC', serif; */
			font-family: 'IM Fell English', serif;
			font-weight: bold;
			color: #fffafa;
			position: absolute;
			bottom: 0;
			width: 100%;
			text-align: center;
			text-shadow: 3px 3px black;
			}

		table.bills, thead.bills, tbody.bills, th.bills, td.bills, tr.bills 
			{
			display: block;
			}

		table.bills 
			{
			display: table;
			width:90%;
			}

		/* hide table headers */
		thead.bills tr.bills 
			{ 
			position: absolute;
			top: -999px;
			left: -999px;
			}

		tr.bills 
			{ 
			border: 1px solid #ccc; 
			}

		td.bills 
			{ 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 60%; 
			}
	
		td.bills:before 
			{ 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			}

		/* Label the data */
		td.bills:nth-of-type(1):before { content: "Chamber:"; text-align: left;}
		td.bills:nth-of-type(2):before { content: "Total Bills:";  text-align: left;}
		td.bills:nth-of-type(3):before { content: "Inactive Bills"; text-align: left; text-indent: 10%;}
		td.bills:nth-of-type(4):before { content: "Active Bills:"; text-align: left; text-indent: 10%;}
		td.bills:nth-of-type(5):before { content: "Already Passed Chamber:";  text-align: left; text-indent: 20%;}
		td.bills:nth-of-type(6):before { content: "Passed Other Chamber:";  text-align: left; text-indent: 30%;}
		td.bills:nth-of-type(7):before { content: "Enacted:";  text-align: left; text-indent: 30%;}
		td.bills:nth-of-type(8):before { content: "Still Open:";  text-align: left; text-indent: 20%;}
		td.bills:nth-of-type(9):before { content: "Bills:";  text-align: left; text-indent: 30%;}
		td.bills:nth-of-type(10):before { content: "Resolutions:";  text-align: left; text-indent: 30%;}
		td.bills:nth-of-type(11):before { content: "Continuing Resolutions:";  text-align: left; text-indent: 30%;}
		td.bills:nth-of-type(12):before { content: "Joint Resolutions:";  text-align: left; text-indent: 30%;}
	
	

		/* Force table to not be like tables anymore */
		table.tricked, thead.tricked, tbody.tricked, th.tricked, td.tricked, tr.tricked, table.trickedU, thead.trickedU, tbody.trickedU, th.trickedU, td.trickedU, tr.trickedU
			{
			display: block;
			}

		table.tricked, table.trickedU 
			{
			display: table;
			width:100%;
			}

		/* hide table headers */
		thead.tricked, thead.trickedU
			{ 
			position: absolute;
			top: -999px;
			left: -999px;
			}

		tr.tricked, tr.trickedU 
			{ 
			border: 1px solid #ccc; 
			}

		td.tricked, td.trickedU 
			{ 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 30%; 
			}
	

		td.tricked:before, td.trickedU:before 
			{ 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 40%; 
			padding-right: 10px; 
			white-space: nowrap;
			}

		/* Label the data */
		td.tricked:nth-of-type(1):before { content: "Bill:"; }
		td.tricked:nth-of-type(2):before { content: "CCC:"; }
		td.tricked:nth-of-type(3):before { content: "Comment:"; }
		td.tricked:nth-of-type(4):before { content: "Recourse:"; }
		td.tricked:nth-of-type(5):before { content: "Action:"; }
		
		td.trickedU:nth-of-type(1):before { content: "Bill:"; }
		td.trickedU:nth-of-type(2):before { content: "CCC:"; }
		td.trickedU:nth-of-type(3):before { content: "Comment:"; }
		td.trickedU:nth-of-type(4):before { content: "Recourse:"; }
		td.trickedU:nth-of-type(5):before { content: "Action:"; }
		


	}