* {
	font-family: sans-serif;
	
	margin: 0px;
	padding: 0px;
	
	color: #ffdd00;
	background-color:#990000;
	
	border-spacing: 0px 4px ;
	
	-webkit-text-size-adjust: 200%;
}

body {
	height: 100%;
}

div#page {
	height:100%;
	position:absolute;left:0px;right:0px;
	background-color:#990000;
}

a {
	text-decoration: none;
}

h2 {
	margin-top: 0.3em;
	letter-spacing: 1px;
}

span {
	color: transparent;
	font-weight: normal !important;
}

p {
	font-size: 16px;
	line-height: 24px;
}

table {
	width: 100%;
	height: 100%;
	border-top: solid 2.5em transparent;
	border-bottom: solid 2.5em transparent;
	border-left: solid 2.5em #113344;
	border-right: solid 2.5em #113344;
}
table tr td {
	vertical-align: top;
	border-collapse: separate;
	white-space: nowrap;
	padding: 0.5em 0px 0.7em 0px;
}

td[colspan="2"] {
	border-left: solid 1em transparent;
	border-right: solid 1em transparent;
	border-top: solid 1em transparent;
	border-bottom: solid 1em #113344;
}
td.col-1 {
	width: 20%;
	text-align: right;
	border: 1em solid transparent;

	border-left: solid 1em transparent;
	border-right: solid 1em transparent;
	border-top: solid 1em #113344;
	border-bottom: solid 1em transparent;
}
td.col-1 h2 {
	margin-right: -1em;
}
td.col-2 {
	width: 60%;
	border-left: solid 1em transparent;
	border-right: solid 1em transparent;
	border-top: solid 1em transparent;
	border-bottom: solid 1em #113344;
}

td.right {
	text-align: right;
}

tr:hover td a h2, tr:hover td a p {
	color: #77eeff;
}
tr:hover td.col-2 a h2 span {
	color: #77eeff;
}