@charset "utf-8";
/* CSS Sytlesheet */

body {
	background:#ffffff;
	}

a {
	text-decoration:none;
}
a:visited {
	color: #6363FF;
} 
a:hover {
	text-decoration:underline;
}

#container {
	width:100%;
	margin:0px;
}

#gtr {
	background:#000000;
	color:#ffffff;
	/*padding-left:1em;*/
	border:0px solid black;
	padding:0px;
	margin-bottom:10px;
	clear:left;
	}

.header {
	background-color:black;
	border: 0px;
	margin: 1em 0;
	height: 35px;
}
h2#level2 {
	margin:0;
	padding:0 0 0 7px;
	color:#FFFFFF;
	font-size: 26px;
	font-family:Verdana, Helvetica, sans-serif;
}
p.clear {
	clear:both;
	margin:0;
	padding:0;
	height:0;
}

/* Contains update box and letter */
#thick-col {
	margin-left:226px;
	margin-right: 7px;
	}

#update {
	border:1px solid red;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 5px 5px 10px black; /*x -y blur radius color*/
	-moz-box-shadow: 5px 5px 10px black;
	-webkit-box-shadow: 5px 5px 10px black;
	margin-bottom:20px;
	padding: 3px 10px;
	/*background-image:url('update-grad-test2.gif');
	background-repeat:repeat-x;
	 blue-gray top color color:#66CCFF; */
	}

#update h2 {
	/* font-size:1.5em; */
	color: #8b0000;
	/*color:#FFFF33; CA&E yellow/gold?*/
	/*margin-left:1em;*/
	margin-bottom: 1px;
		}
#update h3 {
		margin-top: 0px;
		color: #8b0000;
		text-align:right;
		border-bottom: 1px solid #66CCFF;
		}

#letter {
	padding:35px 55px;
	border: 1px solid #E9E9E9;
	background:#F8F8F3;
	box-shadow: 5px 5px 10px black; /*x -y blur radius color*/
	-moz-box-shadow: 5px 5px 10px black;
	-webkit-box-shadow: 5px 5px 10px black;
	margin-bottom: 17px;
	}
#letter h1{
	text-align:center;
	font-size:1.5em;
	font-family:Verdana, Geneva, sans-serif;
	
	}
#letter h2 {
	text-align:center;
	font-size:1em;
	line-height:80%;
	}
#letter h3 {
	text-align:center;
	font-size:1.25em;
	line-height:80%;
	}
#letter p {
	Color:#000000;
	font-family:"Courier New", Courier, monospace;
	}

/* Contains vertical navigation */
#thin-col {
	width:206px;
    background: url('graphics/navlogo-1.png') no-repeat top;
	float:left;
	margin:0;
	padding-top: 210px;
	}
		#thin-col h2 {
	border-bottom: 2px solid #ffffff;
	text-align:center;
	color:#fff;
	}
	#indexlist {
	list-style-type: none;
	margin:0;
	padding:0;
	}
		#indexlist li {
			height: 40px;
		}
		a#histlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/histlink-sprite.png') no-repeat 0px 0px;
		}
		a#histlink:hover {
			background: url('graphics/histlink-sprite.png') no-repeat 0px -40px;
		}
		a#histlink:active {
			background: url('graphics/histlink-sprite.png') no-repeat 0px -80px;
		}
		a#chronlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/chronlink-sprite.png') no-repeat 0px 0px;
		}
		a#chronlink:hover {
			background: url('graphics/chronlink-sprite.png') no-repeat 0px -40px;
		}
		a#chronlink:active {
			background: url('graphics/chronlink-click.png') no-repeat top;
		}
		a#memlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/memlink-sprite.png') no-repeat 0px 0px;
		}
		a#memlink:hover {
			background: url('graphics/memlink-sprite.png') no-repeat 0px -40px;
		}
		a#memlink:active {
			background: url('graphics/memlink-sprite.png') no-repeat 0px -80px;
		}
		a#stalink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/stalink-sprite.png') no-repeat 0px 0px;
		}
		a#stalink:hover {
			background: url('graphics/stalink-sprite.png') no-repeat 0px -40px;
		}
		a#stalink:active {
			background: url('graphics/stalink-sprite.png')  no-repeat 0px -80px;
		}
		a#faclink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/faclink-sprite.png') no-repeat 0px 0px;
		}
		a#faclink:hover {
			background: url('graphics/faclink-sprite.png') no-repeat 0px -40px;
		}
		a#faclink:active {
			background: url('graphics/faclink-sprite.png') no-repeat 0px -80px;
		}	
		a#rslink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/rslink-sprite.png') no-repeat 0px 0px;
		}
		a#rslink:hover {
			background: url('graphics/rslink-sprite.png') no-repeat 0px -40px;
		}
		a#rslink:active {
			background: url('graphics/rslink-sprite.png') no-repeat 0px -80px;
		}	
		li#modlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/modlink-sprite.png') no-repeat 0px 0px;
			cursor: help;
		}
		a#modlink:hover {
			background: url('graphics/modlink-sprite.png') no-repeat 0px -40px;
		}
		a#modlink:active {
			background: url('graphics/modlink-sprite.png') no-repeat 0px -80px;
		}
		a#roulink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/roulink-sprite.png') no-repeat 0px 0px;
		}
		a#roulink:hover {
			background: url('graphics/roulink-sprite.png') no-repeat 0px -40px;
		}
		a#roulink:active {
			background: url('graphics/roulink-sprite.png') no-repeat 0px -80px;
		}
		a#remlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/remlink-sprite.png') no-repeat 0px 0px;
		}
		a#remlink:hover {
			background: url('graphics/remlink-sprite.png') no-repeat 0px -40px;
		}
		a#remlink:active {
			background: url('graphics/remlink-sprite.png') no-repeat 0px -80px;
		}
		li#opslink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/opslink-sprite.png') no-repeat 0px 0px;
			cursor: help;
		}
		a#opslink:hover {
			background: url('graphics/opslink-sprite.png') no-repeat 0px -40px;
		}
		a#opslink:active {
			background: url('graphics/opslink-sprite.png') no-repeat 0px -80px;
		}
		a#ttlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/ttlink-sprite.png') no-repeat 0px 0px;
		}
		a#ttlink:hover {
			background: url('graphics/ttlink-sprite.png') no-repeat 0px -40px;
		}
		a#ttlink:active {
			background: url('graphics/ttlink-sprite.png') no-repeat 0px -80px;
		}
		a#maplink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/maplink-sprite.png') no-repeat 0px 0px;
		}
		a#maplink:hover {
			background: url('graphics/maplink-sprite.png') no-repeat 0px -40px;
		}
		a#maplink:active {
			background: url('graphics/maplink-sprite.png') no-repeat 0px -80px;
		}
		li#doclink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/doclink-sprite.png') no-repeat 0px 0px;
			cursor: help;
		}
		a#doclink:hover {
			background: url('graphics/doclink-sprite.png') no-repeat 0px -40px;
		}
		a#doclink:active {
			background: url('graphics/doclink-sprite.png') no-repeat 0px -80px;
		}
		li#artlink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/artlink-sprite.png') no-repeat 0px 0px;
			cursor: help;
		}
		a#artlink:hover {
			background: url('graphics/artlink-sprite.png') no-repeat 0px -40px;
		}
		a#artlink:active {
			background: url('graphics/artlink-sprite.png') no-repeat 0px -80px;
		}
		li#farelink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/farelink-sprite.png') no-repeat 0px 0px;
			cursor: help;
		}
		a#farelink:hover {
			background: url('graphics/farelink-sprite.png') no-repeat 0px -40px;
		}
		a#farelink:active {
			background: url('graphics/farelink-sprite.png') no-repeat 0px -80px;
		}
		a#linklink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/linklink-sprite.png') no-repeat 0px 0px;
		}
		a#linklink:hover {
			background: url('graphics/linklink-sprite.png') no-repeat 0px -40px;
		}
		a#linklink:active {
			background: url('graphics/linklink-sprite.png') no-repeat 0px -80px;
		}
		a#soulink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/soulink-sprite.png') no-repeat 0px 0px;
		}
		a#soulink:hover {
			background: url('graphics/soulink-sprite.png') no-repeat 0px -40px;
		}
		a#soulink:active {
			background: url('graphics/soulink-sprite.png') no-repeat 0px -80px;
		}
		a#abolink {
			display: block;
			width: 206px;
			height: 40px;
			background: url('graphics/abolink-sprite.png') no-repeat 0px 0px;
		}
		a#abolink:hover {
			background: url('graphics/abolink-sprite.png') no-repeat 0px -40px;
		}
		a#abolink:active {
			background: url('graphics/abolink-sprite.png') no-repeat 0px -80px;
		}


#bottom {
	border-top: 2px solid orange;
	text-align:center;
	}
	#bottom a {
	text-decoration:none;
	}
	#bottom a:hover {
	text-decoration:underline;
	}