/* Stylesheet - Global Styles */
html, body {
	color: #FFF;
	background: #161616 url('images/background.png') center center fixed;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 13px;
}

a:link, a:visited {
	color: #A7AFC4;
	text-decoration: none;
	border-bottom: 1px dotted #A7AFC4;
}

a:hover {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
}

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear span, .clear-left span, .clear-right span {
	display: none;
}

img {
	border: 0;
	vertical-align: middle;
	margin: 0;
}

iframe {
	background: #FFF;
}

#scriptwarning {
	display: block;
	border: 1px solid #C3A6A6;
	color: #F44;
	text-align: center;
	background: #100000;
	margin: 0 0 20px 0;
	padding: 4px 8px;
	font-weight: bold;
	/* A pinch of CSS 3 */
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	moz-box-shadow: 2px 2px 4px #000;
}

/* Stylesheet - Page Width */
#header div.background, #page {
	width: 974px; /* Fixed Width */
}

/* Stylesheet - Header Styles */
#header {
	background: url('images/header-glow.png') bottom center repeat-x;
	margin: 0;
	padding: 0 0 10px 0;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
}

#header div.glow {
	background: #111 url('images/header-background.jpg') top center repeat-x;
}

#header div.background {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url('images/logo-left.gif') left center no-repeat;
}

#header div.background h1 {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url('images/logo-right.gif') right center no-repeat;
}

#header div.background h1 a {
	display: block;
	height: 150px;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	outline: none;
	background: url('images/logo.png') center center no-repeat;
}

#header div.background h1 a span {
	display: none;
}

/* Stylesheet - General Styles */
#page {
	margin: 0 auto;
	text-align: left;
	padding: 180px 0 0 0;
}

/* Stylesheet - Layout Styles */
#sidebar {
	width: 150px;
	float: right;
	margin: 0;
	padding: 0;
}

#contents {
	margin: 0 170px 0 0;
	padding: 0;
}

#contents.wide {
	margin: 0;
}

/* Stylesheet - Sidebar Styles */
#sidebar {
	border: 1px solid #A7AFC4;
	border-top: 0;
	background: url('images/content-background.png');
	margin: 0 0 20px 0;
	padding: 0;
	/* A pinch of CSS 3 */
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	moz-box-shadow: 2px 2px 4px #000;
}

#sidebar .block {
	border-top: 1px solid #A7AFC4;
	padding: 0;
	overflow: hidden;
}

#sidebar .block .header {
	background: url('images/sidebar-header.png') top center repeat-y;
	padding: 0;
	text-align: center;
	font-weight: bold;
	position: relative;
}

#sidebar .block .header .expand {
	background: url('images/icon-expand.png') no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	position: absolute;
	right: 0.5em;
	top: 37%;
	height: 8px;
	width: 8px;
}

#sidebar .block .header .collapse {
	background: url('images/icon-collapse.png') no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	position: absolute;
	right: 0.5em;
	top: 37%;
	height: 8px;
	width: 8px;
}

#sidebar .block .header a:link, #sidebar .block .header a:visited {
	display: block;
	border: 0;
	padding: 4px 8px;
	margin: 0;
	color: #FFF;
}

#sidebar .block .header a:hover {
	background: url('images/sidebar-header-hover.png') 0px 50% repeat-y;
}

#sidebar .block ul.links {
	list-style: none;
	padding: 0;
	margin: 0 0 -1px 0;
}

#sidebar .block ul.links li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #A7AFC4;
}

#sidebar .block ul.links li a:link, #sidebar .block ul.links li a:visited {
	display: block;
	margin: 0;
	padding: 4px 8px;
	background: transparent;
	border: 0;
	color: #FFF;
}

#sidebar .block ul.links li a:hover {
	background: url('images/content-background-hover.png');
}

/* Stylesheet - Content Styles */
#contents .block {
	border: 1px solid #A7AFC4;
	background: url('images/content-background.png');
	margin: 0 0 20px 0;
	padding: 0;
	/* A pinch of CSS 3 */
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	moz-box-shadow: 2px 2px 4px #000;
}

#contents .block .header {
	border-bottom: 1px solid #A7AFC4;
	background: url('images/contents-header.png') top center repeat-y;
	padding: 4px 8px;
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 13px;
	margin: 0;
}

#contents.wide .block .header {
	background-image: url('images/contents-header-wide.png');
}

#contents .block .contents {
	padding: 4px 8px;
	text-align: justify;
}

#contents .block .contents p {
	margin: 20px 0 0 0;
}

#contents .block .contents p.first {
	margin: 0;
}

/* Stylesheet - Footer Styles */
#footer {
	clear: both;
	border: 1px solid #A7AFC4;
	background: url('images/content-background.png');
	margin: 0 0 20px 0;
	padding: 4px 8px;
	text-align: center;
	/* A pinch of CSS 3 */
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	moz-box-shadow: 2px 2px 4px #000;
}

/* Stylesheet - Tabs (No JS) Styles */
.tabs {
	margin: 20px 0 0 0;
}

.tabs .toc {
	list-style: none;
	margin: 0 0 10px 10px;
	padding: 0;
	border: 1px solid #A7AFC4;
	float: right;
	width: 150px;
	text-align: left;
	background: url('images/content-background.png');
	/* A pinch of CSS 3 */
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	moz-box-shadow: 2px 2px 4px #000;
}

.tabs .toc li {
	margin: 0;
	padding: 0;
}

.tabs .toc .contents-header h3 {
	margin: 0;
	padding: 4px 8px;
	line-height: 1.4;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 13px;
	border-bottom: 1px solid #A7AFC4;
	background: url('images/sidebar-header.png') top center repeat-y;
}

.tabs .toc li a:link, .tabs .toc li a:visited {
	display: block;
	margin: 0;
	padding: 4px 8px;
	background: transparent;
	border: 0;
	color: #A7AFC4;
}

.tabs .toc li a:hover {
	color: #FFF;
	background: url('images/content-background-hover.png');
}

.tabs .section {
	margin: 0 0 10px 0;
	padding: 0;
}

.tabs .section h3 {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 13px;
	border-bottom: 1px dotted #A7AFC4;
	margin: 0 0 3px 0;
	padding: 4px 0;
}

/* Stylesheet - Tabs (JS) Styles */
.tabs.ui-tabs h3, .tabs.ui-tabs .ui-tabs-nav li.contents-header {
	display: none;
}

.tabs.ui-tabs .ui-tabs-nav {
	border: 0;
	border-bottom: 1px solid #A7AFC4;
	background: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	/* A pinch of CSS 3 */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	moz-box-shadow: none;
}

.tabs.ui-tabs .ui-tabs-nav li {
	background: #000;
	float: left;
	margin: 0 0 -1px 3px;
	padding: 0;
	border: 1px solid #A7AFC4;
	font-weight: bold;
}

.tabs.ui-tabs .ui-tabs-nav li.ui-state-active {
	background: #000;
}

.tabs.ui-tabs .ui-tabs-nav li.ui-state-hover {
	background: #1D2333;
}

.tabs.ui-tabs .ui-tabs-nav li a:link, .tabs.ui-tabs .ui-tabs-nav li a:visited, .tabs.ui-tabs .ui-tabs-nav li a:hover {
	background: none;
	color: #FFF;
}

.tabs.ui-tabs .ui-tabs-nav li.ui-state-active a:link, .tabs.ui-tabs .ui-tabs-nav li.ui-state-active a:visited, .tabs.ui-tabs .ui-tabs-nav li.ui-state-active a:hover {
	border-bottom: 1px solid #000;
	margin-bottom: -1px;
}

.tabs.ui-tabs .ui-tabs-nav li.ui-state-hover a:link, .tabs.ui-tabs .ui-tabs-nav li.ui-state-hover a:visited, .tabs.ui-tabs .ui-tabs-nav li.ui-state-hover a:hover {
	border-bottom: 1px solid #A7AFC4;
	margin-bottom: -1px;
}

.tabs.ui-tabs .section.ui-tabs-panel {
	border: 1px solid #A7AFC4;
	border-top: 0;
	clear: left;
	background: #000;
	padding: 4px 8px;
	/* A pinch of CSS 3 */
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	moz-box-shadow: 2px 2px 4px #000;
}

.tabs.ui-tabs .section.ui-tabs-hide {
	display: none;
}