html, body	{
margin: 0 0 10px;
padding: 0;
font-size: 90%;
color: #000000;
background-color: #907c47;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* scrollbar colors */
scrollbar-3dlight-color : #f0ce74;
scrollbar-arrow-color : #f0ce74;
scrollbar-base-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-face-color : #907c47;
scrollbar-highlight-color : #313131;
scrollbar-shadow-color : #000000;
scrollbar-track-color : #6c6c6c;
}

/* General CSS styles */

p, td, div, li, span	{
color: #330000;
}
p	{
margin: 5px 10px;
background-color: #fff;
}
td	{
padding: 3px 10px;
text-align: left;
}
a, a:link, a:visited	{
color: #333333;
background-color: transparent;
text-decoration: underline;
}
a:hover, a:active	{
color: Maroon;
background-color: transparent;
text-decoration: none;
}
H2 a:link, H2 a:visited	{
text-decoration: none;
color: #000066;
}
H2 a:hover, H2 a:active	{
text-decoration: underline;
color: #993300;
}
blockquote	{
margin: 6px 10px 6px 15px;
padding: 0 0 0 10px;
border-left: 4px solid #f0ce74;
}
UL LI	{
list-style-type : square;
}
blockquote LI	{
list-style-type : disc;
}
.photo_left	{
float : left;
margin : 10px;
}
.photo_right	{
float : right;
margin : 10px;
}
.nobr	{
white-space : nowrap;
}
table, tr, td	{
margin: 0;
padding: 3px;
border: none;
}

/* Custom CSS */

#pageStyle	{
width: 800px;
text-align: left;
padding: 0 5px 10px 0;
background-color: #fff;
border: 1px solid #644f26;
border-bottom: none;
min-height: 350px;
}
.pageTitle, H1	{
font-size: 125%;
font-weight: bold;
margin: 10px;
font-variant: small-caps;
}
H2	{
font-weight: bold;
border-top: 1px solid #990;
border-left: 4px solid #990;
font-size: 110%;
margin-left: 15px;
padding-left: 5px;
clear: left;
}
.light	{
background-color:#efce75;
}
.dark	{
background-color:#d9bc6e;
}
.nav	{
display: block;
float: left;
padding: 5px;
margin: 5px 1px 0 0;
font-weight: bold;
}
a.nav:link, a.nav:visited	{
background-color: #f0ce74;
border: 1px solid #907c47;
color: #000;
text-decoration: none;
white-space : nowrap;
}
a.nav:hover 	{
background-color: #907c47;
border: 1px solid #000;
color: #fff;
text-decoration: none;
}
a.nav:active	{
background-color: #f0ce74;
border: 1px solid #907c47;
color: #000;
text-decoration: none;
font-style : italic;
}
#navPix	{
padding: 17px 0 8px;
background-color: #f0ce74;
}
#navMenu	{
background-color: #644f26;
width: 100%;
border-top: 7px solid #90784b;
border-bottom: 5px solid #90784b;
text-align: center;
}
#navMenu a:link, #navMenu a:visited	{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 15px;
padding: 7px 5px 3px;
text-decoration: none;
font-style : normal;
letter-spacing : normal;
}
#navMenu a:hover, #navMenu a:active	{
color: #ffe9af;
font-style : italic;
letter-spacing : 1px;
}
.comment	{
font-weight: bold;
margin: 5px 5px 5px 10px;
}
#footerNav	{
background-color: #644f26;
border-top: 10px solid #f0ce74;
width: 800px;
border: 1px solid #644f26;
border-top: none;
border-bottom: none;
}
#footerNav a:link, #footerNav a:visited	{
color: #fff;
font-size: 15px;
text-decoration: none;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 4px 5px 3px;
text-decoration: none;
font-style : normal;
letter-spacing : normal;
}
#footerNav a:hover, #footerNav a:active	{
width: 800px;
color: #ffe9af;
text-decoration: none;
font-style: italic;
letter-spacing : 1px;
}
#footer	{
width: 800px;
height: 100px;
background-color: #f0ce74;
background-image: url("http://www.ditholo.com/images/ditholo_2.png");
border: 1px solid #644f26;
border-top: none;
}
.bad	{
font-size: 100%;
width: 60%;
text-align: center;
padding: 15px;
margin-left: 200px;
color: Red;
border-left: 5px solid Red;
border-right: 5px solid Red;
font-style: italic;
font-weight: bold;
}

/* Tool Tips*/

.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
}

.glt-elm p{
	background: #666;
	margin: 0;
	padding: 0.5em;
	color: #fff;
}

.glt-elm img{
	display: block;
}

.glt-elm{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

a.button:link, a.button:visited	{
display: block;
padding: 2px 5px;
text-align: center;
text-decoration: none;
margin: 5px 20px 5px 0;
background-color: #907c47;
border: 2px outset #907c47;
font-weight: bold;
color: #000;
width: 350px;
font-variant: small-caps;
}
a.button:hover, a.button:active	{
text-decoration: none;
margin: 6px 19px 0 1px;
background-color: #644f26;
border: 2px inset #907c47;
color: #fff;
}
.ianpic {
float:right;
padding:0;
margin: 2px 2px 5px 5px;
border: 1px solid #666666;
}
