/******COLORS******

normal text and outlines (dark): #31070B
block background and inverse text (light): #EADFDB
sidebar background (medium dark): #74283D
calendar day and h2 background (medium): #74283D

link: #2900AF
active link: #FFB601
visited link: #757575

 ******COLORS******/ 

/******SECTIONS******/

html, body {
	height: 100%;
	}

body {
	background-color: #000000; 
	margin: 0px;
	padding: 0px;
	text-align:center;
	}

/* a centered stripe of content, 750px wide and at least as tall as the window */
#block {
	width: 750px;
	background-color: #000000;
	margin: auto;
	color: #000000;
	position: relative;
	min-height: 101%;
	overflow: visible;
	text-align: left;
	}

/* a column for text on the right side of the block */
div.bodytext {
	position:relative;
	top: 0px;
	left: 170px;
	width: 400px;
	text-align: left;
	font-family: "lucida grande", verdana, arial, sans-serif;
	font-size: 12px;
	}

/* boxes to make the Odyssey translation appear on hover */
.translation1 {
	position: absolute;
	top: 108px;
	left: 65px;
	width: 450px;
	height: 30px;
	}

.translation2 {
	position: absolute;
	top: 138px;
	left: 65px;
	width: 450px;
	height: 25px;
	}

.translation3 {
	position: absolute;
	top: 163px;
	left: 65px;
	width: 450px;
	height: 25px;
	}

.translation4 {
	position: absolute;
	top: 188px;
	left: 65px;
	width: 450px;
	height: 30px;
	}

/* for boxed sidebar content within the contact div column */
.sidebar {
	position: absolute;
	left: -198px;
	width: 146px;
	padding: 4px;
	background-color: #74283D;
	color: #EADFDB;
	border: 1px solid #31070B;
	}

/******TEXT STYLES******/
h1 {
	font-family: "lucida grande", verdana, arial, sans-serif;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0px;
	}

h1.dir {
	color: #D00007;
	font-family: "lucida grande", verdana, arial, sans-serif;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0px;
	}

h2 {
	font-family: "lucida grande", verdana, arial, sans-serif;
	font-size: 110%;
	margin-left: 10px;
	}

p.h2 {
	margin-left: 23px;
	font-size: 80%;
	}

h3 {
	font-weight: bold;
	font-family: "lucida grande", verdana, arial, sans-serif;
	font-size: 110%;
	}

.dropcap {
	float:left;
	font-size:280%;
	padding:2px;
	font-family:  "lucida grande", verdana, arial, sans-serif;
	line-height:75%;
	}

/******PARAGRAPH STYLES******/

p.centered {
	text-align: center;
	text-indent:0;
	}

.right {
	text-align:right;
	font-size:9px;
	}

.ind {
	position: relative;
	left: 20px;
	}

.blockquote {
	width: 350px;
	margin: auto;
	font-size: 12px;
	font-style: italic;
	}

/******LINK STYLES******/

a.ralign {
	text-align:center;
	font-size:10px;
	}

a:link {
	color: #2900AF;
	font-weight: bold;
	text-decoration: none;
	}
a:visited {
	color: #757575;
	font-weight:bold;
	text-decoration: none;
	}
a:active, a:hover {
	color: #FFB601;
	text-decoration: none;
	}

/******HEADER IMAGE MAP******/
/* creates invisible box links on a background image */
/* thanks to Stuart Robertson at http://alistapart.com/articles/imagemap */

.map {
	border: 0px;
	width: 750px;
	height: 300px;
	}

#navmap a {
	position: absolute;
	}

#navmap a span {
	visibility:hidden;
	}

a#hm {
	width:80px;
	left:630px;
	top: 445px;
	height: 28px;
	}

a#hom {
	width:40px;
	left:545px;
	top: 117px;
	height: 40px;
	}

a#cer {
	width:40px;
	left:588px;
	top: 82px;
	height: 40px;
	}

a#hot {
	width:44px;
	left:497px;
	top: 84px;
	height: 40px;
	}

a#dir {
	width:40px;
	left:515px;
	top: 165px;
	height: 45px;
	}

a#hsq {	
	width:40px;
	left:606px;
	top: 165px;
	height: 40px;
	}

a#hid {
	width:48px;
	left:65px;
	top: 115px;
	height: 50px;
	}

/******LISTS******/

ol.123 {
	list-style-type: decimal;
	}

ol.abc {
	list-style-type: lower-alpha;
	}