html {
    overflow: auto;
	margin: auto;
	width: 100%;
}

body {
    overflow: auto;
	margin: auto;
	width: 100%;
	text-align: center;
	background-color: #000000;
	background-image: url('../images/bg_tile.gif');
	background-repeat: repeat;
	background-attachment: fixed;
	font-size: 100%;
	font-family: Arial;
	color: #000000;
}

#basewrapper {
	display: block;
	position: relative;
	min-width: 600px;
	max-width: 652px;
	margin: auto;
	background-color: #000000;
	overflow: auto;
}

.pillar {
	display: block;
	position: relative;
	float: left;
	width: 26px;
	background-color: #000000;
	background-image: url('../images/pillar.gif');
	background-repeat: repeat-y;
}

#main {
	display: block;
	position: relative;
	float: left;
	width: 600px;
	background-color: #000000;
}

/* Header image */

#main > a {
	display: block;
	position: relative;
	width: 100%;
	height: 107px;
}

#header_img {
	border: none;
}

/* navmenu css... */

.navmenu {
	display: block;
	position: relative;
	width: 100%;
	height: 34px;
	border-top: 4px double #B3B3B3;
	border-bottom: 4px double #B3B3B3;
}

.navmenu a {
	height: 34px;
	text-decoration: none;
	display: inline-block;
}

.navmenu .item,
.navmenu .lastitem {
	display: inline-block;
	position: relative;
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
	padding: 0 20px;
	margin: 0;
	color: #B3B3B3;
	font-family: Arial;
	border-left: 1px solid #B3B3B3;
}

.navmenu .lastitem {
	border-right: 1px solid #B3B3B3;
}

/* imagecontrols css */

.imagecontrols {
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
}

.imagecontrols a {
	display: inline-block;
	height: 25px;
	padding: 2px;
	margin-top: 5px;
	text-decoration: none;
}

.imagecontrols a > .start,
.imagecontrols a > .back,
.imagecontrols a > .forward,
.imagecontrols a > .end {
	display: inline-block;
	position: relative;
	width: 21px;
	height: 25px;
	border: none;
}

.imagecontrols .item {
	display: inline-block;
	position: relative;
	height: 25px;
	line-height: 25px;
	padding: 2px;
	margin-top: 5px;
	color: #FFFFFF;
	vertical-align: top;
}

.imagecontrols a > .start {
	background-image: url('../images/start_off.gif');
}

.imagecontrols a:hover > .start {
	background-image: url('../images/start.gif');
}

.imagecontrols a > .back {
	background-image: url('../images/back.gif');
}

.imagecontrols a:hover > .back {
	background-image: url('../images/back_on.gif');
}

.imagecontrols a > .forward {
	background-image: url('../images/forward.gif');
}

.imagecontrols a:hover > .forward {
	background-image: url('../images/forward_on.gif');
}

.imagecontrols a > .end {
	background-image: url('../images/end_off.gif');
}

.imagecontrols a:hover > .end {
	background-image: url('../images/end_on.gif');
}

.imagecontrols > #scheduledupdate {
	position: absolute;
	display: block;
	top: 0;
	left: 15px;
	padding: 0;
	margin: 0;
	color: #999999;
	font-size: 80%;
}

/* main area locations */

#mainimage {
	display: block;
	position: relative;
	width: 100%;
	margin: auto;
	overflow: hidden;
}

#maintalk {
	display: block;
	position: relative;
	width: auto;
	margin: auto;
	padding: 10px 20px;
	background-color: #D1D3D4;
	text-align: left;
}

.talk_title {
	display: block;
	position: relative;
	width: auto;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 120%;
	font-weight: bold;
}

.talk_date {
	display: block;
	position: relative;
	width: auto;
	margin: 0;
	padding: 0 0 10px 0;
	color: #999999;
	font-size: 80%;
}

.talk_text {
	display: block;
	position: relative;
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

.talk_text p {
	display: block;
	position: relative;
	width: auto;
	margin: 0;
	padding: 0;
}

#mapimage {
	display: block;
	position: relative;
	width: 100%;
	margin: auto;
}

#abouttext {
	display: block;
	position: relative;
	width: auto;
	margin: auto;
	padding: 7px 10px;
	background-color: #D1D3D4;
}

#abouttext p {
	display: block;
	position: relative;
	margin: 0;
	padding: 7px 0;
	text-align: left;
}

#historytext {
	display: block;
	position: relative;
	width: auto;
	margin: auto;
	padding: 7px 10px;
	background-color: #D1D3D4;
	text-align: left;
}

#historytext p {
	display: block;
	position: relative;
	margin: 0;
	padding: 7px 0;
}

#characterstext {
	display: block;
	position: relative;
	width: auto;
	margin: auto;
	padding: 20px;
	background-color: #D1D3D4;
	text-align: left;
}

.charactersection {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	overflow: auto;
}

.charactersection img.floatleft {
	display: block;
	position: relative;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

.charactersection img.floatright {
	display: block;
	position: relative;
	float: right;
	margin: 0 0 0 15px;
	padding: 0;
}

.charactersection div {
	display: block;
	position: relative;
	width: 395px;
	margin: 0;
	padding: 0;
	float: left;
}

.charactersection div h4 {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 140%;
	font-weight: bold;
}

.charactersection div p {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

#characterstext hr {
	display: block;
	position: relative;
	width: auto;
	margin: 20px 0 15px 0;
	padding: 0;
}

/* Seperators */

.separator_a {
	display: block;
	position: relative;
	width: 600px;
	height: 56px;
	background-color: #000000;
	background-image: url('../images/bottom_bar.gif');
	background-repeat: repeat-y;
}

.separator_b {
	display: block;
	position: relative;
	width: 600px;
	height: 133px;
	background-color: #D1D3D4;
	background-image: url('../images/top_graphic_history.gif');
	background-repeat: repeat-y;
}

.separator_c {
	display: block;
	position: relative;
	width: 600px;
	height: 116px;
	background-color: #000000;
	background-image: url('../images/bottom_graphic_history.gif');
	background-repeat: repeat-y;
}

.separator_d {
	display: block;
	position: relative;
	width: 600px;
	height: 10px;
	background-color: #D1D3D4;
	background-image: url('../images/shadow_bar.gif');
	background-repeat: repeat-y;
}

/* Social buttons */

.socialbuttons {
	display: block;
	position: relative;
	width: auto;
	height: 50px;
	text-align: right;
	vertical-align: middle;
}

.socialrss {
	display: block;
	position: absolute;
	width: auto;
	height: 28px;
	top: 12px;
	left: 20px;
	color: #ffffff;
}

.socialrss a {
	color: #ffffff;
	text-decoration: none;
}

.socialrss a img {
	margin-right: 10px;
	border: none;
}

.socialfacebook {
	display: block;
	position: absolute;
	width: auto;
	height: 30px;
	top: 10px;
	left: 100px;
}

.socialgoogle {
	display: block;
	position: absolute;
	width: auto;
	height: 30px;
	top: 10px;
	left: 200px;
}