/*#9E9862 fore #D9D3A2 back*/
body  {background: #D9D3A2 url('/images/bg2.jpg')}
body, p {font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	 font-style:normal; font-variant:normal; font-weight:normal; 
	 font-size:12.5px; color:#111}
input {background-color: #D9D3A2; border: none; font-size:14px; color: #111}
table, td {padding:10px; font-size:14px}
a:link {color:#36c}
a:visited {color:#36c}
a:hover {color:#d33}
a:active {color:#f33}
.indentLeft {margin-left:30px}
.indentRight {margin-right:30px}
.code {font-size:11px; color:#111}
.large {font-size:18px;}
.small {font-size:12px;}
.smallPad {margin-left:150px; line-height:120%; padding:5px}
.verySmall {font-size:11px;}
.veryVerySmall {font-size:10px; padding:20px}
.imageBorder {border:solid 4px #9E9862}
img.floatRight {float:right; padding:5px}
img.floatLeft {float:left; padding:5px}
.clear {clear:both; margin:5px}
.floatLeft {float:left}
.floatRight {float:right}
.iframeBg  {background-color: #ddd}

/*nav stuff*/
.paraCenter  {text-align: center}

#navcontainer { width: 100px; }
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;

}
#navcontainer a
{
display: block;
padding: 2px;
width: 100px;
background-color: #D9D3A2;
border-bottom: 1px solid #9E9862;
text-decoration: none;
font-size:12px;
}

#navcontainer a:link, #navlist a:visited
{
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #9E9862;
}

#leftNav  {float: left; width: 130px; margin: 0; padding: 1em;}

#content  {margin-left: 155px; width: auto; padding: 1em;
/*max-width: 36em;*/}

#footer  {clear: both; margin: 0; padding: 0.5em;}

/*wtd stuff*/
#wtdTable td{font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif}
#wtdTable  td{padding:1px}
#wtdTable table{padding:1px}

/*cards stuff*/
h1 {font-size:16px; margin:0; padding:2px 0 2px 10px}
#prev, #next {display:block; padding:5px; border:2px solid #9E9862; text-decoration:none; margin:0 10px 10px}
html body div #prev:hover, html body #next:hover {border-color:#878254; background:#D9D3A2}
#prev {float:left}
#next {float:right}
#image {text-align:center}
.imgwrapper {float: left; margin: 0 0 15px 25px; padding: 2px; 	height:113px}
.imgwrapper span {display:block; font-size:11px; text-align:center}
.imgwrapper img {background-color: #9E9862; border: 0px; padding: 4px}
.imgwrapper a:visited img {background-color:#9E9862}
.imgwrapper a:hover img, .imgwrapper a:focus img {background-color: #878254}
.imgwrapper a:hover, .imgwrapper a:focus {color:#f00}
#single {padding:0px; border:4px solid #9E9862; background:#D9D3A2}
#desc {text-align:left; font-size:12px; clear: right; margin:5px 40px; padding:5px}
#credit {font-size:10px; text-align:center; margin:10px 0 0; padding:0px 0; clear:both}
/*#credit a {color:#fff}*/
#directories, #breadcrumb {margin:0}
#breadcrumb {font-size:11px; padding:5px; border-bottom:0px solid #ddd; color:#111; margin-bottom:10px}
/*#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:active {color:#fff}*/
#dirdesc, #dirdesc a {font-size:12px; padding:4px}
#gallery {margin:10px 5px 5px}
#directories ul {list-style:circle; padding-bottom:5px}
#directories li {margin:2px 0}
#directories h2 {font-size:14px; font-weight:bold; text-indent:15px; margin:0}
#directories h3 {font-size:12px; font-weight:bold; text-indent:20px; margin:0}

/*tyre cols stuff*/
#container {
    width: 400px;
	margin: 10px auto;
	
}
#onecol, #twocol {
 	float: left;
 	width: 170px;
 	padding: 5px;
}