/* CSS layout */
body {
  margin: 0;
  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%;
  width: 770px;
}

#wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#lapparel #lcanvas #lfleece #lcrepe #lindigo#lnubby #linout #ltwill57 #lcanvas57 #lrayon57 #lrayon #lnon #lnon57 {
  float: left;
  width: 100%;
}

yardage next cell body html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1 {
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  line-height: 2;
}

a:focus {
  outline: 0;
  text-decoration: none;
}

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

.lauhala_brown {
  background-color: #cead8e;
}

#masthead {
  text-align: center;
}

#top_nav {
}

#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: -30 auto; /* 0 auto = center position*/
  font-size: 14px;
  font-family: arial, sans-serif;
  height: 41px; /* 41px*/
  width: 875px; /* 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: 5px 0px 0px 70px; /* 5 0 0 70 centers dropline tect horz*/
  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 space between dropline words*/
  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: 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;
}

#container {
  min-width: 650px;
}

#left_col {
  top: 300px;
  width: 25px;
  float: left;
}
#left_col ul {
  height: 300px;
}

#left_col li {
  padding-bottom: 2%;
  top: 510px;
  position: relative;
  text-align: inherit;
  font-size: small;
  margin-left: 25%;
}

.refer {
  border-style: none;
  background-color: transparent;
  z-index: 300;
  position: absolute;
  top: 97%;
  left: -2%;
}

#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;
  margin-bottom: 20px;
  top: 0px;
  position: relative;
}

#right_col {
  /* t = 144w */
  width: 200px;
  float: right;
  padding-left: 5%;
  line-height: 130%;
}

.rightlab {
  text-decoration: none;
  list-style-type: none;
  font-size: large;
  position: fixed;
  display: inline-block;
  z-index: 400;
  width: 150px;
}

.rightlab span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  text-decoration: none;
  list-style-type: none;
  color: #b22222;
  position: fixed;
  top: 55%;
}

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

#page_content {
  margin-left: 125px; /* margin-left: 200px matches #left_col */
  margin-right: 150px; /* margin-right: 200px matches #right_col */
}

.athidden {
  visibility: hidden;
}

.visible {
  visibility: visible;
  top: 500px;
  z-index: 500;
  left: 50px;
}

.container2 {
  text-align: center;
}
.concenter {
  margin-left: 200px;
  margin-right: auto;
  width: 70%;
  position: absolute;
  text-align: left;
  top: 30%;
}

.containerright {
  text-align: center;
  top: -30%;
}
.conright {
  margin-left: -100px;
  height: -30%;
  margin-right: auto;
  width: 70%;
  text-align: right;
}

#gallery {
  /* gallery white background box */
  border-style: none solid solid solid;
  border-color: #9d5c35 #9d5c35 #9d5c35 #9d5c35;
  background-position: center -14px;
  width: 750px;
  height: 100%; /* length of gallery white background box */
  /* how far down the page that the thumbnails begin */
  margin-left: -50px;
  background-color: #f0eee7;
  z-index: 600;
  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: 32px;
  position: relative;
}

#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*/
  float: left;
  width: 75px;
  height: 135px;
  margin: 15px;
  border: none;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
  text-align: center;
  outline: none;
  position: relative;
}

#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: 70px;
  left: 80%;
  width: 144px;
  height: 230px;
  z-index: 100;
  border: none;
  clear: left;
}

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

.pages {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  position: relative;
  display: block;
  font-size: 12px;
  margin-left: 50px;
  top: 40px;
  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 {
  left: 35%;
  position: relative;
  clear: both;
  margin-top: 30px;
  margin-bottom: 2px;
}
#coco {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

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

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

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

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

.comment2 span {
  text-decoration: none;
  font-family: Manuscript;
  position: relative;
  display: inline;
  cursor: text;
  text-align: center;
  quotes: "\201C""\201D";
  float: none;
  line-height: 21px;
  font-size: large;
  color: #666633;
  font-weight: lighter;
  clear: both;
}

.comment2 {
  text-decoration: none;
  font-family: Manuscript;
  position: relative;
  display: inline;
  cursor: text;
  text-align: center;
  quotes: "\201C""\201D";
  float: none;
  line-height: 21px;
  font-size: large;
  color: #666633;
  font-weight: lighter;
  clear: both;
  top: 120px;
}

.rightskinny {
  text-decoration: none;
  font-family: Manuscript;
  position: relative;
  display: inline;
  cursor: text;
  text-align: center;
  quotes: "\201C""\201D";
  float: none;
  line-height: 21px;
  font-size: large;
  color: #666633;
  font-weight: lighter;
  clear: both;
}

#wash {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  font-weight: lighter;
  font-size: small;
  text-decoration: none;
  position: relative;
  display: block;
}

.center {
  text-align: center;
}

.catsub {
  font-family: Arial, Helvetica, sans-serif;
  color: #dbb895;
  font-size: small;
  text-decoration: none;
  text-align: left;
  position: relative;
  width: 680px;
  margin-bottom: 20px;
  padding-left: 20px;
}

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

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

.catsub a:hover {
  color: #996633;
  text-decoration: none;
  background-color: transparent;
  cursor: text;
  font-size: medium;
}

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

.cat1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
  font-weight: bold;
  color: #b22222;
  text-align: left;
  cursor: text;
  background-color: transparent;
  margin-top: 100px;
  position: relative;
  padding-left: 20px;
  clear: both;
  margin-bottom: 6px;
  text-decoration: underline;
}

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

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

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

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

.messagebottom {
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
  font-weight: bold;
  color: #996633;
  top: 50px;
  left: -15%;
  position: relative;
  cursor: text;
  clear: both;
  margin-bottom: 2px;
}
.messagebottom a:link {
  color: #996633;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
}

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

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

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

.message1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
  font-weight: bold;
  color: #996633;
  top: 55px;
  left: 15%;
  position: relative;
  cursor: text;
  clear: both;
  margin-bottom: 2px;
}
.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;
  top: 20px;
  left: -32px;
}
.nexttop {
  position: relative;

  text-decoration: none;
  list-style-type: none;
  top: -5px;
  left: 300px;
}

.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;
  text-decoration: none;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: normal;
  top: -5px;
  left: 165px;
}
.nextbottom {
  position: relative;
  text-decoration: none;
  color: #b22222;
  outline: none;
  top: -25px;
  left: 132px;
}

.nextbottom a:link {
  color: #b22222;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  top: 95%;
  left: 20%;
}

.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;
}

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

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

#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;
}