/**************************************************************
         THIS IS THE MAIN FILTHYBEAST STYLE SHEET
***************************************************************/
/*BODY & GENERAL STYLES*/

*{
margin:0;
padding:0;
border:none;
}

html, body{
width:100%;
height:100%;
}

html{
min-height: 100%; /*
margin: 0 auto 1px auto;
max-width: 800px; */
}

body,
body#home,
body#origins,
body#early,
body#gigs,
body#venues,
body#publicity,
body#miscellany,
body#management,
body#downloads,
body#listen-to,
body#rehearse,
body#largetext,
body#sitemap,
body#contact,
body#results,
body#hantsweb,
body#shop,
body#usa-store{
position: relative;
background: #fff url(../images/slice4.gif) repeat-x;
font: normal 70% Arial, Helvetica, Sans-serif;
margin: 0 auto 1px auto;
max-width: 1400px;
padding: 7px 0 0 0;

}

body#home a#home-nav,
body#origins a#origins-nav,
body#early a#early-nav,
body#gigs a#gigs-nav,
body#venues a#venues-nav,
body#publicity a#publicity-nav,
body#miscellany a#miscellany-nav,
body#management a#management-nav,
body#downloads a#downloads-nav,
body#listen-to a#listen-to-nav,
body#rehearse a#rehearse-nav,
body#largetext a#largetext-nav,
body#sitemap a#sitemap-nav,
body#contact a#contact-nav,
body#hantsweb a#hantsweb-nav,
body#shop a#shop-nav,
body#usa-store a#usa-store-nav
{
color: #f00;
background-color: #CCC;
border: 1px solid #929694;
}



img{
border: none;
}

/*general rule stops underlines on non-linked anchors*/
a.anchor,
a:hover.anchor,
a:focus.anchor {
text-decoration: none;
}



/*POSITIONING*/

.container{
float: left;
width:100%;
background-color: transparent;
clear:both;
 }


.banner{
display: block;
position:absolute;
width:90.3%;
margin: 15px 5% 10px 5%;
background:transparent url(../images/fb-logo-06.png) no-repeat center 70%;
border-bottom: 2px solid gray;
z-index: 1;
}


.left{
float:left;
width:220px;
height:145px;
margin: 0 10% 0 1.5%;
z-index: 1;
}

.right{
float:right;
width:220px;
height:145px;
margin: 0 1.5% 0 10%;
z-index: 1;
}


.spacer,
.spacer-n,
.spacer25{
clear: both;
}
.spacer-n
{margin:-25px 0;}

.spacer25
{margin: 25px 0;}

.content{
position: absolute;
width:90%;
margin: 175px 5% 0 5%;
z-index: 10;
}


.navcol, .maincol, .rightcol{
float: left;
width:16%;
margin: 0 2.35% 0 0;
border:none;
}


.maincol{
width:55%;
margin: 0;
background-color: #FFF6DE;
border:2px solid #929694;
}

body#results .maincol
{
float:right;
width:81%;
margin-right: -0.6%;
background-color: #ffffff;
}

.rightcol{
float:right;
width:24%;
margin: 0 -4px 0 0;
background-color: #FFF;
border:2px solid #929694;
}

.rightcol .cont,
.navcol .cont{
text-align: center;
}

.footer{
clear:both;
float:left;
width:100%;
margin: 0 0 5px 0;
border:2px solid #929694;
background-color: #FFF6DE;
z-index: 10;
}

 .anal
 {
 position:absolute;
 display:block;
 margin-top: -10px;
 }


p.top{
margin: -8px 0 0 0;
background-color: transparent;
visibility: hidden;
}



/*MENU LIST*/

.navcol ul{
list-style: none;
}

.navcol li {
margin: 0 0 3px 0;
}

.navcol li a,
.navcol li a:link,
.navcol li a:visited{
display: block;
color:  #FFCB49;
text-decoration: none;
text-align: center;
background-color: #929694;
font: normal 150% tahoma, Helvetica, sans-serif;
padding: 2px 4px 2px 4px;
}



.navcol li a:focus,
.navcol li a:hover,
.navcol li a:active{
color : #929694;
background-color: #FFCB49;
}

 /***Floating Button Links***/

.maincol ul.fb
{
display: block;
list-style: none;
margin: 12px auto 18px auto;
text-align:center;
}

.maincol ul.fb li
{
display: inline;
margin: 4px 12px 4px 0;
}

.maincol ul.fb li a,
.maincol ul.fb li a:link,
.maincol ul.fb li a:visited
{
color:  #FFCB49;
text-decoration: none;
background-color: #929694;
font: normal 150% tahoma, Helvetica, sans-serif;
padding: 3px 8px 3px 8px;
border: solid 1px #000;
border-color: #ccc #707070 #707070 #ccc;
}



.maincol ul.fb li a:focus,
.maincol ul.fb li a:hover,
.maincol ul.fb li a:active{
color : #929694;
background-color: #FFCB49;
border: solid 1px  #ccc;
border-color: #707070 #BDBA00 #BDBA00 #707070;
padding: 4px 7px 2px 9px;
}









h3.fbs
{
text-align: center;
font-size: 150%;
}

p.fbs
{
text-align: center;
}




 /***IMAGE SWAP LINKS ***/


.wrap span.hoodie a,
.wrap span.hoodie a:link,
.wrap span.hoodie a:visited,
.wrap span.bigone a,
.wrap span.bigone a:link,
.wrap span.bigone a:visited,
.wrap span.bigone2 a,
.wrap span.bigone2 a:link,
.wrap span.bigone2 a:visited,
.wrap span.imagwt a,
.wrap span.imagwt a:link,
.wrap span.imagwt a:visited
{
display: block;
height: 200px;
text-indent: -999999px;
overflow: hidden;
background: url(../images/shop/hooded-sweatshirt.png) no-repeat 0 0;
}



.wrap span.bigone a,
.wrap span.bigone a:link,
.wrap span.bigone a:visited
{
background: url(../images/shop/bigone.png) no-repeat 0 0;
}

.wrap span.bigone2 a,
.wrap span.bigone2 a:link,
.wrap span.bigone2 a:visited
{
background: url(../images/shop/bigone2.jpg) no-repeat 0 0;
}

.wrap span.imagwt a,
.wrap span.imagwt a:link,
.wrap span.imagwt a:visited
{
background: url(../images/shop/imagwt.jpg) no-repeat 0 0;
}


.wrap span.hoodie a:focus,
.wrap span.hoodie a:hover,
.wrap span.hoodie a:active
{
background: url(../images/shop/hooded-sweatshirt.png) no-repeat -150px 0;
}

.wrap span.bigone a:focus,
.wrap span.bigone a:hover,
.wrap span.bigone a:active
{
background: url(../images/shop/bigone.png) no-repeat -150px 0;
}

.wrap span.bigone2 a:focus,
.wrap span.bigone2 a:hover,
.wrap span.bigone2 a:active
{
background: url(../images/shop/bigone2.jpg) no-repeat -150px 0;
}

.wrap span.imagwt a:focus,
.wrap span.imagwt a:hover,
.wrap span.imagwt a:active
{
background: url(../images/shop/imagwt.jpg) no-repeat -150px 0;
}










/***SKIP LINKS***/

.skip{
position:absolute;
right: 5%;
width:90%;
top:6px;
background-color:transparent;
text-align:right;
color:#FFCB49;
font: normal 80%/120% Verdana, Arial, Helvetica, sans-serif;
}

.skip a,
.skip a:link,
.skip a:visited{
color:  #929694;
text-decoration: none;
padding: 0 8px 0 8px;
}

.skip a:focus,
.skip a:hover,
.skip a:active{
text-decoration: underline;
color:#FFCB49;
}


/***Validity LINKS***/

.valid,
.yel{
margin: 4px auto 4px auto;
color: #FFCB49;
text-align: center;
}
 p.yel
 {
 color :  #929694;
 }
.valid a,
.valid a:link,
.valid a:visited,
.valid span,
.yel a,
.yel a:link,
.yel a:visited{
color :  #929694;
text-decoration : none;
text-align: center;
font: normal 110%/130% tahoma, Helvetica, sans-serif;
padding: 0 10px 0 10px;
}

.yel a:focus,
.yel a:hover,
.yel a:active,
.valid a:focus,
.valid a:hover,
.valid a:active{
color : #FFCB49;
text-decoration : underline;
}

h2 span.valid,
h3 span.valid{
position:absolute;
font-size: 65%;
right: 26.5%;
}

body#home h2 span.valid,
body#shop h2 span.valid,
body#usa-store h2 span.valid
{
right:1%;
}

body#home h3
{
margin-top:3px;
}

h3 span.valid{
 right: 27.0%;
 font-size: 70%;
}


body#gigs .maincol h2 span.valid,
body#venues .maincol h2 span.valid
{
right:2%;
}

h2 span.valid a,
h2 span.valid a:link,
h2 span.valid a:visited{
color: #FFCB49;
}

h3 span.valid a,
h3 span.valid a:link,
h3 span.valid a:visited{
color: #929694;
border: 1px solid #ffcb49;
}

h3 span.valid a:focus,
h3 span.valid a:hover,
h3 span.valid a:active{
color: #ffcb49;
border: 1px solid #929694;
background-color: #fff;
}


/***FORMATTING***/

h1, h2{
font: bold 200% Arial, Helvetica, sans-serif;
line-height: 150%;
color: #FFCB49;
background-color:  #929694;
padding:0 5px 0 5px;
}

h2{
font: bold 150%/155% Arial, Helvetica, sans-serif;
}

h3,
h4,
.level3hdr{
color: #929694;
font: bold 120% Arial, Helvetica, sans-serif;
padding: 0 5px;
}

h4
{
font:normal 110% Arial, Helvetica, sans-serif;
margin-bottom: 6px;
}

body#downloads .level3hdr,
body#listen-to .level3hdr{
display: block;
text-align:center;
color: #FF4646;
font-size:130%;
margin:5px 0 3px 0;
letter-spacing: 1px;
}

.box{
position:relative;
margin: 0 12px 8px 12px;
border: 1px solid #FF4646;
background-color: #ececec;
padding: 5px 12px 5px 12px;
}

div.box p{
font: bold 95%/140% verdana, helvetica, sans-serif;
}

.maincol p,
.rightcol p,
.maincol ol{
font: normal 110%/120% Verdana, Helvetica, sans-serif;
margin: 4px 0 6px 0;
padding: 0 5px;
}

.maincol ol{
margin-left: 5px;
list-style-position: inside;
font-weight: bold;
padding-left: 2em;
text-indent: -2em;
}

.maincol ol li{
 margin-bottom:10px;
}

.maincol ol li ul li{
 margin-bottom: 1px;
}

.maincol ol li span,
.maincol ul li span{
 font-weight: normal;
 color: #000;
}


.maincol ul,
.maincol ol li ul{
margin-left: 15px;
list-style-type: square;
color: #FFCB49;
list-style-position: inside;
padding-left: 2em;
text-indent: -2em;
}

body#management .maincol ul{
font-size: 115%;
}

.maincol ol li ul{
font-size:100%;
}

.maincol .wrap,
.maincol .wrap2,
.maincol .wrap3{
position:relative;
width:100%;
min-height:200px;
height: auto;
margin: 15px 0;
clear: both;
}

.maincol .wrap2{
position:relative;
width:100%;
height: auto;
min-height: 0;
text-align:center;
margin: 15px 0;
clear:both;
}

.maincol .wrap3{
min-height: 85px;
}


.maincol .wrap2 img{
border: 1px solid #929694;
margin:10px auto 5px auto;
}

.maincol .wrap2 img.nobord{
border: 0;
margin:10px auto 5px auto;
}


.maincol .wrap2 p{
font-weight: bold;
color: #929694;
margin-top: 0;
}



.maincol .left,
.maincol .lefta,
.maincol .left2,
.maincol .left3,
.maincol .left4,
.maincol .left5,
.maincol .right,
.maincol .righta,
.maincol .right2,
.maincol .right3,
.maincol .right4,
.maincol .middle{
display: inline;
float:left;
width:150px;
height:200px;
margin: 4px 5px 6px 4px;
border: 1px solid #FFCB49;
}

.maincol .right,
.maincol .righta,
.maincol .right2,
.maincol .right3,
.maincol .right4{
float:right;
}

.maincol .left2,
.maincol .right2{
height:245px;
border: 2px solid #FFCB49;
}

.maincol .lefta,
.maincol .righta{
height:209px;
border: 1px solid #000;
}

.maincol .right3,
.maincol .left3{
width:190px;
height:312px;
margin-bottom: 2px;
}

.maincol .right3{
height: 270px;
}

.maincol .right4{

border: none;
}

.maincol .left4{
width:180px;
height:152px;
margin-bottom: 2px;
}

.maincol .left5{
width:60%;
border:none;
clear:right;
}

.maincol .left-a{
display: inline;
width:130px;
height: 308px;
float:left;
margin:5px 8px 5px 5px;
border: 1px solid #929694;
}

.instruct,
.topcapt,
.topcapt1{
display: block;
width:380px;
margin:auto;
text-align: center;
font: italic normal 95%/105% Verdana, Helvetica, sans-serif;
color: #929694;
z-index: 20;
padding-bottom:2px;
}

.topcapt,
.topcapt1{
width:80%;
margin:10px auto 4px auto;
}

.topcapt1{
border-top: 1px solid #ffd46b;
padding-top: 10px;
}





/*Centered Floating Thumbnails*/
.wrapper {
	text-align: center;
	background-color: transparent;
	margin-top: 10px;
}
.wrapper p {
	display: inline;
}
.wrapper span,
.wrapper span.large,
.wrapper span.large1,
.wrapper span.large2,
.wrapper span.large3,
.wrapper span.large4,
.wrapper span.large5 {
	margin: 1em;
	vertical-align: top;
	width: 156px;
    height: 200px;
	display: table-cell;
	display: inline-table;
	color: #929694;
	font-weight:bold;
}
.wrapper span.large {
width: 178px;
height: 298px;
}

.wrapper span.large1 {
width: 294px;
height: 275px;
}

.wrapper span.large2 {
width: 175px;
height: 225px;
}

.wrapper span.large3 {
width: 178px;
height: 180px;
}

.wrapper span.large4 {
width: 372px;
height: 410px;
}

.wrapper span.large5 {
width: 180px;
height: 210px;
}



/*.wrapper p>span {
	vertical-align:top;
}*/
.wrapper p img {
display: block;
	margin-bottom: 1px;
	border: 1px solid #929694;
	margin-top: 5px;
}

.wrapper p img.nobord {
border: none;
}

abbr.initialism {
border-bottom: 1px dashed #ffd46b;
speak : spell-out;
}


body#miscellany .maincol p.first{
padding-top: 5px;
}
body#miscellany .maincol p.last
{
padding-bottom: 5px;
}
body#largetext .maincol p.last{
padding-bottom: 8px;
}
.underline{
text-decoration: underline;
}

.cent,
.cent1,
.cent2,
.cent3,
.cent4
{
 text-align: center;
 word-spacing:2px;
}
.cent1,
.cent2
{
position:relative;
top: -10px;
}
.cent2
{
top: 5px;
margin: 2px auto 8px auto;
}
.cent2 img
{
margin-top: 3px;
border: 1px solid #FFCB49;
}

.cent3
{
position: static;
background-color:#FFF6DE;
margin: -2px 0;
padding:0;
border: none;
}

.cent4
{
margin: 10px 0 10px 0;
}

.rightcol .cent,
.navcol .cent
{
background-color:#FFF;
}

/*
¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦
¦¦          IMAGE BOX               ¦¦
¦¦large image shows on hover & Focus¦¦
¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦
*/

.imgbox{

background-color: transparent;
border: 0;
display: block;
margin: 0 auto;
padding: 0;
position: relative;
}

.imgbox a{
cursor: default;
text-decoration:none;
}

.imgbox a .flyout,
.imgbox span{
display: none;
outline: none;
}

.imgbox a:hover .flyout,
.imgbox a:focus .flyout{
position: fixed;
 display: table-cell;
	display: inline-table;
margin:auto;
top: 5%;
left:1.6%;
z-index: 2;
clear:both;

}

.imgbox a:hover span.flyout,
.imgbox a:focus span.flyout{
display:inline;
width: 760px;
color: #929694;
height: 24px;
margin: 202px 0 2px 0;
text-align: center;
background-color: #FFF;
font: normal 135%/145% Verdana, Helvetica, Sans-serif;
border: 2px solid #FFCB49;
}

.imgbox img{
background-color: transparent;
border: 0;
padding: 0;
width: 380px;
height: 97px;
}

.imgbox img.flyout{
background-color: #FFF;
width: 760px;
height: 195px;
border: 2px solid #929694;
}

/*
¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦
¦¦         / IMAGE BOX              ¦¦
¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦
*/




.playerfloat{
position:relative;
width:296px;
margin: 25px auto;
text-align: center;
}



/*
¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦
¦¦ CENTERED FLOATING THUMBNAILS WITH ¦¦
¦¦           IMAGE BOX               ¦¦
¦¦large image shows on hover & Focus ¦¦
¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦
*/

.wrapper3 {
position:relative;
	text-align: center;
	background-color: transparent;
	margin-top: 20px;
}
.wrapper3 p {
	display: inline;

}
.wrapper3 span {

	margin: 1em;
	vertical-align: top;
	width: 180px;
  height: 230px;
	display: table-cell;
	display: inline-table;
	z-index:200;
}

/*.wrapper3 p>span {
	vertical-align:top;
}*/

.wrapper3 p img {
display: block;
	margin-bottom: 5px;
	border: 1px solid #929694;
	margin-top: 5px;
}
.wrapper3 a {
	text-decoration: none;
 	color:#929694;
	font-weight:bold;
 }



 
.wrapper3 a .flyout,
.wrapper3 span.flyout{
display: none;
}

.wrapper3 a:hover .flyout,
.wrapper3 a:focus .flyout{
position: fixed;
 display: table-cell;
	display: inline-table;
margin:auto;
top: 2%;
left:27.75%;
text-decoration: none;
z-index: 20;
}
 
.wrapper3 a:hover span.flyout,
.wrapper3 a:focus span.flyout{
display:inline;
width: 380px;
color: #929694;
height: 24px;
margin: 388px 0 2px 0;
text-align: center;
background-color: #FFF;
font: normal 135%/145% Verdana, Helvetica, Sans-serif;
}
 
.wrapper3 .flyout{
display: none;
border: 2px solid  #929694;
background-color: #FFF;
width: 380px;
height: 380px;
}
 
.wrapper3 span.flyout{
 border: 2px solid #ffcb49;
}


/*
¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦
¦¦  /CENTERED FLOATING THUMBNAILS   ¦¦
¦¦         WITH IMAGE BOX           ¦¦
¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦
*/



.red
{
color: #f00;
}


/*Definition List for Site Map*/

dl
{
list-style-type: none;
list-style-position: inside;
color:#000;
margin: 5px 0 12px 10px;
font: normal 100%/102% tahoma, Helvetica, sans-serif;
letter-spacing: 1px;
}

dt {
margin: 18px 0 0 0;
padding:0;
}

dd
{
margin:0;
}

dt a,
dt li a:link,
dt a:visited,
dd a,
dd li a:link,
dd a:visited{
display:inline;
text-decoration: none;
color: #F00;
font: normal 110%/115% tahoma, Helvetica, sans-serif;
padding:0;
}

dd a,
dd li a:link,
dd a:visited{
color:#929694;
 }
dt a:focus,
dt a:hover,
dt a:active,
dd a:focus,
dd a:hover,
dd a:active
{
color:#FFCB49;
}


div.smallads{
margin: 50px auto 10px auto;
}

.smallads h3{
text-align: center;
margin: 40px auto 6px auto;
}

.smallads .cont img{
display: block;
text-align: center;
margin: 0 auto;
}


/*
  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div {
width:95%;
margin:auto;
font-size: 100%;
}

/* id for the form itself */
form#gb_form {
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead {
  font-size : 1.6em;
  color : #929694;
  background-color:transparent;
  text-align: center;
  margin: 5px auto -4px auto;
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap {
width:380px;
margin: 0 auto 10px auto;
  background-color : #fff6de;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset {
  background-color : #fff6de;
}

/* form legends and dt "heading" */
legend, dt {
  font-weight : bold;
  color : #929694;
}

/* main legend at top of the form */
legend#mainlegend {
  font-size : 1.2em;
  color : #FFCB49;
}

/* form label text */
label {
  color : #929694;
  top: -20px;
}


/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox {
  font : 120% 'Trebuchet MS', sans-serif;
  width:60%;
  color : #666;
  padding : 2px;
  border : 1px solid #ffcb49;
  background-color : #fffffa;
  margin-bottom:12px;
}

textarea.textbox {
width: 96%;
}

input.short{
 width:40px;
 position: relative;
 top:10px;
}

input.button
{
margin:20px 0 8px 0;
color: #ffcb49;
background-color: #929694;
font: bold 135%/140% tahoma, Helvetica, sans-serif;
padding: 2px 5px;
}

 input.button:focus,
 input.button:hover
{
margin-top:20px;
color: #929694;
background-color: #ffcb49;
}






/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus {
  color : #000;
  border : 1px solid #000;
  background-color : #fff;
}


/* to make focus stable in IE 6 */

* html input.button {
border: none;
color: #ffcb49;
background-color: #929694;
font: bold 135%/135% tahoma, Helvetica, sans-serif;
padding:0;
}
* html input.button.hover {
border: none;
color: #929694;
background-color: #ffcb49;
}
* html input.button.focus {
border: none;
color: #929694;
background-color: #ffcb49;
}




/* for the checkbox input */
input.checkbox {
position:relative;
top: 8px;
margin: 5px 0 10px 0;
}








/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error {
  color : #cd0000;
  font-weight : bold;
}

/* success heading color */
span.success {
  color : #929694;
  font-weight : bold;
  font-size:100%;
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis {
  font-size : 100%;
}

/* set up relativity to position small Why? text */
small.whythis {
  position : relative;
}

/* Why? link style */
small.whythis a {
  text-decoration : none;
  font-size : 100%;
  color: #929694;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active {
  text-decoration : none;
  color: #ffcb49;
}

/* hide the Why? text span */
small.whythis a span {
position: static;
display: block;
width:60%;
  border : 1px solid #fff6de;
  background-color : #fff6de;
  padding : 0 4px 0 4px;
  color : #fff6de;
  text-decoration : none;
  text-align: center;
}

/* bring back Why? text span (title attribute backs this up for browsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span {
	position:static;
 display: block;
  border : 1px solid #000;
  background-color : #eecc11;
  color : #000;
  padding : 0 4px 0 4px;
  text-decoration : none;
}

/* the link back to me for form credit */
p.creditline {
  float : right;
  width:100%;
  margin :40px auto 2px auto;
  padding : 0 0 1px 0;
  font-size : 100%;
  text-align: center;
}

p.creditline a,
p.creditline a:link,
p.creditline a:visited{
color: #929496;
text-decoration:none;
}

p.creditline a:focus,
p.creditline a:hover,
p.creditline a:active{
color: #ffcb49;
text-decoration:underline;
}


/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr {
  cursor : help;
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #929694;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #929694;
  font-size: 150%;
}

small a,
small a:link,
small a:visited
{
  color : #929694;
}

small a:focus,
small a:hover,
small a:active
{
  color : #ffcb49;
}

#gb_form_div ul
{
color: #000;
font-size: 120%;
}

#gb_form_div ul li span
{
color: #929694;
}

#gb_form_div ul li a,
#gb_form_div ul li a:link,
#gb_form_div ul li a:visited
{
color: #929694;
text-decoration: none;
}

#gb_form_div ul li a:focus,
#gb_form_div ul li a:hover,
#gb_form_div ul li a:active
{
color: #ffcb49;
text-decoration: underline;
}

/* End form CSS */





/*Google Search Box Form*/

div.cent label
{
font: normal 110%/115% tahoma, Helvetica, sans-serif;
color:#000;
}

div.ptb
{
margin: 3px 0 3px 0;
}

input#sbi
{
border: 1px solid #929694;
margin-top:4px;
}



input#sbb
{
background-color:#929694;
color:#FFcb49;
font: bold 135%/140% tahoma, Helvetica, sans-serif;
padding: 2px 5px;
margin-bottom:4px;
}


 input#sbb:focus,
 input#sbb:hover
{
color: #929694;
background-color: #ffcb49;
}


/* to make focus stable in IE 6 */

* html input#sbb {
border: none;
color: #ffcb49;
background-color: #929694;
font: bold 135%/135% tahoma, Helvetica, sans-serif;
padding:0;
}
* html input#sbb.hover {
border: none;
color: #929694;
background-color: #ffcb49;
}
* html input#sbb.focus {
border: none;
color: #929694;
background-color: #ffcb49;
}

* html input#sbi
{
background-color: #FFFFFF;
color: #000000;
}

* html input#ss0,
* html input#ss1
{
background-color: transparent;
color: #000000;
}


* html input#ss0.hover,
* html input#ss1.hover
{
background-color: transparent;
color: #000000;
}

* html input#ss0.focus,
* html input#ss1.focus
{
background-color: transparent;
color: #000000;
}








form
{
background-color: #fff6de;
margin:0;
border: none;
padding: 0;
}


.cont p
{
font: bold 125%/125% tahoma, Helvetica, sans-serif;
text-align: center;
color: #f00;
margin: 5px 0 20px 0;
border: 1px solid #FFCB49;
}


blockquote
{
text-align: center;
font: italic 94%/100% tahoma, Helvetica, sans-serif;
}


blockquote span
{
font: italic 170% Arial, Helvetica, sans-serif;
color: #FFCB49;
}



.rightcol p
{
color: #000;
font-size: 85%;

}



/*;;;;;;;;;;;;;;;SHOP LINKS;;;;;;;;;;;;;**/

.wrap ul.lt,
.wrap ul.rt,
.redr
{
display: block;
list-style-type: none;
margin: 0;
text-align:left;
padding-bottom: 5px;
}
.wrap ul.rt
{
text-align: right;
}
.redr
{
text-align: center;
}



.wrap ul.lt li,
.wrap ul.rt li
{
display:block;
margin: 4px 12px 4px 154px;

}

.wrap ul.rt li
{
display: block;
margin: 4px 154px 4px 12px;

}


.wrap li a,
.wrap li a:link,
.wrap li a:visited,
.redr a,
.redr a:link,
.redr a:visited
{
color: #F00;
letter-spacing:1px;
text-decoration: none;
background-color: transparent;
font: normal 120% tahoma, Helvetica, sans-serif;
padding:2px 0 2px 8px;

}



.wrap li a:focus,
.wrap li a:hover,
.wrap li a:active,
.redr a:focus,
.redr a:hover,
.redr a:active
{
color : #929694;
background-color: #FFCB49;
}



/*======================== SHOP MENU DEFINITIONS ========================*/

.wrap ul.lt li ul,
.wrap ul.rt li ul
{
display:none;
}


.wrap ul.lt li:hover a
.wrap ul.rt li:hover a,
.wrap ul.lt li a:hover,
.wrap ul.rt li a:hover                        /* selected top-level menu items */
{
position:relative;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.wrap ul.lt li:hover ul,
.wrap ul.lt li a:hover ul
{                           /* 2nd level drop-down box */
display:block;
position: absolute;
margin:0;
top:4px;
left:5px;
height:202px;
width:150px;
color:#F00;
background:#ccc;
padding: 0;
}


.wrap ul.rt li:hover ul,
.wrap ul.rt li a:hover ul
{
display:block;
position: absolute;
margin:0;
top:4px;
right:6px;
height:205px;
width:150px;
color:#F00;
background:#ccc;
padding:0;
}


.wrap ul.lt li:hover ul li a,                      /* 2nd level unselected items */
.wrap ul.lt li:hover ul li a:link,
.wrap ul.lt li:hover ul li a:visited,
.wrap ul.lt li a:hover ul li  {
border:0;
margin: 0;
margin-left:-154px;
left: 0;
padding: 1px 0 1px 0;
height:auto;
color:#F00;
background:#ccc;
text-align: left;
text-indent: 0;
position: relative;
width: 150px;
display: block;
}

.wrap ul.rt li:hover ul li a,
.wrap ul.rt li a:hover ul li {                   /* 2nd level unselected items */
position: relative;
border:0;
margin:0;
right: 0;
padding: 1px 0 1px 0;
height:auto;
color:#F00;
background-color:#ccc;
margin-left: -12px;
width: 150px;
display: block;
text-align: left;
text-indent: 0;
}


.wrap ul.lt li:hover ul li:hover a,
.wrap ul.lt li a:hover ul li a:hover
 {                /* 2nd level selected item */
border:0;
margin:0;
padding: 1px 0 1px 0;
color:#929694;
background:#FFCB49;
margin-left: -154px;
display:block;
width: 150px;
position:relative;
text-align: left;
text-indent: 0;
}


.wrap ul.rt li:hover ul li:hover a,
.wrap ul.rt li a:hover ul li a:hover
{                /* 2nd level selected item */
border:0;
margin:0;
right: 0;
padding: 1px 0 1px 0;
color:#929694;
background:#FFCB49;
margin-left: -12px;
display:block;
width: 150px;
position:relative;
text-align: left;
text-indent: 0;
}

/*;;;;;;;;;;;;;;;END OF SHOP LINKS;;;;;;;;;;;;;**/





/*Download Links*/

ol.download
{
list-style-type: decimal;
color:#929694;
background-color:  #f1f1f1;
width: 300px;
margin: 5px auto 12px auto;
border: 1px solid #929694;
letter-spacing: 1px;
}

ol.download li
{
margin: 5px 0 5px 10px;
}

ol.download  li a,
ol.download  li a:link,
ol.download  li a:visited
{
display:inline;
text-decoration: none;
color: #F00;
font: normal 110%/175% tahoma, Helvetica, sans-serif;
padding: 2px 6px 2px 6px;
}


ol.download  li a:focus,
ol.download  li a:hover,
ol.download  li a:active
{
color : #929694;
background-color: #FFCB49;
}

.rightcol ul,
div.cont ul,
.navcol ul.soc
{
list-style: none;
list-style-position: outside;
text-align:center;
}
.rightcol ul li,
div.cont ul li,
.navcol ul.soc li
{
margin:5px 0 5px 0;
}
.navcol ul.soc li a
{
background-color: #fff;
}

 .non-nav
{
border:2px solid #929694;
padding-bottom:6px;
}

 .non-nav p
{
margin:4px;
}

 .non-nav p.cent
 {
margin:0;
}