body {
		background: black;
		color: white;
		font-family: tahoma, arial, serif, times;
		padding: 0px;
		margin: 5px;
		background: black url(imgs/background.gif) repeat-y right;
	}

	a {
		color: white;
	}

	#heading a {
		float: left;
	}

	#heading {
		height: 130px;
		padding: 0px;
	}

	#heading h1 {
		font-size: 1.3em;
		padding: 0px;
		margin: 0px;
		padding-top: 50px;
	}

	#navigation {
		width: 220px;
		float: left;
	}

	#navigation ul {
		list-style: none;
		padding: 0px;
		margin: 18px;
		margin-top: 0px;
		float: clear;
	}

	#navigation ul li {
		border: 3px solid white;
		margin: 5px;
		margin-left: 0px;
		padding: 2px;
		font-weight: 700;
		background: black;
	}

	#navigation ul li a {
		font-weight: 100;
	}

	#content {
		margin-left: 230px;
		margin-right: 180px;
		margin-top: 5px;
	}


	#navigation .selected {
		background: #969494;
	}

	#navigation ul li .polarbears {
		border-color: #39D0E7;
	}

	#navigation ul li .polarbears-selected {
		background: #39D0E7;
		border-color: #39D0E7;
		text-align: right;
	}

	#navigation .polarbears-selected a {
		text-decoration: none;
		font-weight: 600;
		color: black;
	}

	#navigation ul li .stegosaur {
		border-color: #0B4C1C;
	}

	#navigation ul li .stegosaur-selected {
		background: #0B4C1C;
		border-color: #0B4C1C;
		text-align: right;
	}

	#navigation .stegosaur-selected a {
		text-decoration: none;
		font-weight: 600;
		color: black;
	}

	#navigation ul li .felixfelix {
		border-color: #ffffff;
	}

	#navigation ul li .felixfelix-selected {
		background: #ffffff;
		border-color: #ffffff;
		text-align: right;
	}

	#navigation .felixfelix-selected a {
		text-decoration: none;
		font-weight: 600;
		color: black;
	}

	#navigation ul li .creatures {
		border-color: #32A91B;
	}

	#navigation ul li .creatures-selected {
		background: #32A91B;
		border-color: #32A91B;
		text-align: right;
	}

	#navigation .creatures-selected a {
		text-decoration: none;
		font-weight: 600;
		color: black;
	}

	#navigation ul li .devils {
		border-color: #FF0000;
	}

	#navigation ul li .devils-selected {
		background: #FF0000;
		border-color: #FF0000;
		text-align: right;
	}

	#navigation .devils-selected a {
		text-decoration: none;
		font-weight: 600;
		color: black;
	}

	#navigation ul li .martians {
		border-color: #FF9900;
	}

	#navigation ul li .martians-selected {
		background: #FF9900;
		border-color: #FF9900;
		text-align: right;
	}

	#navigation .martians-selected a {
		text-decoration: none;
		font-weight: 600;
		color: black;
	}

	#navigation ul li .tribe {
		border-color: #CABE36;
	}

	#navigation ul li .tribe-selected {
		background: #CABE36;
		border-color: #CABE36;
		text-align: right;
	}

	#navigation .tribe-selected a {
		text-decoration: none;
		font-weight: 600;
		color: black;
	}

	#navigation ul li .elves {
		border-color: #66CC33;
	}

	#navigation ul li .elves-selected {
		background: #66CC33;
		border-color: #66CC33;
		text-align: right;
	}

	#navigation .elves-selected a {
		text-decoration: none;
		font-weight: 600;
		color: black;
	}

	#navigation ul li .grannies {
		border-color: #646363;
	}

	#navigation ul li .grannies-selected {
		background: #646363;
		border-color: #646363;
		text-align: right;
	}

	#navigation .grannies-selected a {
		text-decoration: none;
		font-weight: 600;
		color: black;
	}

	#navigation ul li .submarine {
		border-color: #EBFA6B;
	}

	#navigation ul li .submarine-selected {
		background: #EBFA6B;
		border-color: #EBFA6B;
		text-align: right;
	}

	#navigation .submarine-selected a {
		text-decoration: none;
		font-weight: 600;
		color: black;
	}

	#content .creatures {
		background: url(imgs/creatures-icon.gif) no-repeat;
	}

	#content .preview {
		float: right;
		text-align: center;
		border: 3px solid #cccccc;
		padding: 5px;
		margin: 10px;
		margin-right: -80px;
		background: black;
	}

	#content .inset {
		float: right;
		text-align: center;
		border: 3px solid #cccccc;
		padding: 5px;
		margin: 10px;
		background: black;
	}

	#content .quotes {
		padding: 0px;
		margin: 0px;
	}

	#content .quotes ul {
		padding: 0px;
		margin: 0px;
	}	

	#content .quotes li {
		padding: 10px;
		margin: 10px;
		margin-left: 0px;
		border: 2px dotted #888888;
		list-style: none;
	}

	#copyright {
		text-align: center;
		margin-left: 200px;
		margin-right: 200px;
		padding-bottom: 50px;
		padding-top: 50px;
		clear: right;
	}

	#content .polarbears {
		padding-left: 160px;
		margin-bottom: 10px;
		background: url(imgs/polarbear-icon.gif) no-repeat;
		border: 2px dotted #cccccc;
	}

	#content .creatures {
		padding-left: 160px;
		margin-bottom: 10px;
		background: url(imgs/creatures-icon.gif) no-repeat;
		border: 2px dotted #cccccc;
	}

	#content .stegosaur{
		padding-left: 160px;
		margin-bottom: 10px;
		background: url(imgs/stegosaur icon.jpeg) no-repeat;
		border: 2px dotted #cccccc;

        }

	#content .kaos {
		padding-left: 160px;
		margin-bottom: 10px;
		background: url(imgs/kaos-icon.gif) no-repeat;
		border: 2px dotted #cccccc;
	}

	#content .tribe {
		padding-left: 160px;
		margin-bottom: 10px;
		background: url(imgs/tribe-icon.gif) no-repeat;
		border: 2px dotted #cccccc;
	}

	#content .submarine {
		padding-left: 160px;
		margin-bottom: 10px;
		background: url(imgs/submarine-icon.gif) no-repeat;
		border: 2px dotted #cccccc;
	}

	#content .devils {
		padding-left: 160px;
		margin-bottom: 10px;
		background: url(imgs/devils-icon.gif) no-repeat;
		border: 2px dotted #cccccc;
	}

	#content .martians {
		padding-left: 160px;
		margin-bottom: 10px;
		background: url(imgs/martians-icon.gif) no-repeat;
		border: 2px dotted #cccccc;
	}


	#content .felixfelix {
		padding-left: 160px;
		margin-bottom: 10px;
		background: url(imgs/felixfelix-icon.gif) no-repeat;
		border: 2px dotted #cccccc;
	}

	#content .elves {
		padding-left: 160px;
		margin-bottom: 10px;
		background: url(imgs/elves-icon.jpg) no-repeat;
		border: 2px dotted #cccccc;
	}

	#viewer {
		height: 500px;
		width: 500px;
		float: right;
		margin-right: -80px;
		text-align:right;
	}

	#viewer img {
		border: 0px;
		border: 7px solid white;
	}


	#content .stegosaur {
		background: url(imgs/stegosaur-icon.gif) no-repeat;
	}


	#content .martians{
		background: url(imgs/martian-icon.gif) no-repeat;
	}