/* ///////////////////////////////////////////////////////////////////////////// */
/*                                                                               */
/*                      Accompanies Versluis Menus Site                          */
/*                                                                               */
/* ///////////////////////////////////////////////////////////////////////////// */



body {
	background: #e6d5aa url(hgpix/bgbirds2.gif) -0px -70px;
}

#navDiv {
/*	background: #eaf;*/
	width: 30px; height: 1px;
	position: relative; top: 0px; left: 0px;
}

#textcontainer {
	margin: 3% 18% 13% 23%;
	border: 10px #E7D5A6 solid;
	background: #fec;
}
.buffer {
	text-align: center;
	margin: 35px auto; 
}
.silver {
	border: 3px #ccc solid;
}
.black {
	border: 1px #000 solid;
}
.gold {
	border: 3px #db0 solid;
}
.red {
	border: 2px #f01 solid;
}
.blue {
	border: 2px #129 solid;
}
h1 {
	font-family: 'ribbon131 bd bt', 'kunstler script', cursive;
	font-size: 180%;
	margin: 2% 0% 0% 25%; padding-left: 2%;
	width: 11.5em; height: 1.25em;
	background: transparent url(hgpix/bgbuff.gif) repeat-x;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.8; 
	color: #000; 
}

h1.wider {
	width: auto; 
	display: inline;
	padding: 2px 5px 5px 0px;
}
h2 {
	font-family: serif;
	color: #111;
	font-size: 110%;
	margin: 15px;
}
h2.top {
	font-family: 'ribbon131 bd bt', serif;
	color: #111;
	font-size: 160%;
	margin: 15px;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 30px 15px 15px 15px;
}
h4 {
	font-size: 100%;
	font-style: italic;
	margin: 15px;
}
p {
	margin: 15px; 
	font-size: 100%;
}
.ind {
	text-indent: 1em;
	display: block;
}
.quote {
	color: #800;
}
.interp {	/* interpolations; highlighting content */
	color: #f02; 
}
.comment {
	color: #000;
}
.c {
	text-align: center;
}
ol, ul {
	font-size: 100%;
}
li {
	margin: 10px;
}

#textcontainer a {
	font-weight: bold;
	color: #129;
}

#textcontainer a:hover, #textcontainer a:active {
	color: #e02;
}

#textcontainer img {
	border: none;
}



#textcontainer2 {  /* for pics */
	background-color: #003; 
	color: #eee; 
	margin: 3% 18% 13% 23%;
	border: 10px #E7D5A6 solid;
	text-align: center;
}

#textcontainer2 h2, #textcontainer2 a {
	color: #eee;
}

#textcontainer2 img {
	width: 300px;
	border: none;
/*	border: 2px #f00 solid;*/
}

#textcontainer dt {
	margin-left: 15px;
}

#next {
	float: right;
	margin-right: 15px;
	border: 1px #000 solid;
	background: #fff;
}

.innerblack {
	border: 1px #000 solid;
	padding: 19px 25px;
}

#next a {
	display: block;
	margin: 6px 2px 6px 0px;
	font-family: verdana, sans-serif;
	font-size: 76%;
	text-decoration: none;
	font-weight: bold;
	color: #129;
}
#next a:hover, #next a:active {
	color: #e02;
}

/* he spans */

.he {	/* he text span */
	position: absolute;
	visibility: hidden;
	left: 79%; /* matches textcontainer's right edge */
	width: 18%;
	background: #fff;
	border: 1px #000 solid;
} 
.heblack {	/* he inner border span */
	border: 2px #aa5 solid;
	padding: 10px;
}

a.ahe {		/* link to he spans */
	text-decoration: none;
}