.body { color: #580b00; font-size: 10px; font-family: Arial; padding: 6px }
.red_border { border: solid 1px #89210d }
.redred { color: red; }
.red_text  { color: #580b00; font-size: 12px; font-family: Arial; font-weight: bold; line-height: 130%; padding: 15px 40px 10px 20px }
.red_bodytext   { color: #580b00; font-size: 12px; font-family: Arial; line-height: 150%; padding-left: 20px }
a:link, a:visited { color: #4777ad; text-decoration: underline; }
a:hover, a:active { color: #4777ad; text-decoration: underline; }
.red_captions { color: #580b00; font-size: 9px; font-family: Arial; line-height: 130% }
.green_text { color: #205b05; font-size: 12px; font-family: Arial }
.green_text a:link { color: #205b05; font-size: 11px; font-family: Arial; text-decoration:none }
.green_text a:visited { color: #205b05; font-size: 11px; font-family: Arial; text-decoration:none }
.green_text a:hover { color: #205b05; font-size: 11px; font-family: Arial; text-decoration:none }
.green_title { color: #205b05; font-size: 14px; font-family: Arial; }
.green_border { border-top: 1px solid #205b05 }
#footernav a:link { color: #89210d; font-size: 12px; font-family: Arial; text-decoration: none }
#footernav a:visited { color: #89210d; font-size: 12px; font-family: Arial; text-decoration: none }
#footernav a:hover { color: #89210d; font-size: 12px; font-family: Arial; text-decoration: underline }
#footernav a:active { color: #89210d; font-size: 12px; font-family: Arial; text-decoration: underline }
.subfooter { color: #ccc; font-size: 9px; font-family: Arial }
#subfooter a:link { color: #ccc; font-family: Arial; text-decoration: none }
#subfooter a:visited { color: #ccc; font-family: Arial; text-decoration: none }
#subfooter a:hover { color: #ccc; font-family: Arial; text-decoration: underline }
#subfooter a:active { color: #ccc; font-family: Arial; text-decoration: underline }
#abouthow a:link { color: #205b05; font-size: 11px; font-family: Arial; text-decoration: none; }
#abouthow a:visited { color: #205b05; font-size: 11px; font-family: Arial; text-decoration: none; }
#abouthow a:hover { color: #205b05; font-size: 11px; font-family: Arial; text-decoration: underline; }
#abouthow a:active { color: #205b05; font-size: 11px; font-family: Arial; text-decoration: underline; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

/*video control fix*/
video::-webkit-media-controls {
    overflow: hidden !important
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}


/* navigation

--------------------------------------------------------------------------------------- */
#main-nav { height: 460px; }
#main-nav dl { margin: 0; padding: 0; }
#main-nav dt { float: none; }
#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:46px; /* IE 5/Win hack */ 
	padding: 46px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
#main-nav dt a:hover {
	background-position: 0 -46px;
}
#main-nav dt#home,
#main-nav dt#home a { width: 192px; background-image: url(../images/nav/home_btn.jpg); }

#main-nav dt#aboutus,
#main-nav dt#aboutus a { width: 192px; background-image: url(../images/nav/aboutus_btn.jpg); }

#main-nav dt#getinfo,
#main-nav dt#getinfo a { width: 192px; background-image: url(../images/nav/getinfo_btn.jpg); }

#main-nav dt#clipsandpics,
#main-nav dt#clipsandpics a { width: 192px; background-image: url(../images/nav/clipsandpics_btn.jpg); }

#main-nav dt#media,
#main-nav dt#media a { width: 192px; background-image: url(../images/nav/media_btn.jpg); }

#main-nav dt#supporters,
#main-nav dt#supporters a { width: 192px; background-image: url(../images/nav/supporters_btn.jpg); }

#main-nav dt#orderhere,
#main-nav dt#orderhere a { width: 192px; background-image: url(../images/nav/orderhere_btn.jpg); }

#main-nav dt#links,
#main-nav dt#links a { width: 192px; background-image: url(../images/nav/links_btn.jpg); }

#main-nav dt#contactus,
#main-nav dt#contactus a { width: 192px; background-image: url(../images/nav/contactus_btn.jpg); }

#main-nav dt#faqs,
#main-nav dt#faqs a { width: 192px; background-image: url(../images/nav/faqs_btn.jpg); }

body.home dt#home,
body.home dt#home a,
body.aboutus dt#aboutus,
body.aboutus dt#aboutus a,
body.getinfo dt#getinfo,
body.getinfo dt#getinfo a,
body.clipsandpics dt#clipsandpics,
body.clipsandpics dt#clipsandpics a,
body.media dt#media,
body.media dt#media a,
body.supporters dt#supporters,
body.supporters dt#supporters a,
body.orderhere dt#orderhere,
body.orderhere dt#orderhere a,
body.links dt#links,
body.links dt#links a,
body.contactus dt#contactus,
body.contactus dt#contactus a,
body.faqs dt#faqs,
body.faqs dt#faqs a {
	background-position: 0 -92px;
}
/* hackersafe

--------------------------------------------------------------------------------------- */
#homebutton a {
	display: block;
	position: absolute;
	margin: -150px 0 0 634px;
	z-index: 99;
}

#homebutton a:hover {
	background-color: transparent;
}
/* Gallery Content
--------------------------------------------------------------------------------------- */
.galleryheader{
	background: #EBBF66;
	color: #1c5000;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	width: 498px;
	margin: 20px 0 20px 0;
	padding-left: 6px;
}
.galleryfooter{
	background: #EBBF66;
	line-height: 17px;
	width: 498px;
	margin: 10px 0 10px 0;
	padding-left: 6px;
	clear: both;
}

.gallery #content {
 background-color: #000;
 color: #96979A;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding: 10px 10px 30px 20px;
}

.thumb {
 width: 151px;
 background: transparent url(../images/thumb-bottom.gif) left bottom no-repeat;
 color: inherit;
 float: left;
 margin: 0 22px 12px 0;
}

.thumb .img {
 text-align: center;
 margin: 0;
 height: 151px;
 /*display: table-cell;*/
 vertical-align: middle;  
 width: 151px;
}

.thumb .img img { 
 margin-top: expression((151 - this.height)/2);
 vertical-align: middle; 
 _vertical-align: top;
}

.thumb .title {
 background: transparent url(../images/thumb-top.gif) left bottom no-repeat;
 margin: 0;
 padding: 2px 0 0px 8px;
  font-size: 10px;
 color: #245009;
 font-family: Arial;
 line-height: 16px;
}


.thumb .zoom {
 text-align: right;
 padding: 0 1px 1px 0;
 margin: -4px 0 0 0;
 height: 10px;
}

.thumb a img {
 border: none;
}

 #active   { text-decoration:none; font-weight:bold;} 
 .inactive { text-decoration:none; }