body {
	text-align:center;
	background:#000 url('/inc/site/wheuer_body_background.png') repeat-y center top;
	margin: 0 auto;
	border: 0;
	padding:0;
	color:#000;
	font: normal normal 0.9em/1.3em "Trebuchet MS",Arial,Sans-serif;
}
/* =CLEARFIX */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	overflow:hidden;
}
.clearfix {display: inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END =CLEARFIX */
/*	layout	*/
#flashcontent {
	width:774px;
	height: 150px;
}
#container {
	width: 774px;
	padding: 0;
	text-align: left;
	clear: both;
	margin: 0 auto;
}
#header {
	text-align:center;
	width:774px;
	height:150px;
	background-color:#000;
	border:0;
	margin: 0;
}
#content {
	text-align:center;
	width:774px;
	background:#FFF url('/inc/site/keyboard.gif') no-repeat left top;
	border: 0;
	margin:0 auto;
	padding: 0;
}
#main-navigation {
	float:left;
	width: 120px;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
}
#main-content {
	width: 630px;
	float: left;
	background-color:transparent;
	margin:0;
	padding: 10px 12px;
	border: 0;
	text-align:left;
}
ul#nav {
	float:left;
	margin: 0;
	padding: 0;
	list-style: none;
	width:120px;
	border-top:0;
}
ul#nav li {
	position: relative;
	float: left;
	width:119px;
}
ul#nav li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: auto;
	display: none;
}
ul#nav li ul ul{
	position: absolute;
	left:100%; /* Set 1px less than menu width */
	top: -.1em;
	display: none;
}
/* Styles for Menu Items */
ul#nav li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #FFF; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #000;
}
/* commented backslash mac hiding hack \*/
* html ul#nav li a {
	height:1%;
}
/* end hack */
/* this sets all hovered lists to red */
ul#nav li:hover a, 
ul#nav li.over a, 
ul#nav li:hover li:hover a, 
ul#nav li.over li.over a, 
ul#nav li:hover li:hover li:hover a, 
ul#nav li.over li.over li.over a,
ul#nav li:hover li a:hover, 
ul#nav li.over li a:hover,
ul#nav li:hover li:hover li:hover a:hover, 
ul#nav li.over li li a:hover, 
ul#nav li:hover li:hover li:hover li:hover a:hover, 
ul#nav li.over li.over li.over li.over a:hover {
	color: #FFF;
	background-color: #000;
}
/* set dropdown to default */
ul#nav li:hover li a,
ul#nav li.over li a,
ul#nav li:hover li:hover li a, 
ul#nav li.over li.over li a,
ul#nav li:hover li:hover li:hover li a, 
ul#nav li.over li.over li.over li a {
	color: #000;
	background-color: #FFF;
}
ul#nav li ul li a {
	padding: 2px 5px;
}
 /* Sub Menu Styles */
ul#nav li:hover ul ul, 
ul#nav li:hover ul ul ul, 
ul#nav li.over ul ul, 
ul#nav li.over ul ul ul {
	display:none;
}
ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul, 
ul#nav li.over ul, 
ul#nav li li.over ul,
ul#nav li li li.over ul {
	display: block;
}
#footer {
	text-align:center;
	width:774px;
	height:40px;
	background: #FFF url('/inc/site/wheuer_footer_right.jpg') no-repeat center top;
	color:#FFF;
	border:0;
	padding-top:5px;
	margin: 0 0 25px 0;
}
td {vertical-align:top;}
p {text-align: justify;}
.title {
	font-size:1.3em;
	margin: 0;
	font-weight: 700;
	color: #FFF;
	text-align: right;
	padding: 5px 30px;
}
.ad-title, .ad-title-em {
	color: #DAA520;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:2em;
	font-weight:bold;
	line-height:1.25em;
	text-transform:uppercase;
	text-align:center;
}
.ad-title-em {
	font-style:italic;
}
.ad-title a {
	border-bottom: 1px dashed #7C8687;
	color:#505050;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:1em;
	font-weight:bold;
	line-height:1.25em;
	text-align:center;
	text-transform:uppercase;
}
.ad-title a:hover, .ad-title a:active, .ad-title a:visited {color:#7C8687;}
h1, h2, h3, h4, h5 {
	font-size:1.3em;
	font-weight: 700;
	margin:10px 5px;
	color: #000;
}
h2 {font-size: 1.2em}
h3 {font-size: 1.1em;}
h4, h5 {
	font-size: 1em;
	padding: 5px;
}
.head1, .head2, .head3, .head4, .head5 {
	font-size:1.3em;
	font-weight: 700;
	margin:10px 5px;
	color: #000;
}
.head2 {font-size: 1.2em}
.head3 {font-size: 1.1em;}
.head4, .head5 {
	font-size: 1em;
	padding: 5px;
}
a {
	font-family: "Trebuchet", "MS Sans Serif", Geneva, sans-serif;
	font-size: 12px;
	color: #00C;
	border-bottom: 1px dashed #00F;
	text-decoration: none;
	font-weight : bold;
}
a:hover {
	color: #F00;
	border-bottom: 1px solid #C00;
	text-decoration: underline;
}
a.nr{
	color: #000;
	text-decoration: none;
	border-bottom: none;
}
#footer a.nr{
	color: #FFF;
	text-decoration: none;
	border: 0;
}
#navigation a {
	font-family: "Trebuchet", "MS Sans Serif", Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	border: 0;
	text-decoration: none;
	font-weight : normal;
}
#navigation a:hover {
	color: #FFF;
	border:0;
	text-decoration: none;
}
.credit a {
	color:#C0C0C0;
	text-decoration: none;
	border-bottom: 0px solid #FFF;
}
.credit a:hover{
	color: #DAA520;
	text-decoration: none;
	border-bottom: 0px solid #FFF;
}
.credit {
	font-size: 11px;
	color: #C0C0C0;
}
.small {font-size: 10px; line-height:12px;}
.smallest {font-size: 9px; line-height:11px;}
.moreinfo{
	background-color: #DCDCDC;
	color: #696969;
	padding: 1px;
	padding-left: 12px;
	font-weight: bold;
	margin-left: 12px;
}
/* column */
.col{
	background-color: #A9A9A9;
	padding: 12px;
	padding-top: 2px;
	
}
select, input, textarea, .smalltext{
	font-family: "Trebuchet", "MS Sans Serif", Geneva, sans-serif;
	background-image: url('/images/shadeform.gif');
	font-size: 10px;
	color: #000000;
	width: 97%;
}
.smalltext {
	background-image:url('/images/shim.gif');
	font-weight: bolder;
	text-align: left;
}
ul {
	font-family: "Trebuchet", "MS Sans Serif", Geneva, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left: 1.5em;
	border-left: 25px;
	padding-left: 25px;
	 list-style-position: inside;
}
.pic{margin: 1px;}
.stripe{background-color: #7C8687;}
/* tips table colours */
.infoheader{
	background:#52595A url('/inc/site/wheuer_footer_right.jpg') no-repeat scroll left bottom;
	color:#FFF;
	font-weight: bold;
}
.box {background: #E8E8E8 url('/inc/site/box.gif') repeat-x left top;}
.greybox {background-color: #E8E8E8;}
.headbox,.actionbox{
	padding:8px;
	border-width:1px;
	border-style:dashed;
	border-color: #000000;
	background-color: #D3D3D3;
}
.actionbox{background-color: #EEE8AA;}
tr.hover, table.search thead tr th {background-color: #EEE8AA;}
table.search tbody tr.odd {background-color: #E8E8E8;}
table.search tbody tr.even {background-color: #F7F7F7;}
table.search tbody tr td {font-size: 12px;}
table.search tbody tr td a {
	border-bottom: 1px solid #000;
	color:#333;
	font-weight: normal;
}
table.search {
	background-color:#EEE;
	border:1px solid #CCC;
	table-layout:fixed;
	width:100%;
}
.warning{
	padding:6px;
	border-width:1px;
	border-style:dashed;
	border-color:#D70200;
	color:#D70200;
}
.error {background:#FFCCCC;}
#errormsg {
	border:1px solid #CC0000;
	background:#FFCCCC;
}
.GoldBox {
	height:40px;
	background: #FFF url('/inc/site/wheuer_footer_right.jpg') no-repeat right center;
}
#playlist {
	border: 1px solid #52595A;
	float:left;
	width: 30%;
}
#playlist tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 8pt;
	padding: 3px 8px;
	border-left: 1px solid #7B8684;
}
#playlist tbody tr.selected td {
	background-color: #EEE8AA;
	color: #AAA;
	font-weight: bold;
	border-left: 1px solid #52595A;
	border-bottom: 1px solid #7B8684;
}
#detail {
	background: #F3F7F3 url('/inc/site/box.gif') repeat-x left top;
	border:1px solid #E8E8E8;
	float:right;
	width: 65%;
}
#detail tbody tr td {
	font-size: .8em;
	padding: 3px 8px;
	border:0;
	vertical-align: top;
}
input, textarea {
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
btn.input {
	background: #FFCC00;
	width: 100px;
}
label, .label {
	text-align: right;
	font-weight: bold;
	padding-right: 20px;
	margin:0;
	background-color:#F3F7F3;
}
.w {color:#FFF;}
.b {font-weight:bold;}
#side-navigation {
	width:175px;
	float:right;
}
table.right td {
	font-size:0.75em;
	text-align:left;
}
.ct, .center {text-align:center;}
.rt {text-align:right;}
.lt {text-align:left;}
.FFF {background-color:#FFF;}
.DDD {background-color:#DDD;}
.BBB {background-color:#BBB;}
.fl, img.left {float:left;}
.fr, img.right {float:right;}
.pr20 {padding-right:20px;}
.p5 {padding:5px;}
.img {border:0;}
.table {background:#FFF;}
.table ul {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
.table ul li {
	list-style:none;
	padding:5px 10px;
	margin-bottom:15px;
	border: 1px solid #FFF;
}
.table ul li a, .table ul li a:hover {
	text-decoration:none;
	color:#000;
	border-bottom:0;
}
.table ul li.even {
	background:#FFF;
	border: 1px solid #C0C0C0;
}
.table ul li.odd {
	background:#FEFEFE;
	border: 1px solid #C0C0C0;
}
.table ul li.hover {
	border: 1px solid #337;
	cursor:pointer;
}
ul#foo li a {font-weight:normal;}
#lightbox { position: absolute; left: 0; width: 100%; z-index: 200; text-align: center; line-height: 0;}
#lightbox img { width: auto; height: auto;}
#lightbox a { text-decoration: none; border-bottom: 0px solid #FFF; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none; text-decoration: none; border-bottom: 0px solid #FFF;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 190; width: 100%; height: 500px; background-color: #000; }
.magazine-image {
	color:inherit;
	background-color: #FFF;
	border: 1px #EEE solid;
}
.magazine-image img {
	padding: 0px;
	color:inherit;
	background-color: #FFF;
	margin: 2px;
	border: 1px #EEE solid;
}