body {
  padding: 0;
  background-image: url("../images/thtch.gif");
  background-repeat: repeat;
  font-family: Arial, Helvetica, sans-serif;
  background-attachment: fixed;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  height: 100%;
}
a:focus {
  outline: 0;
  text-decoration: none;
}

.athidden {
  visibility: hidden;
}

h1 {
  font-size: 18px;
  text-align: center;
  margin: 0;
  text-decoration: none;
}
h2 {
  font-size: 80%;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

h3 {
  font-size: 80%;
  text-decoration: none;
}

#wrapper {
  /* width was 1000px*/

  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: 900px; /* 800px*/
  min-height: 100%;
  height: auto !important;
}
/* dropline menu */

.style1 {
  width: 614px;
  height: 49px;
}
ol,
ul {
  list-style: none;
}

#masthead {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.noborder {
  /* eliminates border around logo */
  border-width: 0;
}

#phone {
  /* styles phone numbers under logo */
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  word-spacing: 100px;
  color: #000;
  background-color: transparent;
  text-decoration: none;
  margin: 10px;
  margin-bottom: 155px;
  font-size: large;
  letter-spacing: 1px;
}

.lauhala_brown {
  background-color: #cead8e;
}

#dropline {
  /* list id - style the whole thing here*/
  padding: 0;
  list-style: none;
  background: url(https://www.barkclothhawaii.com/images/nav_buttons/trans.gif);
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  font-family: arial, sans-serif;
  height: 41px; /* 41px*/
  width: 800px; /* 800px*/
  position: relative; /* had it as left:100px;*/
  top: -120px; /* -120px how far the dropline sits below buttons */
}
#dropline div {
  /* position of dropline text*/
  padding: 2px;
  margin: auto 15px auto;
  list-style: none;
  position: absolute;
  left: -9999px; /* -9999px*/
  width: 800px; /* 820px*/
  text-align: center; /* left*/
  background: url("https://www.barkclothhawaii.com/trans.gif"); /* url(trans.gif*/
}
#dropline table {
  border-collapse: collapse;
  font-size: 1em; /* 1em*/
  float: left; /* left*/
  margin: -1px; /* -1px*/
  width: auto;
} /* -1px*/

#dropline ul li {
  /* vertical space between dropline */
  display: inline; /* inline*/
  margin: 0px 0 0 0; /* 0000*/
  text-align: center;
} /* dropline position */

/* all horiz linked menu text */
#dropline ul li a {
  display: inline-block; /* inline-block*/
  height: 23px; /* 23px*/
  line-height: 30px; /* 30px*/
  margin: 0; /* 0*/
  padding: 0 5px; /* -50  55*/
  background: transparent; /* transparent*/
  font-weight: bold;
  font-size: 14px;
}

#dropline li {
  display: inline;
  margin: 0 -2px; /* 0, -2 space between buttons,replace color:= 8B0000 */
  text-align: right;
} /*  right color and position of text on a buttons and dropline */

#dropline li a {
  display: inline-block;
  height: 36px; /* 36*/
  margin: 5px -6px 0 0; /* 5 000*/
  padding: 0px 15px 0 0; /* 0 15 0 0*/
  background: url(../images/nav_buttons/topnoarrow.gif) right top;
  line-height: 30px; /* 30px*/
  text-decoration: none;
  color: #8b0000; /* 8B0000*/
  cursor: pointer;
}
/* horz width of buttons */

#dropline li a.sub {
  background: url(../images/nav_buttons/toparrow.gif) right top;
}
html>    /* right top button position */

body #dropline li {
  margin: 0px; /* 0*/
  display: inline-block;
  padding: 0; /* 0*/
}

* html #dropline li a {
  margin-bottom: -4px;
  margin-right: 3px;
} /* -4px   3px*/

#dropline li a b {
  display: block;
  height: 36px;
  float: left;
  padding: 0 0 0 25px;
  background: url(../images/nav_buttons/topnoarrow.gif) left top;
}

#dropline li a:hover {
  /* hover button text */
  /* replace color:= fff */
  background-position: right bottom;
}
#dropline li a:hover b {
  /* color:= hover button text */ /* replace color:= DC143C */
  background-position: right bottom;
}
/* replace color:= fff, position of hover text */
#dropline li:hover > a {
  background-position: right bottom;
}

#dropline li:hover > a b {
  background-position: left bottom;
} /* moves arrow spacing */

#dropline :hover div {
  left: -40px;
  top: 41px; /* top 41px*/
  text-align: center; /* center*/
}

/* background color: of all hovered dropline text */
#dropline :hover ul li a:hover {
  text-decoration: none;
}
/* Style colors here */
div ul #aqua a:hover {
  background-color: #afeeee;
  color: black;
}

div ul #black a:hover {
  background-color: #000;
  color: #fff8dc;
}

div ul #blue a:hover {
  background-color: #add8e6;
  color: black;
}

div ul #brown a:hover {
  background-color: #d2b48c;
  color: #fff8dc;
}

div ul #gray a:hover {
  background-color: #c0c0c0;
  color: black;
}

div ul #green a:hover {
  background-color: #8fbc8f;
  color: #fff8dc;
}

div ul #natural a:hover {
  /* styles dropdowns */
  background-color: #f5f5dc;
  color: black;
}

div ul #orange a:hover {
  background-color: #ffa07a;
  color: black;
}

div ul #pink a:hover {
  background-color: #ffe4e1;
  color: black;
}

div ul #purple a:hover {
  background-color: #dda0dd;
  color: black;
}

div ul #red a:hover {
  background-color: #b22222;
  color: #fff8dc;
}

div ul #yellow a:hover {
  background-color: #f0e68c;
  color: black;
}

div ul #abstracts a:hover {
  background: url("../images/nav_buttons/atomic.png") no-repeat center;
  height: 25px;
  width: 75px;
}

/* distanc between pic and label pushes the label  	height: 25px;
	use to have for all motif spans:
	width: 75px;height 25px
	margin-top: 5px;
	margin-bottom: 50px;
 */

#abstracts a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #anthurium a:hover {
  background: url("../images/nav_buttons/anthurium.png") no-repeat center;
  height: 25px;
}

#anthurium a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #bamboo a:hover {
  background: url("../images/nav_buttons/bamboo.png") no-repeat center;
  height: 25px;
}

#bamboo a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #bop a:hover {
  background: url("../images/nav_buttons/bop2.png") no-repeat center;
  height: 25px;
}

#bop a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #critters a:hover {
  background: url("../images/nav_buttons/koi.png") no-repeat center;
  height: 25px;
}

#critters a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #folks a:hover {
  background: url("../images/nav_buttons/hulagrl.png") no-repeat center;
  height: 25px;
}

#folks a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #ginger a:hover {
  background: url("../images/nav_buttons/ginger2.png") no-repeat center;
  height: 25px;
}

#ginger a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #heliconia a:hover {
  background: url("../images/nav_buttons/heliconia.png") no-repeat center;
  height: 25px;
}

#heliconia a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #hibiscus a:hover {
  background: url("../images/nav_buttons/hibiscus.png") no-repeat center;
  height: 25px;
}

#hibiscus a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #keiki a:hover {
  background: url("../images/nav_buttons/keiki.png") no-repeat center;
  height: 25px;
}

#keiki a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #leafy a:hover {
  background: url("../images/nav_buttons/leafy.png") no-repeat center;
  height: 25px;
}

#leafy a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #orchids a:hover {
  background: url("../images/nav_buttons/orchid.png") no-repeat center;
  height: 25px;
}

#orchids a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #palms a:hover {
  background: url("../images/nav_buttons/palm.png") no-repeat center;
  height: 25px;
}

#palms a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #plumeria a:hover {
  background: url("../images/nav_buttons/plumeria.png") no-repeat center;
  height: 25px;
}

#plumeria a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #other a:hover {
  background: url("../images/nav_buttons/protea.png") no-repeat center;
  height: 25px;
}

#other a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #solids a:hover {
  background: url("../images/nav_buttons/solids.png") no-repeat center;
  height: 25px;
}

#solids a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #surfboards a:hover {
  background: url("../images/nav_buttons/surf.png") no-repeat center;
  height: 25px;
}

#surfboards a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #woodies a:hover {
  background: url("../images/nav_buttons/woody.png") no-repeat center;
  height: 25px;
}

#woodies a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #nubby:link {
  color: #000;
}
div ul #nubby:visited {
  color: #8b4513;
}
div ul #nubby:hover {
  background: #f5f5dc;
}

div ul #crepe:link {
  color: #000;
}
div ul #crepe:visited {
  color: #8b4513;
}
div ul #crepe:hover {
  background: #f5f5dc;
}

div ul #canvas57:link {
  color: #000;
}
div ul #canvas57:visited {
  color: #8b4513;
}
div ul #canvas57:hover {
  background: #f5f5dc;
}

div ul #inout:link {
  color: #000;
}
div ul #inout:visited {
  color: #8b4513;
}
div ul #inout:hover {
  background: #f5f5dc;
}

div ul #twill:link {
  color: #000;
}
div ul #twill:visited {
  color: #8b4513;
}
div ul #twill:hover {
  background: #f5f5dc;
}

div ul #weaved:link {
  color: #000;
}
div ul #weaved:visited {
  color: #8b4513;
}
div ul #weaved:hover {
  background: #f5f5dc;
}

div ul #nonup44:link {
  color: #000;
}
div ul #nonup44:visited {
  color: #8b4513;
}
div ul #nonup44:hover {
  background: #f5f5dc;
}

div ul #nonup57:link {
  color: #000;
}
div ul #nonup57:visited {
  color: #8b4513;
}
div ul #nonup57:hover {
  background: #f5f5dc;
}

div ul #apparel:link {
  color: #000;
}
div ul #apparel:visited {
  color: #8b4513;
}
div ul #apparel:hover {
  background: #f5f5dc;
}

div ul #rayon:link {
  color: #000;
}
div ul #rayon:visited {
  color: #8b4513;
}
div ul #rayon:hover {
  background: #f5f5dc;
}

div ul #fleece:link {
  color: #000;
}
div ul #fleece:visited {
  color: #8b4513;
}
div ul #fleece:hover {
  background: #f5f5dc;
}

div ul #canvas44:link {
  color: #000;
}
div ul #canvas44:visited {
  color: #8b4513;
}
div ul #canvas44:hover {
  background: #f5f5dc;
}

div ul #email:link {
  color: #d30601;
}
div ul #email:visited {
  color: #8b4513;
}
div ul #email:hover {
  background: #d6f1e8;
}

div ul #address:link {
  color: #000;
}
div ul #adress:visited {
  color: #8b4513;
}
div ul #adress:hover {
  background: #f5f5dc;
}

div ul #refer:link {
  color: #000;
}
div ul #refer:visited {
  color: #8b4513;
}
div ul #refer:hover {
  background: #d6f1e8;
}

div ul #certs:link {
  color: #000;
}
div ul #certs:visited {
  color: #8b4513;
}
div ul #certs:hover {
  background: #f5f5dc;
}

div ul #ibds:link {
  color: #000;
}
div ul #ibds:visited {
  color: #8b4513;
}
div ul #ibds:hover {
  background: #f5f5dc;
}

div ul #pillows:link {
  color: #000;
}
div ul #pillows:visited {
  color: #8b4513;
}
div ul #pillows:hover {
  background: #f5f5dc;
}

div ul #hair:link {
  color: #000;
}
div ul #hair:visited {
  color: #8b4513;
}
div ul #hair:hover {
  background: #f5f5dc;
}

div ul #table:link {
  color: #000;
}
div ul #table:visited {
  color: #8b4513;
}
div ul #table:hover {
  background: #f5f5dc;
}

div ul #tags:link {
  color: #000;
}
div ul #tags:visited {
  color: #8b4513;
}
div ul #tags:hover {
  background: #f5f5dc;
}

div ul #seeds:link {
  color: #000;
}
div ul #seeds:visited {
  color: #8b4513;
}
div ul #seeds:hover {
  background: #f5f5dc;
}

div ul #bags:link {
  color: #000;
}
div ul #bags:visited {
  color: #8b4513;
}
div ul #bags:hover {
  background: #f5f5dc;
}

div ul #patterns:link {
  color: #000;
}
div ul #paterns:visited {
  color: #8b4513;
}
div ul #patterns:hover {
  background: #f5f5dc;
}

div ul #bedding:link {
  color: #000;
}
div ul #bedding:visited {
  color: #8b4513;
}
div ul #bedding:hover {
  background: #f5f5dc;
}

div ul #curtains:link {
  color: #000;
}
div ul #curtains:visited {
  color: #8b4513;
}
div ul #curtains:hover {
  background: #f5f5dc;
}

div ul #holiday:link {
  color: #000;
}
div ul #holiday:visited {
  color: #8b4513;
}
div ul #holiday:hover {
  background: #f5f5dc;
}

div ul #notions:link {
  color: #000;
}
div ul #notions:visited {
  color: #8b4513;
}
div ul #notions:hover {
  background: #f5f5dc;
}

div ul #scraps:link {
  color: #000;
}
div ul #scraps:visited {
  color: #8b4513;
}
div ul #scraps:hover {
  background: #f5f5dc;
}

div ul .droptext:link {
  color: #000;
  background-color: transparent;
} /*highlight text backgrnd cream*/
div ul .droptext:visited {
  color: #8b4513;
  background-color: transparent;
}
div ul .droptext:hover {
  background: #f5f5dc;
}

div ul .aquadroptext:link {
  border-style: none;
  color: #d30601;
} /*highlight text backgrnd aqua*/
div ul .aquadroptext:visited {
  border-style: none;
  color: #8b4513;
  background-color: transparent;
}
div ul .aquadroptext:hover {
  border-style: none;
  background: #c3e1d2;
}

#last a:link {
  color: #000606;
}
#last a:active {
  color: #cc0000;
}
#last a:hover {
  color: #008b8b;
}
#last a:visited {
  color: #008080;
}

#message {
  cursor: pointer;
}

html,
body {
  height: 100%;
}

#right_col {
  width: 175px;
  height: 550px;
  bottom: 300px;
  margin-left: 850px;
  position: fixed;
  top: 15%;
  margin-bottom: 200px;
  text-decoration: none;
  list-style-type: none;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
}

/*bullets and fab tags */
.rightlab {
  text-decoration: none;
  list-style-type: none;
  font-size: medium;
  font-weight: bold;
}

.rightlab span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-decoration: none;
  list-style-type: none;
  color: #b22222;
}

.rightlab a:link {
  color: #b22222;
  text-decoration: none;
  background-color: transparent;
}
.rightlab a:visited {
  color: #b22222;
  text-decoration: none;
  background-color: transparent;
}
.rightlab a:hover {
  color: #000;
  text-decoration: none;
  background-color: #c3e1d2;
}
.rightlab a:active {
  color: #b22222;
  text-decoration: none;
  background-color: transparent;
}

#left_col {
  width: 150px;
  height: 150px;
  left: -15%;
  position: relative;
  top: -300px;
  text-decoration: none;
  list-style-type: none;
  color: #000;
}

#fabtags {
  border: thin solid #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  text-decoration: none;
  font-weight: lighter;
  font-variant: small-caps;
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  background-color: #c4a585;
  line-height: 18px;
  list-style-type: none;
}

.refer {
  border-style: none;
  top: 1500px;
  text-align: center;
  background-color: transparent;
}

#page_content {
  margin-right: 25px;
  min-width: 650px;
  text-align: center;
  list-style-image: none;
  height: 100%;
  margin-left: -50px;
  width: 800px;
}

#gallery {
  /* gallery white background box */
  border-style: none solid solid solid;
  border-color: #9d5c35 #9d5c35 #9d5c35 #9d5c35;
  background-position: center -14px;
  width: 800px;
  height: 100%; /* length of gallery white background box */
  /* how far down the page that the thumbnails begin */
  margin-left: 70px;
  background-color: #f0eee7;
  z-index: 100;
  list-style-type: none;
  list-style-image: none;
  float: left;
  background-image: url("../images/nav_buttons/gallery/boxtop800.gif");
  background-repeat: no-repeat;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  top: 250px;
}

#gallery h1 {
  font-size: 2em;
  text-align: center;
  text-decoration: none;
  color: #fff8dc;
  padding-top: 0px;
  margin-top: 0px;
}

#gallery ul li {
  /*  gallery images lineup horz*/

  float: left;
  list-style-type: none; /*list style get rid of the dots in the at pics.*/
  border: none;
}

#gallery a.at {
  /*at text*/
  position: relative;
  border: none;
  padding: 0px 18px 28px 0px;
  margin: 0px;
  width: 72px;
  height: 105px; /* v space between gallery images*/
  text-decoration: none;
  float: left;
  list-style-type: none;
  text-align: center;
  list-style-image: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
  background-color: transparent;
  margin: 100px 5px -35px -5px;
  outline: none;
}

#gallery a:hover span {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #c3e1d2;
  border: none;
  cursor: pointer;
  text-align: center;
  list-style-type: none;
}

#gallery a img {
  border: none; /* get rid of border on at pics */
  list-style-type: none;
}

#gallery a .large {
  /* vertical placement of gallery text */
  border: none;
  display: block;
  position: inherit;
  width: 0;
  height: 0px;
  list-style-type: none;
}

#gallery a.at:hover .large {
  /* controls the t hover img */

  display: block;
  position: fixed;
  top: 200px;
  left: 84%;
  width: 144px;
  height: 230px;
  z-index: 100;
  border: none;
}

#ul li.dmtb1 {
  /* controls the img under T hover img */

  display: block;
  position: absolute;
  top: 205px;
  left: 84%;
  width: 95px;
  height: 67px;
  border: none;
}

.heading {
  /* gallery heading */
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  color: #fff8dc;
  background-color: transparent;
  position: absolute;
  display: block;
  font-size: 20px;
  line-height: 15px;
  margin-left: 10px;
  top: 340px;
}

.pages {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  position: absolute;
  display: block;
  font-size: 12px;
  margin-left: 50px;
  top: 390px;
  font-weight: bold;
  outline: none;
}

.pages .numbers {
  /* brown that bes matches gallery heading box*/
  color: #b22222;
  font-weight: lighter;
  font-size: 1em;
}

.pages a:link {
  color: #b22222;
  text-decoration: none;
  background-color: transparent;
  outline: none;
}
.pages a:hover {
  color: #b22222;
  text-decoration: none;
  background-color: #c3e1d2;
  outline: none;
}
.pages a:visited {
  color: #b22222;
  text-decoration: none;
  background-color: transparent;
  outline: none;
}

.pnumbers {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 75%;
  font-weight: lighter;
}

.remnant {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: normal;
  position: relative;
  display: block;
}

.bamboobar1 {
  display: block;
  position: relative;
  top: 40px;
  left: 50px;
}

.cat1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
  font-weight: bold;
  color: #996633;
  text-align: center;
  padding-top: 100px;
  padding-right: 40px;
  cursor: text;
  background-color: transparent;
  margin-top: 100px;
  position: relative;
}

.cat1 a:link {
  color: #996633;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  cursor: text;
}

.cat1 a:visited {
  color: #996633;
  text-decoration: none;
  background-color: transparent;
}

.cat1 a:hover {
  border: thin ridge #996633;
  color: #b22222;
  text-decoration: none;
  background-color: #c3e1d2;
  cursor: text;
}

.cat1 a:active {
  color: #996633;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  cursor: text;
}

.message1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  color: #996633;
  top: 68px;
  right: 85px;
  position: absolute;
  display: block;
  cursor: text;
}
.message1 a:link {
  color: #996633;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
}

.message1 a:visited {
  color: #996633;
  text-decoration: none;
  background-color: transparent;
  cursor: text;
}

.message1 a:hover {
  color: #b22222;
  text-decoration: none;
  background-color: #c3e1d2;
  cursor: text;
}

.message1 a:active {
  color: #996633;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
}

#moretop {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: normal;
  position: relative;

  color: #fff8dc;
  list-style-type: none;
}
.nexttop {
  position: relative;
  display: block;
  text-decoration: none;
  list-style-type: none;
}

.nexttop a:link {
  color: #fff8dc;
  text-decoration: none;
  background-color: transparent;
}

.nexttop a:hover span {
  color: #b22222;
  text-decoration: none;
  background-color: #c3e1d2;
}

.nexttop a:visited {
  color: #fff8dc;
  text-decoration: none;
  background-color: transparent;
}

#morebottom {
  position: relative;
  display: block;
  text-decoration: none;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: normal;
}
.nextbottom {
  position: relative;
  display: block;
  text-decoration: none;
  color: #b22222;
  outline: none;
}

.nextbottom a:link {
  color: #b22222;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
}

.nextbottom a:visited {
  color: #b22222;
  text-decoration: none;
  background-color: transparent;
}

.nextbottom a:hover span {
  color: #b22222;
  text-decoration: none;
  background-color: #c3e1d2;
  cursor: pointer;
}

#footer {
  height: 30px;
  clear: both;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: normal;
  display: block;
  padding-top: 5px;
  text-align: center;
  position: relative;
}

#footer span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  background-color: transparent;
}

#footer a:link {
  color: #b22222;
  text-decoration: none;
  background-color: transparent;
}
#footer a:visited {
  color: #b22222;
  text-decoration: none;
  background-color: transparent;
}
#footer a:hover {
  color: #fff8dc;
  text-decoration: none;
  background-color: transparent;
}
#footer a:active {
  color: #b22222;
  text-decoration: none;
  background-color: transparent;
}