/*
The design of the old hondenshow.net (2007), kept on purpose: the original stylesheet, with
its images next to it (url(images/x) became url(x)). Additions for the platform are at the
end: skip link, focus, preview bar, tables and lists in the text, the contact form, and a
breakpoint below 760px so the three columns stack on a phone.
*/
*{
margin:0px;
padding:0px
}
img{border:0px;}
html{
width:100%;
height:100%;
background-image:url(top_bg.gif);
background-position:top left;
background-repeat:repeat-x;
}
body{
width:995px;
height:100%;
margin:0 auto;
background-image:url(top.jpg);
background-position:top left;
background-repeat:no-repeat;
font-family:Arial;
font-size:11px;
color:#333333;
}
#meta{
float:right;
padding:31px 70px 0 0
}
#meta a{
color:#42030E;
text-decoration:underline;
display:block;
float:left
}
#meta a:visited{text-decoration:underline}
#meta a:hover{text-decoration:none}
#meta span{
padding:0 25px 0 0;
float:left
}
#meta img{
float:left;
margin:0 6px 0 0;
}
#menu{
background-image:url(menu_bg.jpg);
background-image:top left;
background-repeat:no-repeat;
margin:247px 0 0 0;
float:left;
width:995px;
height:64px;
text-align:center
}
#menu ul{
width:594px;
margin:0 auto;
}
#menu li{
float:left;
list-style-type:none;
}
#menu li a{
display:block;
float:left;
height:54px;
background-position:bottom;
background-repeat:no-repeat
}
#menu li a:hover{
background-image:url(arrow.gif);
}
#menu li a.active{
background-image:url(arrow.gif);
}
#content{
background-image:url(content_bg.gif);
background-position:top left;
background-repeat:repeat-y;
float:left;
width:953px;
margin:0 0 0 21px;
display:inline
}
.navigation{
width:200px;
float:left
}
.navigation ul{
margin:6px 0 15px 15px;
list-style-type:none;
font-size:13px;
}
.navigation li{
background-image:url(li_bg.gif);
background-position:top left;
background-repeat:no-repeat;
height:20px;
padding:4px 0 0 20px;
}
.navigation li a{
text-decoration:none;
color:#535353
}
.center{
width:483px;
float:left;
}
.welcome{
background-image:url(welcome.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:6px 0 12px 5px;
display:inline;
width:465px;
height:268px;
float:left
}
.welcome span{
display:block;
width:168px;
height:143px;
margin:120px 0 0 127px;
}
.topbanner{
margin:6px 0 12px 5px;
display:inline;
width:465px;
height:268px;
float:center
}
.text{
width:451px;
padding:10px 19px 5px 13px
}
.text p{
padding:15px 15px 0 0
}
.news_events{
width:258px;
float:left;
padding:24px 0 0 0;
}
.latest{
margin:14px 0 26px 32px;
}
.news{
position:relative;
margin:18px 0 0 0;
float:left
}
.news p{
width:200px;
padding:0 0 5px 8px;
margin:0 0 0 29px;
border-left:6px solid #DED6AC
}
.data{
position:absolute;
top:0px;
left:0px;
font-weight:bold;
width:35px;
border-bottom:1px solid #DED6AC;
background-color:#FFFFFF
}
.more{
border-left:6px solid #8E190B;
display:block;
float:left;
margin:0 0 0 29px;
display:inline;
padding:0 0 0 8px
}
.more a{
color:#8E190B;
text-decoration:underline;
}
.more a:visited{text-decoration:underline}
.more a:hover{text-decoration:none}
#footer{
width:953px;
float:left;
text-align:center;
color:#323232
}
#footer a{
color:#323232;
text-decoration:none;
margin:0 5px
}
#footer a:visited{text-decoration:none}
#footer a:hover{text-decoration:underline}
#copyright{
width:953px;
float:left;
text-align:center;
padding:10px 0;
}
#copyright a{
color:#8E190B;
text-decoration:underline
}
#copyright a:visited{text-decoration:underline}
#copyright a:hover{text-decoration:none}
.about{
padding:25px 0 0 33px;
width:652px;
float:left
}
.about p{
width:595px;
padding:15px 0 0 0
}
.list{
width:257px;
float:left;
padding:25px 0 0 0
}
.list ul{
margin:17px 0 15px 13px;
list-style-type:none
}
.list li{
background-image:url(bullet.gif);
background-position:0px 4px;
background-repeat:no-repeat;
line-height:20px;
padding:0 0 0 19px;
}
.inner_copy{
border:0;
color:#fff;
float:right;
width:0.09%!important;
margin:-100px;
overflow:hidden;
line-height:0px;
padding:0px;
font-size:11px
}

/* Additions (2026) */

.skip-link{position:absolute;left:.5rem;top:-4rem;z-index:10;padding:.5rem .9rem;background:#fff;color:#000}
.skip-link:focus{top:.5rem}
:focus-visible{outline:3px solid #8E190B;outline-offset:2px}
.preview-bar{background:#FFF3B0;color:#4A3B00;text-align:center;padding:.4rem}
.text h1{font-size:18px;margin:0 0 8px}
.text h2{font-size:15px;margin:14px 0 6px}
.text h3{font-size:13px;margin:12px 0 4px}
.text ul,.text ol{margin:6px 0 6px 18px}
.text table{border-collapse:collapse;margin:6px 0}
.text td{padding:1px 8px 1px 0;vertical-align:top}
.text a{color:#8E190B}
.text .prose p{padding:10px 15px 0 0}
.text .contact-form{padding-top:10px}
#copyright span{margin:0 4px}

@media (max-width: 759px) {
	/* The header photo scaled to the screen (995 x 293); the image menu and the Home/Contact
	   links are left out, the navigation below has the same links. */
	html{background-image:none}
	body{width:auto;background-size:100% auto;background-position:top left}
	#meta,#menu{display:none}
	#content{width:auto;margin:29.5vw 0 0;float:none;display:block;background:#fff}
	.navigation,.center,.news_events{width:auto;float:none}
	.navigation ul{margin:6px 16px;display:flex;flex-wrap:wrap;gap:4px 10px}
	.navigation li{padding:4px 8px 0 20px}
	.text{width:auto;padding:10px 16px}
	.text img{max-width:100%;height:auto}
	.news_events{padding:10px 16px}
	.news p{width:auto}
	#content > img{display:none}
	#footer,#copyright{width:auto;float:none}
}