/* For the footer.js file, I had to insert inline styles to color the pipes separating the nav options.
You must go into footer.js to change the color of the dividing pipes. */

/* The only difference between this file and codex.css is the body. The BODY background is the fleur de lys .gif here; it's #7f0000 the background for codex_terms.html and the definitions .html files. You can literally cut and paste everything other than the BODY bock from main.css if you want to change the color scheme. */

/* Some of the codex .html files have internally defined BODY background attributes. This is so the background for the codex page will tile seamlessly. The linked background images in these codex .html files will have to be changed if you want to change the color scheme for the codex page. */

body {
	background-attachment: fixed;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
	padding: 10px 0px;
}
table {
	background-color: #7f0000;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
h1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffcc;
	text-decoration: none;
	letter-spacing: 0.02em;
}
h2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFCC;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.02em;
}
h2 strong {
	color:#FFFFFF;
}
h2 em {
	color:#FFFFFF;
}
h3 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 19px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffcc;
	text-decoration: none;
	letter-spacing: 0.02em;
}
p {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	font-weight: light;
	font-variant: normal;
	color: #ffffcc;
	letter-spacing: 0.03em;
}

em {
	font-style: italic;
	font-weight: normal;
}
strong {
	font-weight: bold;
}
a:link {
	font-weight: bold;
	text-decoration: none;
	color: #FFCC66;
}
a:visited {
	font-weight: bold;
	color: #E0BD72;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
.small {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffcc;
	text-decoration: none;
	text-align: left;
}
.footer {
	color: #4f0000;
	font-family: Georgia, Times New Roman, Times, serif;
	text-decoration: none;
	word-spacing: 0.75em;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.footer a:link {
	font-weight: normal;
	text-decoration: none;
	color: #4f0000;
}
.footer a:visited {
	font-weight: normal;
	color: #4f0000;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
	color: #4f0000;
}

.legal {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	line-height: 13px;
	word-spacing: normal;
	color: #4f0000;
}
.legal a:link {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	word-spacing: normal;
	color: #4f0000;
}
.legal a:visited {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	word-spacing: normal;
	color: #4f0000;
}
.legal a:hover {
	font-size: 10px;
	font-style: normal;
	text-decoration: underline;
	text-align: center;
	word-spacing: normal;
	color: #4f0000;
}

.borderedimage {
	padding: 3px;
	background-color: #4F0000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 3px;
}

.text {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffcc;
	text-decoration: none;
	word-spacing: 0em;
	letter-spacing: 0.03em;
	background-position: left;
	text-align: left;
}
.contentimage {

	padding: 0px;
	background-position: center center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border: 0px;
}
.imagetable {
	margin-bottom: 0px;
	padding: 0px 0px 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px none;
}
.vertdivider {
	background-image: url(../images/px_dkred.gif);
	background-repeat: repeat-y;
	background-position: center center;
}
.subnav {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	line-height: 18px;
	font-style: normal;
	letter-spacing: .03em;
	word-spacing: .2em;
	color: #ffffcc;
}
.bullet {
	padding: 0px;
	margin: 4px 4px 0px 7px;
}
.bullet2line {
	margin: 8px 4px 5px 0px;
	padding: 3px 0px 0px;
}
.storyhead {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffcc;
	text-decoration: none;
	word-spacing: .02em;
}

.storyheadwhite {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffcc;
	text-decoration: none;
	word-spacing: .02em;
}

.storysubhead {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffcc;
	text-decoration: none;
	text-align: center;
}
.horizdivider {
	background-image: url(../images/px_dkred.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
.yellow {
	color: #ffffcc;
}
.dark {
	color: #4f0000;
}
.txt12 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	text-transform: none;
	color: #ffffcc;
}
ol {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	color: #ffffcc;
}
.characterhead {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffcc;
	text-decoration: none;
}
.characterlink {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.terms a:link {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffcc66;
	text-decoration: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.terms a:visited {
	color: #E0BD72;
	font-weight: normal;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-variant: normal;
	text-transform: none;
}
.terms a:hover {
	color: #FFFFFF;
	font-weight: normal;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-variant: normal;
	text-decoration: none;
}.white {
	color: #FFFFFF;
}
.storyheadwhite a:link {
	color: #FFFFFF;
}
.storyheadwhite a:visited {
	color: #FFFFFF;
}
.storyheadwhite a:hover {
	color: #FFFFFF;
}