@charset "UTF-8";
/* CSS Document */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table h3 {
	font-family: 'Amaranth', sans-serif;
	font-size: 1.45em;
	font-weight: bold;
	color: #33a348;
	margin-bottom: 0.1em;
}

/* Create two equal columns that floats next to each other */
.column {
	float: left;
	width: 50%;
	padding: 10px;
}
/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}


/*

table.lefttable {
    
	min-height: 500px;
	float: left;
	
	margin-top:10px;
	
	
	
}
div.righttable {
	
	min-height: 500px;
	float: left;
	margin-top:10px;
	
	
	
} */

th.fontface {
	font: 1.1em 'Amaranth', Arial, sans-serif;
	letter-spacing: 0;
	color: #000;
	padding-left: 10px;
	margin: 20px 0 0 0;
	text-align: left;
}

/*#federal #local #state table {
	width: 30%;
}

#federal #local #state tr td {
	vertical-align: top;
}

/*  -------- PULL DOWN STYLES ----------- */

.drop_container {
	position: relative;
	float: right;
	
	
}
.always_visible {
	border-radius: 0px;
	background-color: #dcedc9;
	padding: 2px;
	color: #333333;
	cursor: pointer;
	border: 1px solid #cabead;
	margin: 11px 0 0 0;
	padding:2px;
	
	font-size: 10px;
	font-family:  Arial, Helvetica, sans-serif;
}

.always_visible td {
	vertical-align: middle;
}
.always_visible:hover + .hidden_container {
	display: block;
	position: absolute;
	
}
.hidden_container {
	display: none;
	border: 1px gray solid;
	left: 0px;
	background-color: #fff;
	padding: 0px;
	z-index: 1;
}
.hidden_container:hover {
	display: block;
	position: absolute;
}
.link {
	color: #000;
	white-space: nowrap;
	margin: 3px;
	display: block;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.link:hover {
	background-color: #70bd55;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: -0.02em;
	line-height: 1.6em;
	margin: 0 0 15px 5px;
	padding: 0 0 0 5px;
}


tr:hover{background-color:#f8fef2}

table th {
    border-bottom: 1px solid #ddd;
}


td {
	border-bottom: 1px solid #ddd;
}
.tabledata td {
	vertical-align: text-top;
}

/*
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear:inherit;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

/*
</style>
</head>
<body>

<h2>Responsive Two Column Layout</h2>
<p>Resize the browser window to see the responsive effect (the columns will stack on top of each other instead of floating next to each other, when the screen is less than 600px wide).</p>

<div class="row">
  <div class="column" style="background-color:#aaa;">
    <h2>Column 1</h2>
    <p>Some text..</p>
  </div>
  <div class="column" style="background-color:#bbb;">
    <h2>Column 2</h2>
    <p>Some text..</p>
  </div>
</div>

</body>
</html> */






