body {
	margin: 50px auto; padding: 0px; background: #222F42 url("../images/background.jpg") no-repeat 50% 0%; /* 251923 */
	/* font-family: verdana, arial, helvetica, sans-serif; */
	font: 68%/1.4 verdana, arial, helvetica, sans-serif; color: #FFAA00; text-align: center;
}

table {
	width: 70%; margin: 0 15% 1.6em 15%; font-size: 1em; border: 1px solid #999999; background: #243966; border-collapse: collapse;
}
caption {
	display: none; padding: 8px; font-size: 0.9em;
}
th {
	padding: 0.4em; border-bottom: 1px solid #999999; background: #546996; color: #ADBACE; font-weight: bold; text-align: center; font-variant: small-caps; 
}
td {
	padding: 0.2em 0.8em;  
}

img {
	display: block; margin: 0px; border: none; padding: 0px;
}

a:link {
	color: #F0CC76; text-decoration: underline;
}
a:visited {
	color: #FFAA00; text-decoration: underline;
}
a:hover {
	color: #ADBACE; text-decoration: underline;
}
a:active {
	color: #F0CC76; text-decoration: underline;
}


h1 {
	margin-bottom: 0.4em; font-family: Garamond, Times New Roman, serif; font-size: 4em; font-variant: small-caps;
}

h2 {
	margin-bottom: 0.4em; font-family: Garamond, Times New Roman, serif; font-size: 2em; font-variant: small-caps;
}

h3 {
	margin-bottom: 0.2em; font-family: Garamond, Times New Roman, serif; font-size: 1.4em; text-transform: uppercase; text-align: left; 
}

h4 {
	margin-bottom: 0.1em; font-size: 1.1em; font-variant: small-caps;
}

p {
	margin: 0px; margin-bottom: 1.4em; 
}

strong {
	font-weight: bold; 
}
em {
	font-style: italic; 
}
dfn {
	cursor: help; 
}
code {
	color: #F0CC76; font-size: 1.0em;
}
samp {
	color: #F0CC76; font-size: 1.0em;
}
kbd {
	color: #F0CC76; font-size: 1.0em;
}
var {
	color: #F0CC76; font-size: 1.0em;
}
cite {
	color: #F0CC76; font-size: 1.0em;
}
pre {
	color: #F0CC76; font-size: 1.0em;
}
acronym {
	cursor: help;
}
abbr {
	cursor: help;
}

blockquote {
	margin: 0px 3.5em;
}
q {
	font-style: italic; color: #F0CC76;
}

ul {
	margin-top: 0px; margin-bottom: 1.2em;
}
ol {
	margin-top: 0px; margin-bottom: 1.2em;
}

dl {
	margin-bottom: 1.4em; 
}
dt {
	margin: 1.4em 0 0.3em 0; font-weight: bold;
}
dt img {
	display: inline; margin: 0px 1em -3px 0px; 
}
dd {
	margin: 0px;
}

hr {
	width: 50%; height: 1px; margin: 0 auto; margin-bottom: 0.6em; border-bottom: 1px solid #F0CC76; color: #F0CC76;
}

form {
	text-align: center;
}
fieldset {
	display: block; width: 37em; margin: 0 auto 1em auto; border: none; margin: 6px 0px; text-align: left;
}
label {
	float: left; width: 15em; text-align: left;
}
input, select {
	font-size: 1em;
}
select {
	width: 14.4em;
}
input:focus, select:focus {
	background: #EEEEEE; color: #CC9966;
}
submit, reset, button {
}
.formButton {
	text-align: center;
}


/*/////////////////////////////////////////////////
CLASS and ID Styles
/////////////////////////////////////////////////*/

#container {
	position: relative; width: 691px; _width: 745px; 
	margin: 0px auto; border: none; padding: 0px 27px; 
}

#index {
	position: relative; display: table; height: 100%; 
	margin: 0px auto; background-image: none; text-align: center; vertical-align: middle; 
}

#index #container { 
	position: relative; display: table-cell; width: 384px; height: 559px; 
	border: none; background: transparent; vertical-align: middle; 
}

#index #container img {
	border: 6px solid #FFAA00; background-color: #344976; 
}

.masthead { 
	height: 0 !important; height /**/: 216px; overflow: hidden; 
	margin: 0px; border: none; padding: 0px; padding-top: 216px; 
	background: transparent url("../images/spacer.gif") no-repeat 100% 0%; 
}

#jen { background-image: url("../images/mastheadJen.jpg"); }
#kira { background-image: url("../images/mastheadKira.jpg"); }
#aughra { background-image: url("../images/mastheadAughra.jpg"); }
#urSkek { background-image: url("../images/mastheadUrSkek.jpg"); }
#urSu { background-image: url("../images/mastheadUrSu.jpg"); }
#gelfling { background-image: url("../images/mastheadGelfling.jpg"); }
#podlings { background-image: url("../images/mastheadPodlings.jpg"); }
#garthim { background-image: url("../images/mastheadGarthim.jpg"); }
#landstrider { background-image: url("../images/mastheadLandstrider.jpg"); }

#crystal { background-image: url("../images/mastheadCrystal.jpg"); }
#history { background-image: url("../images/mastheadHistory.jpg"); }
#darkened { background-image: url("../images/mastheadDarkened.jpg"); }
#prophecy { background-image: url("../images/mastheadProphecy.jpg"); }
#film { background-image: url("../images/mastheadFilm.jpg"); }
#download { background-image: url("../images/mastheadDownload.jpg"); }
#siteMap { background-image: url("../images/mastheadSiteMap.jpg"); }


#nav {
	display: block; width: auto; _width: 100%; 
	margin: 0px; margin-right: 10px; margin-bottom: 10px; border: none; padding: 4px; 
	list-style-type: none; text-align: left; overflow: auto; 
}

#nav li {
	float: left; height: 32px; margin: 0px; margin-right: 12px; border: none; padding: 0px;
}

#nav li#nav04, #nav li#nav05, #nav li#nav06 { float: right; }

#nav li a {
	display: block; width: auto; height: 0 !important; height /**/: 32px; overflow: hidden; 
	margin: 0; padding: 0; padding-top: 32px; background: transpatent url("../images/spacer.gif") no-repeat top left; 
}

#nav li#nav01 a { width: 37px; background-image: url("../images/navHome.gif"); }
#nav li#nav02 a { width: 85px; background-image: url("../images/navCharacters.gif"); }
#nav li#nav03 a { width: 48px; background-image: url("../images/navStory.gif"); }
#nav li#nav04 a { width: 38px; background-image: url("../images/navFilm.gif"); }
#nav li#nav05 a { width: 61px; background-image: url("../images/navGallery.gif"); }
#nav li#nav06 a { width: 83px; background-image: url("../images/navDownload.gif"); }

#primaryNavigation, #secondaryNavigation {
	text-align: left;
}

#characters, #mystics, #skeksis, #story, #filmPages, #gallery, #downloads {
	display: block;
}

#content {
	display: block; margin: 0px -24px; border: none; padding: 0px 55px; padding-bottom: 2.0em; background: transparent url("../images/backgroundContent.gif") repeat-y; text-align: justify;
}

.film, .film h2, .film h3 {
	text-align: center !important; 
}

#wallpapers {
	display: inline; float: left; width: 100%; margin-bottom: 1em; 
}
#wallpapers dt {
	display: inline; float: left; width: 100px; height: 75px; margin: 0px 0px 15px 0px; padding: 0px; 
}
#wallpapers dt img {
	display: block; margin: 0px; border: 1px solid #FFAA00; background: #243966; /* #ADBACE #F0CC76 */
}
#wallpapers dd {
	display: inline; float: left; width: 100px; height: 75px; margin: 0px 0px 15px 0px; padding: 0px 10px; 
}
#wallpapers dd ul {
	margin: 0px; list-style-type: none;  
}
#wallpapers dd li {
	margin: 0px; margin-bottom: 0.5em; 
}

#tradingCards {
	margin: 0px; padding: 0px; 
}
#tradingCards li {
	display: inline; float: left; padding: 8px; text-align: center; 
}
#tradingCards li img {
	display: block; margin-bottom: 5px; text-align: center; border: 1px solid #FFAA00; background: #243966; /* #ADBACE #F0CC76 */
}
#tradingCards li p {
	display: block; margin: 0px; 
}

.character {
	width: 50%; text-align: right; vertical-align: top; 
}

.crew {
	width: 50%; text-align: left; vertical-align: top; 
}
.footnote {
	margin: 0px; margin-top: 3em; font-size: 90%; color: #6479A6; 
}

#footer {
	display: block; margin: 0px -25px; padding: 10px 0px 50px 0px; background: transparent url("../images/backgroundFooter.gif") no-repeat 50% 100%; text-align: center; 
}
#footer ul {
	display: block; clear: both; margin: 0px; padding: 0.6em 0em; list-style-type: none; 
}
#footer ul li {
	display: inline; margin: 0px; padding: 0em 0.4em;
}
#validate li {
	display: inline; margin: 0px; padding: 0em 0.4em;
}