/* commented backslash hides from ie5mac \*/
html {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}
/* end hack */
html, body {
	background-color: #ffffff;
	color: #444d54;
	font: 11px Tahoma, sans-serif;
	margin: 0;
	padding: 0;
}
body {
	background-color: #ffffff;
	height: 100%;
	min-width: 1000px; /* for mozilla */
	text-align: left;
}
#wrapper {
	background-color: #dedede;
	_height: 100%; /* for ie */
}
	#wrapper p {
		line-height: 15px;
		margin: 5px 0;
	}
	#wrapper a {
		color: #777d82;
		font-weight: bold;
		text-decoration: underline;
	}
	#wrapper a:hover {
		color: #444d54;
		text-decoration: none;
	}
	#wrapper a:focus {
		outline: 0;
	}
#outer {
	background-color: #f1f1f1;
	height: 99.9%;
	margin: 0 auto;
	min-height: 100%;
	overflow: visible;
	position: relative;
	text-align: left;
	width: 1000px;
}
/* mac hide \*/
* html #outer {
	width: 1000px;
}
/* end hide */
html>body #outer {
	height: auto; /* for mozilla as ie treats height as min-height anyway */
}
#inner {
	padding-top: 300px; /* needed to make room for header */
	/*padding-top: 380px;*/
	width: 100%;
}
#header {
	background: url(img/wall.gif) repeat-x left bottom;
	height: 250px;
	left: 5px;
	margin-top: 0;
	/*margin-top: 80px;*/
	position: absolute;
	top: 0;
	width: 990px;
	z-index: 10;
}
/* mac hide \*/
* html #header {
	width: 990px;
}
/* end hide */
#logo {
	height: 105px;
	left: 70px;
	position: absolute;
	text-indent: -5000px;
	top: 60px;
	width: 120px;
	z-index: 20;
}
#door {
	background: url(img/door.png) no-repeat left bottom;
	height: 165px;
	left: 265px;
	position: absolute;
	top: 52px;
	width: 121px;
	z-index: 30;
}
#pointer {
	background: url(img/pointer.gif) no-repeat left top;
	color: #f1f1f1;
	font-size: 80%;
	height: 25px;
	left: 470px;
	line-height: 25px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 105px;
	width: 124px;
	z-index: 30;
}
#switch {
	height: 212px;
	position: absolute;
	right: 0;
	top: 0;
	width: 290px;
	z-index: 30;
}
#panel {
	background-color: #cbd5dc;
	border-right: 4px solid #b3c1ca;
	font-size: 80%;
	height: 10px;
	left: 0;
	padding: 10px 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 696px;
	z-index: 30;
}
#panel a {
	font-weight: bold;
}
#panel span {
	border-right: 1px dotted #909fa9;
	margin-right: 10px;
	padding: 0 10px 0 5px;
}
#panel .orange {
	color: #fd6500;
}
#panel .green {
	color: #3dad06;
}
#panel .blue {
	border: 0;
	color: #00a5ea;
	margin: 0;
	padding-right: 0;
}

#topmenu {
	background: #e3e4e5 url(img/menu.gif) repeat-x left top;
	height: 50px;
	margin-top: 1px;
	position: absolute;
	left: 0;
	top: 250px;
	width: 990px;
	z-index: 400;
}
#footer {
	background: #d6dade;
	bottom: 5px;
	clear: both;
	height: 250px;
	left: 5px;
	position: absolute;
	_position: relative; /* ie bug */
	width: 990px;
}
/* ie rounding bug */
* html #footer {
	margin-bottom: -1px;
}
/* mac hide \*/
* html #footer {
	/* only ie gets this style */
	height: 250px;
	/* for ie */
}
/* end hide*/
/* to clear footer */
#clearfooter {
	clear: both;
	height: 250px;
	_height: 0; /* for ie */
	width: 100%;
}
/* safari wrapper */
html>body #minHeight {
	float: left;
	height: 100%;
	margin-bottom: -250px;
	width: 0;
}
#sitemap {
	border-bottom: 5px solid #ffffff;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 50;
}
	#sitemap .category {
		border-left: 5px solid #ffffff;
		float: left;
		height: 190px;
		margin: 0;
		padding: 10px 5px;
		width: 180px;
		overflow: hidden;
	}
	#sitemap .first {
		border: 0;
	}
	#sitemap .category a {
		color: #000000;
		font-weight: bold;
		padding: 0 10px;
		text-decoration: none;
		text-transform: uppercase;
	}
	#sitemap .category a:hover {
		text-decoration: underline;
	}
	#sitemap .category ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#sitemap .category ul li {
		margin: 0;
		padding: 5px 0;
	}
	#sitemap .category ul li a {
		color: #777d82;
		font: normal 80% Tahoma, sans-serif;
		text-decoration: none;
		text-transform: none;
	}
	#sitemap .category ul li a:hover {
		color: #444d54;
		text-decoration: underline;
	}
#copyright {
	height: 25px;
	position: absolute;
	left: 15px;
	bottom: 0;
	width: 50%;
	z-index: 60;
}
	#copyright span {
		color: #777d82;
		float: left;
		font-size: 90%;
		text-align: left;
	}
	#copyright a {
		border-left: 1px dotted #909fa9;
		color: #444d54;
		font-weight: normal;
		margin-left: 15px;
		padding-left: 15px;
		text-decoration: none;
	}
	#copyright a:hover {
		text-decoration: underline;
	}
#counter {
	height: 25px;
	text-align: right;
	position: absolute;
	right: 15px;
	bottom: 0;
	width: 50%;
	z-index: 70;
}
	#counter img {
		border: 0;
		margin: 0;
	}
#center {
	float: left;
	width: 478px; /* set 2px less than center width */
	z-index: 300;
}
#center-inner {
	padding: 0;
	text-align: left;
}
#content {
	padding: 0;
	z-index: 310;
}
	#content .block {
		margin: 0;
		padding: 5px;
	}
#left {
	float: left;
	overflow: hidden; /* ie expanding box fix */
	width: 260px;
	z-index: 100;
}
#left-inner {
	padding: 0;
	text-align: left;
}
#left-sidebar {
	padding: 0;
	z-index: 110;
}
	#left-sidebar .block {
		margin: 0;
		padding: 5px 5px 5px 15px;
	}
#right {
	float: right;
	overflow: hidden; /* ie expanding box fix */
	width: 260px;
	z-index: 200;
}
#right-inner {
	padding: 0;
	text-align: left;
}
#right-sidebar {
	padding: 0;
	z-index: 210;
}
	#right-sidebar .block {
		margin: 0;
		padding: 5px 15px 5px 5px;
	}
h1 {
	font: bold 140%/18px Arial Narrow;
	margin: 10px 0;
	text-transform: uppercase;
}
h2 {
	border-left: 3px solid #b3c1ca;
	font: 130%/15px Arial Narrow;
	margin: 10px 0;
	padding-left: 10px;
	text-transform: uppercase;
}
h3 {
	font: bold 110%/15px Tahoma;
}
.block ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	.block ul li, .block ol li {
		margin: 0 10px;
		padding: 2px 0 5px 10px;
	}
	.block ul li {
		background: url(img/li.gif) no-repeat 0 center;
	}
	.block ul li a, .block ol li a {
		color: #777d82;
		text-decoration: underline;
	}
.fillbar-outer {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	font-size: 1px;
	height: 6px;
	margin: 0;
	padding: 0;
}
.fillbar-inner {
	background-color: #646464;
	font-size: 1px;
	height: 4px;
	margin: 1px;
	padding: 0;
}
.bg-orange {
	background-color: #fd6500;
}
.bg-green {
	background-color: #3dad06;
}
.bg-blue {
	background-color: #00a5ea;
}
table {
	border: 0;
	border-collapse: collapse;
	margin: 10px 0;
	width: 98%;
}
	tr {
		text-align: left;
	}
	th {
		background-color: #dfe8ea;
		border-left: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
		font-weight: bold;
		padding: 10px;
		text-align: center;
	}
	td {
		border-left: 1px solid #f1f1f1;
		border-bottom: 1px dotted #b3c1ca;
		padding: 5px 10px;
	}
	table.cnt tr td {
		text-align: center;
	}
p.source {
	color: #b0b0b0;
	padding-top: 10px;
	text-align: right;
}
	p.source a {
		color: #b0b0b0 !important;
	}
p.more {
	padding-top: 10px;
	text-align: center;
}
p.nav, p.nav a {
	font-size: 90%;
}
/* clear top margin for mozilla */
div, p {
	margin-top: 0;
}
/* clear after float */
.clearing {
	_clear: both;
	_display: block;
	zoom: 1;
}
	.clearing:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		zoom: 1;
	}
br.margin {
	font-size: 1px;
	height: 0;
}
/* no image should have a border when linked */
a img {
	border: 0;
}
img {
	border: 0;
}
.img {
	float: left;
	cursor: default;
	margin-right: 5px;
}
	.img img {
		border: 1px solid #d0d0d0;
		border-width: 0 1px 1px 0;
		padding: 2px;
	}
b.up {
	color: #60a803;
	padding: 0 20px 0 5px;
}
b.down {
	color: #fe9b00;
	padding: 0 20px 0 5px;
}
b.arrow {
	color: #000000;
	font: bold 130% Arial, Helvetica, sans-serif;
	padding: 0 5px;
}
a b.arrow {
	color: #777d82;
	padding: 0;
}
td b.up, td b.down {
	padding: 0;
}
form {
	margin: 10px 0;
}
	fieldset {
		border: 1px solid #777d82;
		margin: 10px;
		padding: 10px;
	}
	legend {
		padding: 5px;
	}
	label {
		color: #757575;
		float: left;
		font-size: 80%;
		padding: 5px;
	}
	form a, label a {
		color: #777d82;
		margin: 5px 0;
		text-align: center;
	}
	input, textarea, select {
		background-color: #dedede;
		border: 1px solid #d0d0d0;
		color: #757575;
		float: left;
		padding: 3px;
	}
	textarea {
		margin: 10px 0;
	}
	input.checkbox {
		background: none;
		border: 0;
		margin: 5px;
		padding: 0;
		width: auto;
	}
	input.submit {
		background-color: #777d82;
		border: 0;
		color: #ffffff;
		cursor: pointer; /* hand-shaped cursor */
		font-size: 80%;
		margin: 5px 5px 5px 0;
		padding: 3px 5px;
		text-align: center;
		text-transform: uppercase;
		width: auto;
	}
a.button {
	background-color: #777d82;
	border: 1px solid #d0d0d0;
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif;
	height: 38px;
	line-height: 19px;
	margin: 5px;
	padding: 5px 15px;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
}
	a.button:hover {
		background: none;
		background-color: #444d54;
		text-decoration: underline;
	}

.graphic a.switch {
	background: url(img/switch.gif) repeat-x left top;
	color: #777d82;
	float: left;
	font: normal 110%/16px Arial Narrow !important;
	height: 17px;
	margin: 4px 1px;
	padding: 2px 10px;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	width: 27px;
}
.graphic a.first {
	border-left: 1px solid #b2c0c9;
	margin-left: 0;
}
.graphic a.last {
	border-right: 1px solid #b2c0c9;
	margin-right: 0;
}

#quotes table {
	margin: 4px 0;
	padding: 2px;
	width: 100%;
}
#quotes th {
	border-bottom: 1px solid #b9c5ce;
	color: #444d54;
	font-size: 90%;
	font-weight: bold;
	padding: 5px 0;
}
#quotes td {
	border-bottom: 1px dotted #b9c5ce;
	color: #444d54;
	font-size: 90%;
}
#quotes td.last {
	border: 0;
}
#quotes td.none {
	background: url(img/none.gif) no-repeat 15px center;
	padding-left: 30px;
}
#quotes td.up {
	background: url(img/up.gif) no-repeat 15px center;
	padding-left: 30px;
}
#quotes td.down {
	background: url(img/down.gif) no-repeat 15px center;
	padding-left: 30px;
}
