/*
JON'S GENERIC STYLESHEET FOR DYNAMIC LAYERS
version 1.7
Modified by Jon to accommodate links to license itself.

USE 5-LETTER CAPITALIZED ABBREVIATIONS.
DERIVATIVE STYLES INDENTED.

HERE'S THE "TABLE OF CONTENTS":
		
*DEFAULTS
HIER:	Conte
CATEG:	Plain
ROLO:	Off

*INDEPENDENT
Title
Entit
Over

*COMBINED (Head1 is a sublevel of Head0)
HIERA	CATEG
Head0	Cate0		
Head1	Cate1
		Cate2
		Highp	
		High0
		High1
		High2

*POSITIONS
Title
Hotli
Headi
Conte...
newsItem

*COLOR PALETTE
crimson/brown #600
tan #cc9
gold #fc6
scarlet #c30
 */

/* DEFAULTS */
body, td, span, .Plain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #600;
	background-color:#600
}
	.Highp {
		color: #666;
		background-color: #ccc;
	}
a {
	color: #c30;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* INDEPENDENT */
.Title {
	color:#cc9;
	font-size: 18px;
	font-weight: bold;
	position:absolute; 
	left:10px; 
	top:80px; 
	width:350px; 
	height:20px; 
	z-index:300
}
.Entit {
	font-weight: bold;
	background-color:#cc9
}
/* COMBINED (for ie5, could replace with single word, eg ".Head0") */
/*** FONT-FAMILY, SIZE, TEXT-DEC (ALL) ***/
.Head0Cate0,
.Head0Cate0Over,
.Head0Cate1,
.Head0Cate1Over,
.Head0Cate2,
.Head0Cate2Over,
.Head0Cate3,
.Head0Cate3Over,
.Head0Cate4,
.Head0Cate4Over,
.Head0Cate5,
.Head0Cate5Over,
.Head0Cate6,
.Head0Cate6Over,
.Head0Cate7,
.Head0Cate7Over,
.Head0Cate8,
.Head0Cate8Over,
.Head0Cate9,
.Head0Cate9Over,

.Head0High0,
.Head0High0Over,
.Head0High1,
.Head0High1Over,
.Head0High2,
.Head0High2Over,
.Head0High3,
.Head0High3Over,
.Head0High4,
.Head0High4Over,
.Head0High5,
.Head0High5Over,
.Head0High6,
.Head0High6Over,
.Head0High7,
.Head0High7Over,
.Head0High8,
.Head0High8Over,
.Head0High9,
.Head0High9Over,

.Head1Cate0,
.Head1Cate0Over,
.Head1Cate1,
.Head1Cate1Over,
.Head1Cate2,
.Head1Cate2Over,

.Head1High0,
.Head1High0Over,
.Head1High1,
.Head1High1Over,
.Head1High2,
.Head1High2Over {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

/*** MARGINS (HEAD1) ***/
.Head1Cate0,
.Head1Cate0Over,
.Head1Cate1,
.Head1Cate1Over,
.Head1Cate2,
.Head1Cate2Over,

.Head1High0,
.Head1High0Over,
.Head1High1,
.Head1High1Over,
.Head1High2,
.Head1High2Over {
	margin-left: 20px;
}

/*** COLOR ***/
/* CATE0 */
.Head0Cate0,
.Head0Cate0Over {
	color: #fc6;
}

.Head1Cate0,
.Head1Cate0Over{
	color: #fc6;
}

.ConteCate0 {
	color: #600;
}
	/* HIGH0 */
	.Head0High0,
	.Head0High0Over {
		color: #fc6;
		font-weight: bold;
	}
	.Head1High0,
	.Head1High0Over,
	.ConteHigh0 {
		color: #600;
		background-color: #fc6;
	}
	
/* CATE1 */
.Head0Cate1,
.Head0Cate1Over,
.Head1Cate1,
.Head1Cate1Over,
.ConteCate1 {
	color: #fc6;
}
	/* HIGH1 */
	.Head0High1,
	.Head0High1Over {
		color: #fc6;
		font-weight: bold;
	}
	.Head1High1,
	.Head1High1Over,
	.ConteHigh1 {
		color: #666;
		background-color: #fc6;
	}
	
/* CATE2 */
.Head0Cate2,
.Head0Cate2Over,

.Head1Cate2,
.Head1Cate2Over,

.ConteCate2 {
	color: #fc6;
}
	/* HIGH2 */
	.Head0High2,
	.Head0High2Over {
		color: #fc6;
		font-weight: bold;
	}
	.Head1High2,
	.Head1High2Over,
	.ConteHigh2 {
		color: #666;
		background-color: #fc6;
	}
	
/* CATE3 */
.Head0Cate3,
.Head0Cate3Over,

.Head1Cate3,
.Head1Cate3Over,

.ConteCate3 {
	color: #fc6;
}
	/* HIGH3 */
	.Head0High3,
	.Head0High3Over {
		color: #fc6;
		font-weight: bold;
	}
	.Head1High3,
	.Head1High3Over,
	.ConteHigh3 {
		color: #666;
		background-color: #fc6;
	}

/* CATE4 */
.Head0Cate4,
.Head0Cate4Over,

.Head1Cate4,
.Head1Cate4Over,

.ConteCate4 {
	color: #fc6;
}
	/* HIGH4 */
	.Head0High4,
	.Head0High4Over {
		color: #fc6;
		font-weight: bold;
	}
	.Head1High4,
	.Head1High4Over,
	.ConteHigh4 {
		color: #666;
		background-color: #fc6;
	}

/* CATE5 */
.Head0Cate5,
.Head0Cate5Over,

.Head1Cate5,
.Head1Cate5Over,

.ConteCate5 {
	color: #fc6;
}
	/* HIGH5 */
	.Head0High5,
	.Head0High5Over {
		color: #fc6;
		font-weight: bold;
	}
	.Head1High5,
	.Head1High5Over,
	.ConteHigh5 {
		color: #666;
		background-color: #fc6;
	}

/* CATE6 */
.Head0Cate6,
.Head0Cate6Over,

.Head1Cate6,
.Head1Cate6Over,

.ConteCate6 {
	color: #fc6;
}
	/* HIGH6 */
	.Head0High6,
	.Head0High6Over {
		color: #fc6;
		font-weight: bold;
	}
	.Head1High6,
	.Head1High6Over,
	.ConteHigh6 {
		color: #666;
		background-color: #fc6;
	}

/* CATE7 */
.Head0Cate7,
.Head0Cate7Over,

.Head1Cate7,
.Head1Cate7Over,

.ConteCate7 {
	color: #fc6;
}
	/* HIGH7 */
	.Head0High7,
	.Head0High7Over {
		color: #fc6;
		font-weight: bold;
	}
	.Head1High7,
	.Head1High7Over,
	.ConteHigh7 {
		color: #666;
		background-color: #fc6;
	}

/* CATE8 */
.Head0Cate8,
.Head0Cate8Over,

.Head1Cate8,
.Head1Cate8Over,

.ConteCate8 {
	color: #fc6;
}
	/* HIGH8 */
	.Head0High8,
	.Head0High8Over {
		color: #fc6;
		font-weight: bold;
	}
	.Head1High8,
	.Head1High8Over,
	.ConteHigh8 {
		color: #666;
		background-color: #fc6;
	}

/* CATE9 */
.Head0Cate9,
.Head0Cate9Over,

.Head1Cate9,
.Head1Cate9Over,

.ConteCate9 {
	color: #fc6;
}
	/* HIGH9 */
	.Head0High9,
	.Head0High9Over {
		color: #fc6;
		font-weight: bold;
	}
	.Head1High9,
	.Head1High9Over,
	.ConteHigh9 {
		color: #666;
		background-color: #fc6;
	}

/*** TEXT DECORATION */
.Head0Cate0Over,
.Head0Cate1Over,
.Head0Cate2Over,
.Head0Cate3Over,
.Head0Cate4Over,
.Head0Cate5Over,
.Head0Cate6Over,
.Head0Cate7Over,
.Head0Cate8Over,
.Head0Cate9Over,

.Head0High0Over,
.Head0High1Over,
.Head0High2Over,
.Head0High3Over,
.Head0High4Over,
.Head0High5Over,
.Head0High6Over,
.Head0High7Over,
.Head0High8Over,
.Head0High9Over
{
	text-decoration: underline;
}

/*** POSITIONS ***/
.ContePlain,
.ConteCate0,
.ConteCate1,
.ConteCate2 {
	position:absolute; 
	width:440px;
	height:460px;
	z-index:300; 
	left:260px; 
	top:90px;
	background-color:#cc9;
	padding:5px;
	border: 1px none #000000;
	/* THIS MESSES UP PADDING IN MOZILLA: clip: rect(0px, 460px, 400px, 0px) */
}
.ConteCate0,
.ConteCate1,
.ConteCate2 {
	visibility: hidden;
}
.Video {
	position:absolute; 
	width:240px;
	height:205px;
	z-index:1000; 
	left:465px; 
	top:260px;
	background-color:#000
}
/* Logos */
.Hotli {
	position:absolute; 
	left:410px; 
	top:8px; 
	width:400px; 
	height:50px; 
	z-index:300;
	visibility: visible
}
.Hotli_A {
	position:absolute; 
	left:10px; 
	top:10px; 
	width:65px; 
	height:15px; 
	z-index:300;
	visibility: hidden;
}
#newsHeading {
	position:absolute; 
	left:730px; 
	top: 60px; 
	width:260px;
	z-index:300;
	visibility: visible;
	font-weight: bold;
	font-size: 14px;
	color: #fc6;
	
}
.newsFrame {
	position:absolute; 
	left:730px; 
	top:90px; 
	height: 450px;
	width:260px;
	z-index:300;
	visibility: visible;
	/* overflow: auto; overflow: -moz-scrollbars-vertical; overflow-y:scroll; overflow-x:hidden; */
	color: #fc6;
}
.newsItem {
/* 	position: relative; */
	width: 235px;
	margin: -5px 3px 10px -5px;
	_margin-top: 0px; 
	border: 1px solid #fc6;
	font-weight: normal;
	color: #cc9;
}
.newsItemHeadline {
	background-color: #fc6;
	color: #600;
	padding: 0px 3px 2px 3px;
}
.newsItemStory {
	font-size: 10px;
	color: #cc9;
	padding: 3px;
}
.newsItemDate {
	margin: 0 0 1em 0 ;
}
.lockIconsBlock { /* lock icons */
	position:relative; 
/* 	width:310px; */
/* 	height:30px; */
	z-index: 3000; 
/* 	left: 62px;  */
	top: 10px;
	border: 1px none #cc9;
	padding: 5px; /* unused? */
	visibility: visible;
}
.iconSpacer {
	margin-right: 1px;
}
.iconSpacerLast {
	position: relative;
	top: -10px;
	color: #c9f;
	font-weight: bold;
	font-size: 14px;
}
a.lockIcons:hover {
	text-decoration: none;
}
#projectGlossBlock {
	color: #cc9;
	margin-top: 5px;
	width: 307px;
	text-align: left;
}
.projectGloss {
	background-color: #f10;
	color: #600;
	padding: 5px;
}
.projectTitle {
	color: #fc6;
	font-weight: bold;
	background-color: #f10;
}
.Headi {
	position:absolute; 
	left:10px; 
	top:115px; 
	width:250px;
	height:200px;
	z-index:300;
	border: 1px none #000000;
	/*
	;
	clip: rect(0px, 250px, 450px, 0px)
	*/
}
.TextA {
	position:absolute; 
	left:10px; 
	top:360px; 
	width:250px;
	height:200px;
	z-index:300;
	border: 1px none #000000;
	color:#cc6;
	font-size:10px;
	visibility: visible;
	/*
	;
	clip: rect(0px, 250px, 450px, 0px)
	*/
}
.citation {
    position: relative;
    background-color: rgb(255,204,104);
    margin: .4em 1em .4em 1em ;
    padding: .4em;
}
.code {
	height: 40px;
	overflow: auto;
}
h3 {
	margin: .2em 0 .2em 0 ;
}