body {
 font-family: sans-serif;
 background: #000;
 color: #ccc;
}


body.legal {
 font-family: sans-serif;
 background: #000;
 color: #ccc;
 width: 80%;
 h-align: center;
 margin-left: 10%;
}



body.paper {
 font-family: sans-serif;
 background: #ddd;
 color: #222;
}

h1 {
 font-family: sans-serif;
 font-size: larger;
 vertical-align: middle;
}

h2 {
 font-family: sans-serif;
 font-size: large;
 vertical-align: middle;
}

td {
 font-family: sans-serif;
 font-size: smaller;
 color: #444;
 padding:10px
 align: center;
 background:#fff;
 padding-left:10;
}

td.top {
 font-family: sans-serif;
 font-size: smaller;
 padding:10px
 align: center;
 background:#222;
 padding-left:10;
}

td.trans {
 font-family: sans-serif;
 padding:10px
 align: center;
 background: transparent;
}

a {
	color: #224466;
	display: inline-block;
    vertical-align: middle;
}

a:hover{
	color: #000;
}
	
	
a.header {
	font-family: sans-serif;
	color: #DDD;
	font-size: 16px;
	text-decoration: underline;
	padding: 5px;
}

a.header:hover{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);

	background: #228844;
	background-image: -webkit-linear-gradient(top, #224488, #224466);
	background-image: -moz-linear-gradient(top, #224488, #224466);
	background-image: -ms-linear-gradient(top, #224488, #224466);
	background-image: -o-linear-gradient(top, #224488, #224466);
	background-image: linear-gradient(to bottom, #224488, #224466);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-family: sans-serif;
	color: #EEE;
	font-size: 16px;
	padding: 5px;
}
	
	
a.top{
	background: #224466;
	background-image: -webkit-linear-gradient(top, #224466, #112244);
	background-image: -moz-linear-gradient(top, #224466, #112244);
	background-image: -ms-linear-gradient(top, #224466, #112244);
	background-image: -o-linear-gradient(top, #224466, #112244);
	background-image: linear-gradient(to bottom, #224466, #112244);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-family: sans-serif;
	color: #EEE;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	border: none;
	text-decoration: underline;
	
	display: inline-block;
    vertical-align: middle;	
}

a.top:hover{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);

	background: #228844;
	background-image: -webkit-linear-gradient(top, #224488, #224466);
	background-image: -moz-linear-gradient(top, #224488, #224466);
	background-image: -ms-linear-gradient(top, #224488, #224466);
	background-image: -o-linear-gradient(top, #224488, #224466);
	background-image: linear-gradient(to bottom, #224488, #224466);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-family: sans-serif;
	color: #EEE;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	border: none;
}

a.topImg{
	background: #222222;
	border: none;
	
	display: inline-block;
    vertical-align: middle;	
}

a.topImg:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);

	background: #444444;
	border: none;
}
.old
{
background-color:FFFFFF;
color:444444;
}

.contentBox {
    border: 1px;
	background: #fff;
    width: 400px;
    display: inline-block;
    height:100px;
	padding:10px;
    margin-right:20px;
    margin-bottom:20px;
}


input {
  display: none;
  visibility: hidden;
}
label {
  display: block;
  text-align: left;
  color: #246;
}
label:hover {
	background: #228844;
	background-image: -webkit-linear-gradient(top, #224488, #224466);
	background-image: -moz-linear-gradient(top, #224488, #224466);
	background-image: -ms-linear-gradient(top, #224488, #224466);
	background-image: -o-linear-gradient(top, #224488, #224466);
	background-image: linear-gradient(to bottom, #224488, #224466);
  color: #fff;
  
}
label::before {
	font-family: Consolas, monaco, monospace;
	font-weight: bold;
	font-size: 15px;
	content: "\25bc";
	vertical-align: center;
	text-align: center;
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #ddd;
	margin-right: 3px;
	background: #224466;
	background-image: -webkit-linear-gradient(top, #224466, #112244);
	background-image: -moz-linear-gradient(top, #224466, #112244);
	background-image: -ms-linear-gradient(top, #224466, #112244);
	background-image: -o-linear-gradient(top, #224466, #112244);
	background-image: linear-gradient(to bottom, #224466, #112244);
}
#expand {
  height: 0px;
  overflow: hidden;
  background: #bbb;
}
section {
  padding: 0 10px;
}
#toggle:checked ~ #expand {
  height: auto;
    border-style: solid;
    border-width: 4px;
	border-color: #246;
}
#toggle:checked ~ label::before {
  content: "\25b2";
}