/* HTML ELEMENTS */
	
body {
	padding: 0px;
	color: #000;
	background-color: #CCC;
	font-family: "Courier New", Courier, monospaced;
	/* font-family: "Times New Roman", "Times Roman", serif; */
	font-size: 13px; 
	line-height: 15px;
	margin: 77px 0 0 0 ;
	}

a {
	color: #FFF; 
	/*background-color: #FFF;*/
	text-decoration: none; 
	}
	
a:hover {
	/*color: #000;*/
	/*background-color: #FF0;*/
	text-decoration: underline; 
	}

a:active { 
	color: #FFF; 
	}

ol, ul, li {
	display: inline;
	margin:  0;
	padding: 0;
	list-style: none; }
	
img {
	border: none; 
	}




				
				
	
.Detail {
	/* display: inline; */
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #FFF;
	padding: 8px;
	width: 310px;
	}
	
	


.Menu {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: -1pt;
	white-space: nowrap;
	}
	
.Body {
	font-family: Times, "Times New Roman", serif;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0pt;
	}
	
.Mono {
	font-family: "Courier New", monospaced;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0pt;
	}



	
	







/* CONTAINERS */

.topContainer {
	position: absolute; 
 	z-index: 50; 
 	top: 10px; 
 	left: 50%; 
 	width: 600px; 
 	height: 125px; 
 	margin: 0 0 0 -300px;
 	}
 	
.navContainer {
	position: absolute; 
 	z-index: 90; 
 	left: 125px;
 	}
 	 	
.navOnContainer {
	position: absolute; 
 	z-index: 80; 
 	left: 125px; 
 	width: 300px;
 	visibility: hidden;
 	}
 	
.slashContainer {
	position: absolute; 
 	z-index: 90; 
	left: 290px; 
 	width: 20px; 
 	}
 	
.wordContainer {
	position: absolute; 
 	z-index: 90; 
 	left: 310px; 
 	}
 	 	
.wordOnContainer {
	position: absolute; 
 	z-index: 80; 
 	left: 310px; 
 	width: 300px; 
  	visibility: hidden;
 	}

.leftContainer {
	position: absolute;
	/*left: 50%;*/
	left: 10px;
	top: 150px;
	width: 45%;
	padding: 10px 0 10px 0;
	margin: 0px 0 10px 10px;
	border-style: solid;
	border-top-width: 4px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 4px;
	}

.rightContainer {
	position: absolute;
	left: 50%;
	/*left: 10px;*/
	top: 150px;
	width: 45%;
	padding: 0px 0 10px 0px;
	margin: 0px 0 10px 10px;
	border-style: solid;
	border-top-width: 4px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	}

.rightSubContainer {
	position: relative;
	padding: 10px 0 10px 0px;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 4px;
	}
	
.centerContainer {
	position: absolute;
	left: 10px;
	top: 100px;
	width: 590px;
	padding: 10px 0 10px 0;
	margin: 0px 10px 10px 10px;
	border-style: solid;
	border-top-width: 4px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 4px;
	}
	
.deckContainer {
	left: 10px;
	margin: 40px 0 400px 50px;
	width: 45%;
	padding: 10px 0 10px 0;
	margin: 20px 0 10px 10px;
	}






/* MENU */
	
li.listActive {
	display: block;
	padding: 0 0 0 0px;
	background-color: #FFF;
	color: #000;
	text-decoration: none; 
	}
	
li.listStatic {
	display: block;
	padding: 0 0 0 20px;
	color: #000;
	text-decoration: none; 
	}

li.collapseListOpen {
	position: relative;
	overflow: visible;
	display: block;
	padding: 0 0 10px 0;
	}
	
li.collapseListClosed {
	position: relative;
	overflow: hidden;
	display: block;
	height: 20px;
	}












	
	

/* MAPPER FORMATTING */


.node {
	position: absolute;
	float: left;
	z-index: 98;
	width:  200px; 
	height: 200px; 
	margin: -25px 0 0 -25px;
	border: 1px solid #FFF;
	overflow: hidden; 
	}
.node:hover {
	/* opacity: 1; */
	/* filter: alpha(opacity=100); */
	border: 1px solid #000;	
	}
.node a:link {
	text-decoration: none;
	}
.node a:visited {
	text-decoration: none;
	}
.node a:hover {
	text-decoration: none;
	}
.node a:active {
	text-decoration: none;
	}






/* SWATCH FORMATTING */



.swatch {
	float: left;
	z-index: 98;
	padding: 0px;
	margin: 4px 0px 0 4px;
	width:  200px; 
	height: 200px; 
	border: 1px solid #FFF;
	background-color: #00F;
	font-family: "Courier New", Courier, monospaced; 
	font-size:   14px; 
	line-height: 16px;	
	overflow: hidden; 
	}
.swatch:hover {
	/* opacity: 1; */
	/* filter: alpha(opacity=100); */
	border: 1px solid #000;	
	}
.swatch a:link {
	text-decoration: none;
	color: #FFF; 
	}
.swatch a:visited {
	text-decoration: none;
	color: #FFF; 
	}
.swatch a:hover {
	text-decoration: none;
	color: #FFF; 
	}
.swatch a:active {
	text-decoration: none;
	color: #FFF; 
	}
	
	
	
	
	
	/* LIST FORMATTING */



.list {
	color: #000; 
}

.list a:link {
	color: #000;
	text-decoration: none; 
}

.list a:visited {
	color: #666;
	text-decoration: none; 
}

.list a:hover {
	color: #CCC;
	text-decoration: none; 
}

.list a:active {
	color: #FFF;
	text-decoration: none; 
}
	
	
/* TABLE FORMATTING */



.ledger {
	width: 100%;
	background-color: #FFF; }

.ledger:hover {
	background-color: #EEE; }

.ledger a:link {
	color:#000;
	background-color: none; }

.ledger a:visited {
	color:#666;
	background-color: none; }

.ledger a:hover {
	background-color: none; }

.ledger a:active {
	background-color: none; }


.column {
	margin: 0;
	padding: 4px 20px 4px 4px; 
	text-transform: uppercase; }







	
	
	
	
/* UTILITY FORMATTING */

.pad {
	padding: 10px; 
	}
	
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	}