/* Page layout */
html {
	background: #fc9 url(sideback.jpg);
	color: #000;
	margin: 0 auto;
	padding: 0;
}
body {
	background: url(bamboo_h.png) repeat-x bottom;
	color: #000;
	font: 90% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 15px;
}
#topbar {
	background: #cfe url(bamboo_h.png) repeat-x top;
	padding-top: 15px;
}
#topbar .l {
	background: url(bamboo_v.png) repeat-y left;
	padding-left: 15px;
}
#topbar .r {
	background: url(bamboo_v.png) repeat-y right;
	padding-right: 15px;
}
#pandalogo {
	float: left;
}
h1 {
	float: left;
	font-size: 200%;
	font-weight: bold;
	margin: 0; 
}
#firstlogo {
	float: right;
}
#searchetc {
	float: right;
	padding-bottom: 1em;
	text-align: right;
}
#menu {
	background: #9eba66;
	display: block;
	/*font-size: 115%;*/
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 100%;
}
#menu li {
	background: #9eba66;
	display: -moz-inline-stack; /* Nonstandard fix for FF1/2; won't validate. :-( */
	display: inline-block;
	list-style: none;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
#menu li a {
	color: #000 !important;
	display: block;
	height: 100%;
	text-decoration: none;
}
#menu li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: fixed;
}
#menu li ul li {
	display: block;
	float: none;
	text-align: left;
	width: 100%;
}
#menu li ul li a {
	display: inline;
	height: auto;
}
#menu li:hover ul {
	display: block;
	z-index: 1000;
}
/* Sliced menu BG stuff */
#menu li .tl {
	background: url(menu.png);
	padding: 10px 0 0 10px;
	position: relative;
}
#menu li .tr {
	background: url(menu.png) top right;
	height: 15px;
	position: absolute;
	right: 0;
	top: 0;
	width: 15px;
}
#menu li .bl {
	background: url(menu.png) bottom left;
	bottom: 0;
	height: 15px;
	left: 0;
	position: absolute;
	width: 15px;
}
#menu li .br {
	background: url(menu.png) bottom right;
	padding: 0 10px 10px 0;
}
#cblock {
	background: #fc9 url(sideback.jpg);
	overflow: hidden;
}
#cblock .l {
	background: url(bamboo_v.png) repeat-y top left;
}
#cblock .r {
	background: url(bamboo_v.png) repeat-y top right;
}
/* Hack to make various divs completely enclose their floating contents. IE/Win does this by default. */
#topbar:after, #topbar .l:after, #topbar .r:after, #leftfloat:after, #rightfloat:after, #cblock:after, #cblock .l:after, #cblock .r:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#leftfloat {
	display: block;
	float: left;
	width: 19%;
}
#sidebar {
	background: url(semitrans.png);
	display: block;
	margin: 0 0 0 15px;
	padding: 10px;
}
#sidebar li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	text-indent: -10px;
}
#sidebar a:link, #sidebar a:visited {
	color: #000;
}
#rightfloat {
	display: block;
	float: right;
	width: 81%;
}
#content {
	background: #fff url(bamboo_v.png) repeat-y top left;
	margin: 0 15px 0 0;
	padding: 10px 10px 10px 25px;
	padding-bottom: 9999em;
	margin-bottom: -9998.5em;
}
#footer {
	background: #cfe url(bamboo_h.png) repeat-x top;
	clear: both;
	padding-top: 15px;
	text-align: center;
}
#footer .l {
	background: url(bamboo_v.png) repeat-y left;
	padding-left: 15px;
}
#footer .r {
	background: url(bamboo_v.png) repeat-y right;
	padding-right: 15px;
}
/* General fixes for tables and images */
table {
	border-collapse: collapse
}
img {
	border: none !important;
}
/* Block elements in content area */
h2, h3, h4 {
	color: #060;
	font-weight: bold;
}
h2 {
	font-size: 150%;
	margin: 0 0 .666667em;
}
h3 {
	font-size: 125%;
	margin: 0 0 .8em;
}
h4 {
	font-size: 100%;
	margin: 0 0 1em;
}
p, blockquote {
	margin: 0 0 1em;
}
blockquote {
	margin: 0 3em 1em;
}
/* Images in content area */
.left {
	float: left;
	margin: 0 .5em .5em 0;
}
.right {
	float: right;
	margin: 0 0 .5em .5em;
}
.inline {
	float: none;
	/*margin: .5em;*/
	vertical-align: middle;
}
/* Tables */
th, td {
	padding: 0 1em 0 0;
}
tr.row0 {
	background: #cfe;
}
tr.row1 {
	background: #fff;
}
table.parsed th, table.parsed td {
	border: 1px solid #060;
	padding: .15em;
}
table.parsed th {
	background: #cfe;
	color: #060;
	font-weight: bold;
}
table.parsed td {
}
th.left, td.left {
	float: none;
	text-align: left;
}
th.center, td.center {
	text-align: center;
}
th.right, td.right {
	float: none;
	text-align: right;
}
.personlist {
	margin: 0 0 .5em;
	width: 100%;
}	
.personlist th {
	background: #cfe;
	color: #060;
	font-size: 125%;
	font-weight: bold;
}
.personlist th, .personlist td {
	border: 1px solid #cfe;
	width: 33.333333%;
}
.clear {
	clear: both;
}
/* Links */
a:link, a:visited {
	color: #060;
	text-decoration: underline;
}
a:active, a:focus, a:hover {
	text-decoration: none;
}

img.counter {
	 width: 120px;
}
img.validation {
	height: 31px;
	width: 88px;
}
img.sponsorside {
	width: 120px
}
div.awards {
	width: 1000px;
	height: 50px;
	background: url(abg.png);
	text-align: center;
}
div.tba {
	width: 1000px;
	height: 100px;
	text-align: center;
	background: url(tbabg.png);
}
	
/***************** links ****************/

a.galimg:link, a.galimg:active, a.galimg:visited {
	text-decoration: underline;
	border: none;
	color: #000;
}
a.galimg:active {text-decoration: underline ; border:0px; color: #000000 }
a.galimg:visited { text-decoration: underline ; border:0px; color: #000000 }
a.galimg:hover { text-decoration: underline ; border:0px; color: #000000 }

.lcdstyle {
	color: #00c;
	font: bold 120% "Courier New", Courier, monospace;
}
.lcdstyle sup {
	font-size: 80%
}

/* Max added this for inventory - not sure where it should go */
table.vmiddle th, table.vmiddle td {
	vertical-align: middle;
}
textarea {
	max-width: 100%;
}