/* ============== Overall ============== */

a 			{ text-decoration:none; border-width:0; color: #000099; }
a:hover 	{ text-decoration:underline; }

h1 	{ font-size:250%; letter-spacing: -2px; font-weight:normal;}
h2 	{ font-size: 18px; letter-spacing: -2px; font-weight:normal; }
h3 	{ font-size:140%; margin:1em 1em 1em 0; letter-spacing: -1px; font-weight:normal; }
h4 	{ font-size:100%; font-weight:bold; margin:1.5em 1em 1em 0; }
h5 	{ font-size:95%; margin:1em 1em 1em 0; }
h6 	{ font-size:90%; margin:1em 1em 1em 0; }

.bbstyle1	{ font-size:160%; font-weight:bold; }
.bbstyle2	{ font-size:130%; font-weight:bold; }
.bbstyle3	{ font-size:120%; font-weight:bold; }
.bbstyle4	{ font-size:110%; font-weight:bold; }
.bbstyle5	{  }
.bbstyle6	{  }
.bbstyle7	{  }
.bbstyle8	{  }
.bbstyle9	{  }

#container
	{
	padding:0;
	margin:0;
	width:820px;
	background-color:#FFFFFF;
	border:1px solid #555555;
	}

#header
	{
	padding:0;
	margin:0;
	height:96px;
	}

#nav
	{
	font-size:140%;
	margin:-3px 0 0 0;
	padding:5px;
	background-color:#000000;
	letter-spacing:2px;
	color:#CCCCCC;
   	}

#nav a
	{
	color:#CCCCCC;
   	}

#nav a:hover
	{
	text-decoration:none;
	}

#nav ul
	{
    padding:2px;
    margin:0;
	}

#nav li
	{
	display:inline;
	list-style:none;
	padding:2px 6px 2px 6px;
	margin:0;
	}

#user
	{
	background-color: black;
	color: white;
	z-index: 10;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	left: 200px;
	top: 0px;
	position: absolute;
	margin:0;
	padding:3px;
	text-align:right;
	font-size: 10px;
	}

#user a { font-weight: bold; color: white; }


#user ul
	{
	padding:2px;
	margin:0;
	}

#user li
	{
	display:inline;
	list-style:none;
	margin:0;
	padding:3px;
	}

#title
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	margin:20px 20px 12px 20px;
	}

#subtitle
	{
	margin:4px 20px 16px 20px;
	vertical-align:top;
	}

#adminmenu
	{
	margin:0 20px 2px 20px;
	}

#main
	{
	padding:16px 24px 16px 24px;
	margin:0;
	vertical-align:top;
	}

#side
	{
	border:4px solid #FFFFFF;
	background-color:#F5F5F5;
	padding:8px;
	font-size:90%;
	}

#footer
	{
	clear:both;
	padding:8px;
	margin:0;
	font:80% Verdana, Arial, sans-serif;
	color:#888888;
	text-align:center;
	}

/* ============== Various ============== */

.disp		{ padding:12px; margin:0; }
.block		{ padding:8px; margin:12px;	border:1px solid #EAEAEA; background-color: #F8F8F8; }
.block h4	{ margin-top:0; }
.error		{ padding:24px 8px 24px 8px; margin:0; color:#CC1212; font-weight:bold; font-size:110%; text-align:center; }
.codetitle	{ font-size:10px; color:#59739B; padding:2px; margin-top:5px; }
.code 		{ font-size:11px; color:#59739B; background-color:#EFF0C2; padding:2px; margin-bottom:5px; font-family:monospace; }
.valid 		{ height:48px; text-align:center; vertical-align:middle; }
.download 	{ font-size:110%; text-align:center; background-color: #E8E8E8; padding:16px; margin-top:16px; }
.paging		{ text-align:center; padding:12px; text-align:right; font-size:90%; }
.coltop		{ text-align:center; font-size:95%;  background-color:#F7F6F3!important; color:#707070; }
.centerall 	{ text-align:center; }
.desc 		{ font-size:95%; padding:3px; color:#646464; }
.spoiler	{ padding:8px; margin:8px; border:1px dashed #CCCCCC; background-color:#DBE5E9; }

.odd		{ background-color:#F1F1F1!important; }
.even		{ background-color:#EBEDEC!important; }
li 			{ margin:2px; }

img			{ border-width:0; }
ul 			{ list-style-type:square; }
form		{ margin:0; }
.colleft	{ float:left; margin:0px 4px 0px 4px; }
.colright	{ float:right; margin:0px 4px 0px 4px; }
.bar_front 	{ background-color:#92CC5E; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:8px; }
.bar_back 	{ background-color:#EBECF1; border:1px solid #333333; margin:0 7px 0 7px; height:8px; }
.bbcodes a img { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }
.today		{ border:1px dashed #DDAA00; }
.signature 		{ color:#979797; font-size:80%; max-height:96px; overflow:auto; }
.signature a	{ color:#000000; }

/* ============== Tables ============== */

table td 			{ vertical-align:top; }
table.flat		{ width:99%; margin:0; padding:0; border-collapse:collapse; }
table.flat td 	{ padding:0; margin:0}
table.main 		{ width:99%; margin:0; padding:4px; }
table.main td 	{ padding:4px; }
table.cells 	{ border-style: none; width:99%; margin:0; padding:0; }
table.cells td	{ padding:2px; margin:0; }
table.list 		{ width:99%; margin:0; padding:5px; }
table.list td 	{ padding:12px; }

/* ============== My Additions ============== */

body { background-image: url(images/bgtile.jpg); width: 100%; height: 100%; margin: 0; }
html { width: 100%; height: 100%; padding: 0; }
p { }
td { }
a:link { border-width: 0; }
a:visited { }
a:hover { }
a:active { }
#mapLayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; margin: 0; padding: 0; }
#log1 { position: absolute; top: 169px; left: 0; width: 251px; height: 471px; z-index: 5; }
#compass1 { position: absolute; top: 0; left: 150px; width: 320px; height: 401px; z-index: 4; }
#inkwell1 { position: absolute; top: 0; left: 451px; width: 429px; height: 300px; z-index: 3; }
#cd1 { position: absolute; top: 320px; left: 758px; width: 223px; height: 371px; z-index: 6; }
#music1 { position: absolute; top: 570px; left: 500px; z-index: 7; }
#welcomeText { position: absolute; top: 220px; left: 394px; z-index: 8; }
#openBookLeft { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; font-style: italic; position: absolute; top: 80px; left: 170px; width: 320px; height: 500px; z-index: 3; }
#openBookRight { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 12px; position: absolute; z-index: 3; top: 90px; left: 515px; width: 350px; height: 530px; overflow: auto; }
#openBookRightIndex { background-repeat: no-repeat; background-position-y: top; background-position-x: left; word-wrap: normal;  background-image: url(images/logbook-pressingright.jpg); font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 12px; position: absolute; z-index: 3; top: 90px; left: 515px; width: 350px; height: 530px; overflow: auto; }

#ribbonNav { position: absolute; top: 170px; left: 875px; width: 140px; height: 200px; z-index: 3; }
#cd2 { position: absolute; top: 370px; left: 780px; z-index: 2; border-width: 0; }
#inkwell2 { position: absolute; top: 0; left: 600px; z-index: 2; }
#compass2 { position: absolute; top: 0; left: 0; z-index: 2; }
#admin { height: 90%; width: 90%; border-color: white; border-width: 1px; border-style: solid; background-image: url(images/ghostbackwhite.png); left: 5%; top: 5%; position: absolute; z-index: 10; overflow: auto; }
#menu2 { left: 10px; position: absolute; top: 160px; }
#contact1 { font-weight: normal; font-style: normal; font-size: 12px; left: 10px; position: absolute; top: 150px; }
#eventsPage { position: absolute; z-index: 6; left: 169px; top: 120px; height: 500px; width: 696px; background-image: url(images/events-bg-mk3.jpg); }

#eventsMain
	{
	height: 360px;
	width: 576px;
	font-size: 12px;
	font-style: italic;
	left: 54px;
	top: 96px;
	position: absolute;
	padding: 4px;
	margin: 0px;
	vertical-align:top;
	overflow: auto;
	}

#eventsNav
	{
		text-align: right;
		width: 320px;
		font-style: italic;
		font-size: 12px;
		position: absolute;
		left: 300px;
		top: 50px;
	}
	
table.events 	{ width: 550px; border-style: none; margin:0; padding:0; }
#compassOverlay 	{ height: 370px; width: 490px; z-index: 5; left: 0px; position: absolute; top: 0px; }

#hireLink { position: absolute; top: 460px; left: 0px; z-index: 8; }

.commentBlock		{ color: #404040; border-bottom-color: #cda37a; border-bottom-width: 1px; border-bottom-style: solid; padding: 2px; margin: 4px; }

.commentSubtext		{ font-size: 10px; }