html {
	scrollbar-3dlight-color: #885700;
	scrollbar-arrow-color: #885700;
	scrollbar-darkshadow-color: #CDB98C;
	scrollbar-face-color: #9F7543;
	scrollbar-highlight-color: #CDB98C;
	scrollbar-shadow-color: #885700;
	scrollbar-track-color: #9F7543;
	}

body {
	height: 101%;
	background: #AF8349;
	font-family: 'Trebuchet MS', trebuchet, verdana, arial;
	line-height: 130%;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	}

* {
	-moz-outline: none;
	}

a:link, a:visited, a:active {
	color: #FC0;
	text-decoration: underline;
	}

a:hover, a:focus {
	text-decoration: none;
	}

#container {
	position: relative;
	top: 50px;
	margin: 0 auto;
	text-align: left;
	width: 80%;
	}

#head {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 40px;
	padding: 0;
	background: #885700 url(gfx/head_1.gif) 0 0 no-repeat;
	overflow: hidden;
	text-align: center;
	}

#head h1 {
	position: relative;
	top: 0;
	left: 0;
	height: 28px;
	margin: 0;
	padding: 12px 0 0 0;
	color: #FFD365;
	font-size: 140%;
	font-weight: normal;
	text-transform: uppercase;
	background: transparent url(gfx/head_2.gif) top right no-repeat;
	}

#head a:link, #head a:visited, #head a:active {
	display: block;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 33px;
	height: 34px;
	background: transparent url(gfx/logo.gif) 0 0 no-repeat;
	text-indent: -1000px;
	font-size: 1px;
	margin: -3px 10px 5px 0;
	}

#head a:hover, #head a:focus {
	background-position: 0 -34px;
	}

#content {
	position: absolute;
	top: 49px;
	left: 0;
	overflow: hidden;
	width: 100%;
	padding: 0;
	background: #AF8349 url(gfx/back.gif);
	}

#wrapper {
	overflow: visible;
	background: transparent url(gfx/column.gif) 75% 0 no-repeat;
	margin: 0 5px 56px 0;
	padding: 0;
	}

#visual_1 {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 6px;
	height: 100%;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	_margin-right: -1px;
	background: transparent url(gfx/up_right.gif);
	}

#visual_2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 56px;
	margin: 0;
	_margin-bottom: -1px;
	padding: 0;
	font-size: 0px;
	line-height: 0%;
	background: transparent url(gfx/down_left.gif) 0 0 no-repeat;
	}

#visual_3 {
	height: 5px;
	margin: 0 5px 0 0;
	font-size: 0px;
	line-height: 0%;
	padding: 0;
	background: transparent url(gfx/down_middle.gif) 75% 0 no-repeat;
	}

#visual_4 {
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0;
	width: 6px;
	height: 56px;
	margin: 0;
	_margin-right: -1px;
	_margin-bottom: -1px;
	font-size: 0px;
	background: transparent url(gfx/down_right.gif);
	}

img {
	margin: 0;
	border: 0;
	}

p, ul {
	margin: 0;
	padding: 20px 20px 0 20px;
	}

#maintab {
	list-style: none;
	float: right;
	clear: right;
	width: 20.5%;
	overflow: hidden;
	}

#maintab li {
	padding: 5px 5px 2px 15px;
	}

#maintab li a:link, #maintab li a:visited, #maintab li a:active {
	color: #111;
	text-decoration: none;
	text-transform: uppercase;
	}

#maintab li.selected {
	background: transparent url(gfx/dot.gif) 0 50% no-repeat;
	}

.tabcontent {
	display:none;
	width: 73%;
	margin: 0;
	_margin-bottom: -1px;
	padding: 0 0 20px 0;
	color: #CDB98C;
	text-align: justify;
	}

.gallery {
	text-align: center;
	}

#table_wrap {
	width: 180px;
	margin: 20px auto;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px 20px;
	background: transparent url(gfx/note.gif);
	color: #000;
	}

#alt_codes thead td {
	background: #F2D673;
	text-align: center;
	}

#alt_codes thead td:hover {
	background: #F3C900;
	cursor: pointer;
	}

.sort-arrow.descending {
	background: url(gfx/down.gif) center center no-repeat;
	}

.sort-arrow.ascending {
	background: url(gfx/up.gif) center center no-repeat;
	}

td {
	font-size: 80%;
	line-height: 80%;
	padding: 1px 5px;
	}

