@charset "UTF-8";
/* CSS Document */
/*  index html  */


a:link {
	color: #066;
}

/* This removes underlining of links.  I dont only showing them on hover. */
 

a:link {
	text-decoration: none;
	color: #000066;
}
a:visited{
	text-decoration: none;
}

a:active{
	text-decoration: none;
	font-family: "Arial Black", Gadget, sans-serif;
}
/* For page formatting. */


body { 
	background-color:#000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFF;
}


h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#FFF
}

h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999
} 
.regularText{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	text-align: center;
}
.sendMailText{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666
}
.footer {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;	
}

.downloadBox {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	background:url(images/downloads.png)
	
	
}
.welcomeBox {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	background:url(images/settings.png)
	
	
}
.hidden { display: none; }
.unhidden { display: block; }
/*

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
 	padding: 0;
	text-align: center;  
	color: #000000;
	background-color: #000;
	margin-left: 0px;
}


a:link {
	text-decoration: none;
	color: #000066;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

*/


.oneColFixCtrHdr #container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	//background-color: #000;
	background-repeat: repeat-x;
	background-color: #000;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#apDiv1 {
	position:relative;
	left:84px;
	top:0px;
	width:1000px;
	height:152px;
	z-index:1;
	visibility: visible;
}
#apDiv2 {
	position:absolute;
	left:455px;
	top:8px;
	width:461px;
	height:138px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:3px;
	top:173px;
	width:178px;
	height:153px;
	z-index:3;
}
#apDiv4 {
	position:absolute;
	left:31px;
	top:183px;
	width:297px;
	height:251px;
	z-index:3;
}
#apDiv5 {
	position:absolute;
	left:14px;
	top:486px;
	width:900px;
	height:734px;
	z-index:1;
}


.widget {
	width: 1000px;
	height: 150px;
	border: solid .5px black;
	background-color: #FFF;
}
.SlidingPanels {
	width: 500px;
	height: 230px;
	overflow: visible;
	position: relative;
	float: left;
	padding: 0px;
}
.SlidingPanelsContainer {
	width:2000ex;
	height:149px;
	position: absolute;
	float:left;
	margin: 0px;
	padding: 0px;
	left: 858px;
	top: -8px;
}
.SlidingPanelsContent {
	width: 250px;
	height: 230px;
	float: left;
}
.content {
    width: 241px;
	height: 105px;
	float: left;
	overflow: hidden;
	padding: 4px;
	border-right: solid 1px #999999;
}
.panelnav {
	clear: both;
	height: 42px;
}
.left {
	text-align: left;
	margin-left: 4px;
}
.right {
	text-align: right;
	margin-right: 4px;
}


.slidePanelSmallText {
	font-size: x-small;
	color: #000;
}
.style9 {font-size: small}
#apDiv6 {
	position:absolute;
	left:43px;
	top:206px;
	width:45px;
	height:34px;
	z-index:2;
	visibility: inherit;
}
#apDiv7 {
	position:absolute;
	left:869px;
	top:360px;
	width:43px;
	height:39px;
	z-index:10;
	visibility: visible;
}

.style14 {
	color: #FFCC66;
	font-size: small;
}
.style18 {color: #FF9900}
.topQuote{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	font-style: italic;
	font-weight: bold;
}
.style19 {
	color: #FFFFFF;
	font-size: small;
}
.style20 {
	color: #999999;
	font-size: medium;
}
.style22 {
	color: #666666;
	font-size: small;
}
.style28 {
	font-size: small;
	color: #336666;
	font-weight: bold;
}
.style31 {
	font-size: small;
	color: #CC6600;
}
#RightPanelDiv {
}
.style32 {
	color: #CC9900;
	font-size: x-small;
}
.style35 {color: #FFFF66}
.slidePanelTitle {
	font-size: medium;
	font-weight: bold;
	color: #000;
}
.style41 {
	color: #666666;
	font-weight: bold;
	font-size: xx-small;
}
.style42 {color: #333333}
.style44 {font-size: small; color: #000000; }
.SmallText {
	font-size: 12px;
	color: #FFF;
}
.smallText {
	font-size: 9px;
	color: #999;
}
.verySmallFooter {
	font-size: 7px;
}
.footerText {
	font-size: small;
	color: #000;
}
.SmallText {
	font-size: 12px;
	color: #FFF;
}
.smallText {
	font-size: 9px;
	color: #999;
}
.verySmallFooter {
	font-size: 7px;
	color: #333;
}
goToForumText {
	color: #FFC;
}
goToForumsText {
	color: #FFC;
}
MenuText {
	color: #CCC;
}

/*     */