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

body {
	background: #000000;
	padding: 0;
	margin: 0;
	}

/* --- Text Formatting --- */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #ffffff;
	text-align: left;
	margin: 10px 10px 20px 10px;
	}
p.centered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #ffffff;
	text-align: center;
	}

a {
	color: #0099FF;
	}
	
p span {
	display: none;
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #FF6600;
	font-size: xx-large;
	text-align: center;
	text-decoration: underline;
	margin: 20px 0 20px 0;
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #FF6600;
	font-size: large;
	margin: 20px 0 20px 0;
	}
	h2.white {
		color: #ffffff;
		}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #FF6600;
	font-size: large;
	margin: 20px 0 20px 0;
	}

.logoText {
	display: inline;
	vertical-align: baseline;
	text-align: center;
	margin: 2px 2px 0 2px;
	}

/*  --- Navigation --- */

#navBar{
	width: 1000px;
	Background: url(images/navBarBck.jpg);
	height: 30px;
	margin: 0;
	padding: 0;
	}
	
	#navBar ul {
		width: 999px;
		height: 29px;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0 0 0 25px;
		}
	
		#navBar li {
			float: left;
			}
		
			a.navBtn {
				float: left;
				display: block;
				margin: 0;
				padding: 5px 10px 5px 10px;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 10pt;
				text-decoration: none;
				list-style: none;
				color: #ffffff;
				clear: both;
				}
				a.navBtn:hover {
					color: #FF6600;
					}

/* --- lists --- */

li.list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #ffffff;
	padding: 0 0 15px 0;
	}
	li.indentLi {
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		color: #ffffff;
		padding: 0 0 15px 0;
		margin: 0 0 0 20px;
		}
ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #ffffff;
	padding: 0 0 15px 0;
	}
	ol li {
		margin: 0 0 10px 40px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		color: #ffffff;
		}
	
.homepageStickers p {
		padding: 10px 0 0 0;
		margin: 0;
		}

.container {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	border: solid 1px #ffffff;
	background: #000000;
	}

.header {
	width: 1000px;
	height: 140px;
	margin: 0;
	padding: 0;
	background: url(images/catl_header.jpg); 
	overflow:hidden;
	}
	
ul.storyList {
	margin: 0 0 0 150px;
	padding: 0;
	}

	li.storyList {
		float: left;
		padding: 0 10px 0 10px;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: large;
		list-style: none;
		}
		
/* --- Content Pages --- */

.mainContent {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	border: solid 1px #000000;
	background: #000000;
	}
	
	.storyYear {
		width: 800px;
		height: auto;
		margin: 0 0 40px 0;
		padding: 0;
		border: solid 1px #0000EE;
		}

#tracePic {
	width: 480px;
	margin: 0 auto;
	}
			
/* --- Homepage --- */
	
.mainContent p{
		text-align: justify;
		}
			
.mainImg {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	}
	
	.mainImg p{
		text-align: center;
		padding: 0;
		}

.aContainer {
	height: 250px;
	width: 800px;
	clear: both;
	color: #ffffff;
	padding: 0;
	margin: 0 auto;
	}
	
	.aImg {
		float: left;
		width: 315px;
		height: 199px;
		margin: 0 0 0 20px;
		padding: 0;
		}
	
	.aContent {
		float: right;
		margin: 0 20px 0 0;
		padding: 10px 5px 0 15px;
		width: 365px;
		height: 199px;
		color: #ffffff;
		}
		
		p.aContent {
			text-align: left;
			color: #ffffff;
			}

.bContainer {
	height: 250px;
	width: 800px;
	clear: both;
	color: #ffffff;
	padding: 0;
	margin: 0 auto;
	}
	
	.bImg {
		float: right;
		width: 315px;
		height: 200px;
		margin: 0 20px 0 0;
		padding: 0 30px 0 0;
		}
	
	.bContent {
		float: left;
		margin: 0 0 0 20px;
		padding: 10px;
		width: 365px;
		height: 200px;
		color: #ffffff;
		}

#blueborder {
	border: solid 1px #0033FF;
	}

/* --- footer --- */

.counter {
	background: #000000 url(images/cavern.jpg) bottom no-repeat;
	height: 332px;
	width: 1000px;
	padding: 50px 0 0 0;
	margin: 0;
	
	}
	
	.counter p {
		font-weight: bold;
		text-align: center;
		color: #33CCFF;
		font-size: large;
		}
	
	.counter span {
		display: inline;
		}
		
#homeFooterText {
	}
	
	#homeFooterText p {
		color: #FFFFFF;
		}