ul.skills {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

li.skills {
	float: left;
	padding: 4px 4px;
}

li.skills a {
	display: inline-block;
}

ul.nav {
	width:200px;
	background-color: #f1f1f1;
}

li a {
	text-decoration: none;
}

i.a {
	color: red;
 }

div.nav
 {
 	position: fixed;
	top: 0;
	left: 0;
	width: 300px;
	background-color: #f1f1f1;
 }



div.body
 {
	position: relative;
	top: 10px;
	left: 300px;
	width: 70%;
}

div.racestick
 {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 200px;
	background-color: #f1f1f1;
 }

div.racedesc
 {
	position: relative;
	left: 200px;
	width: 80%;
	top: -300px;
 }

div.godstick
 {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 150px;
	background-color: #f1f1f1;
 }

div.goddesc
 {
	position: relative;
	width: 85%;
	left: 150px;
	top: -450px;
 }

td.stick
 {
	vertical-align: top;
 }

th.stick
 {
	vertical-align: top;
	text-align: left;
	padding: 5px;
 }

table.box
 {
	border-collapse: collapse;
 }

table.box, td.box, th.box
 {
	border: 1px solid black;
 }

td.skillset
 {
	vertical-align: top;
	border-bottom: 1px solid black;
 }

th.skillset
 {
	vertical-align: top;
 }

table.skillind
 {
	empty-cells: hide;
	border-spacing: 0px;
	width: 100%;
    	table-layout: fixed;
 }

td.skillind
 {
	border: 1px solid black;
 }

th.skillind
 {
	text-align: left;
 }

div.top
 {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	left: 100%;
	width: 50px;
	background-color: #f1f1f1;
	z-index: 1;
 }

table.combat
 {
	empty-cells: hide;
	border-spacing: 0px;
 }
td.combat
 {
	border: 0px solid black;
 }

th.combat
 {
	text-align: left;
 }