@charset "utf-8";
<style type="text/css"> 
/**
============================================================
The original CSS template created by Alt-Web Design and Publishing
www.alt-web.com, 2011. It was modified significantly by Trent Hergenrader
www.trenthergenrader.com
============================================================
**/
 
/**Zero out default browser settings on everything**/
*{margin:0; padding:0; border:0; font-size:100%; line-height: 100%; }
 
/**add scrollbar to short pages in Mozilla**/
html {height:102%; margin-bottom:2px; }
.subheadunder {
	font-size: 16px;
	font-weight: bolder;
}
 
/**for IE only**/
*body {font-size:80%; Zoom: 1}
 
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline;} 
 
body {
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
	font-size: 1em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #000;
}
#wrapper { /**faux columns**/
	width: 940px;
	margin:0 auto; /**centered on screen**/
	text-align:left;
	overflow:hidden;
	background-color: #000;
}
#header {
	/*background-image: url(../images/views/headercompendium2.png);*/
	background-image:url(../images/headers/compendium.png);
	height: 150px;
	width: 940px;
	margin-top: 20px;
}

#topMenu {
	text-align:left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right:auto;
	margin-left:auto;
	height: 60px;
	width:940px;
	background-color:#848aa1;
	background-image:url(../images/titles/copmendium.png);
	background-repeat:no-repeat;
}
 
/**Top Info**/
/*
#topInfo {
	text-align:left;
	height: 50px;
	background-color: #191970;
	background-image: url(../images/views/concrete.png);
}
#topInfo a {
font-size:0.7em;
text-transform:uppercase;
text-decoration:none;
padding: 9px 16px;

}
#topMenu img{
margin-right: 4px;
float:right;
padding: 2px;
}

.clearboth { clear: both; }

/**end horizontal menu**/

 
/** Middle column **/
#Middle {
	padding:10px;
	padding-top:-1px;
	width: 940;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align:left;
}


#Middle h2 {
	font-weight:200;
	letter-spacing:0px;
	text-align:left;
	padding:10px;
	margin-left: auto;
	margin-bottom:-8px;
}

.subhead {
	font-weight:500;
	letter-spacing:0px;
	text-align:left;
	padding:10px;
	margin-left: auto;
	margin-bottom:-8px;
	font-size:20px;
}



.imagepic {
	float:right;
	margin-left:5px;
	border: 1px solid #000;
	padding: 5px;
	text-align:center;
}

.dot {
	float:left;
}

.jump {
	float: right;
	text-align:right;
	background-color: #fff;
}

.text {
	font-size:13px;
	}

.tagline {
	font-size:12px;
	margin-top: 2px;
	font-family:Arial, Helvetica, sans-serif
}

.acknowledgements {
	background-color: #CCC;
	font-size:11px;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;
	}

#Middle hr {hr 
	width: 50%;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}

#toc {
	margin-left:10px;
}
.tableheader {
	color: #FFF;
	background-color: #000;
}
.player {
	background-color: #F9F9F9;
	border: 2px solid #CCCCCC;
	font: 11px/1.4em Arial, sans-serif;
	vertical-align: top;
	margin-top: 0px;
	float: right;
	text-align: right;
} 

.playerimg { border: 1px solid #CCCCCC; 
vertical-align:top; margin-bottom: 3px; } 

.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 

.toc,
.mw-warning {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
	margin-bottom: 30px;
}
#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
	text-align: center;
	font-size:12px;
}
#toc ul,
.toc ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
	font-size:12px;
}
#toc ul ul,
.toc ul ul {
	margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
	font-size: 94%;
}

.toccolours {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}

.blue {
	color:blue;
}

#footer {
color:#006600;
margin:0;
padding:5px;
text-align: right;
font-weight: bold;
}
/**text styles**/
h2 {
	font-weight:100;
	letter-spacing:-1px;
}

h1,h3,h4 {
line-height:1.5;
padding: 12px;
}
h3 {color: #666}
h4 {color: #024770}

p {
font-size: 0.80em;
line-height:1.5em;
padding:0 10px 0 10px;
margin: 12px 0 12px 0;
}
 
/**Text Links**/
/*a{color:#4488c3;font-weight:700;text-decoration:none}
a:visited {color:#4488c3; text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}*/
/**linked images**/
a img{border:none;}
 
/**RE-USABLE CLASSES**/
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
 
/**floats and clearing**/
.floatRight {float:right;}
.floatLeft {
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.clearing {clear:both; height:1px; width:100%; visibility:hidden;}

/**tabs**/

.tabpage {
	background-color: #FFF;
}

#tabContainer {
	width:940px;
	background-color:#000;
	padding-top:0px;
	float: left;
}

.tabs{
	height:25px;
	margin-left:-40px;
}

.tabs > ul{
	font: 1em;
	list-style:none;
}

.Neededlink {
	color: #F00;
}

.tabs > ul > li{
	margin:0 2px 0 0;
	padding:7px 10px;
	display:block;
	float:left;
	color:#000;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	background: #727a94; /* old browsers */
	background: -moz-linear-gradient(top, #727a94 0%, #dfdee0 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727a94), color-stop(100%,#dfdee0)); /* webkit */
}

.tabs > ul > li:hover{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

.tabs > ul > li.tabActiveHeader{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

.tabscontent {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px; 
	padding:10px 10px 25px;
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 90%, #e4e9ed 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(90%,#FFFFFF), color-stop(100%,#e4e9ed)); /* webkit */
	margin:0;
	color:#333;
}
</style>