html
{height: 100%;
 margin-bottom: 1px;
}

body
 {background-image: url(images/background4b.jpg);
  font-family: arial;
  margin-top: .5em;
  text-align: center;
 }

a.biglink:link
 {text-decoration: none;
  font-family: times new roman;
  font-size: 24pt;
  font-weight: bold;
  color: blue;
 }
a.biglink:visited
 {text-decoration: none;
  font-family: times new roman;
  font-size: 24pt;
  font-weight: bold;
  color: blue;
 }
a.biglink:active
 {text-decoration: none;
  font-family: times new roman;
  font-size: 24pt;
  font-weight: bold;
  color: blue;
 }
a.biglink:hover
 {text-decoration: none;
  font-family: times new roman;
  font-size: 24pt;
  font-weight: bold;
  color: red;
 }

a.smalllink:link
 {display: inline-block;
  width: 100%;
  height: 30px;
  text-decoration: none;
  text-align: left;
  padding-top: 8px;  
  color: white;
  background-image: url(images/rollingpinbluesmall.jpg);
  background-repeat: no-repeat;
/*  background-color: rgb(228,228,228); */
  font-family: arial;
  font-size: 8pt;
 }
a.smalllink:visited
 {display: inline-block;
  width: 100%;
  height: 30px;
  text-decoration: none;
  text-align: left;
  padding-top: 8px;  
  color: white;
  background-image: url(images/rollingpinbluesmall.jpg);
  background-repeat: no-repeat;
/*  background-color: rgb(228,228,228); */
  font-family: arial;
  font-size: 8pt;
 }
a.smalllink:active
 {display: inline-block;
  width: 100%;
  height: 30px;
  text-decoration: none;
  text-align: left;
  padding-top: 8px;  
  color: white;
  background-image: url(images/rollingpinbluesmall.jpg);
  background-repeat: no-repeat;
/*  background-color: rgb(228,228,228); */
  font-family: arial;
  font-size: 8pt;
 }
a.smalllink:hover
 {display: inline-block;
  width: 100%;
  height: 30px;
  text-decoration: none;
  text-align: left;
  padding-top: 8px;  
  color: black;
  background-image: url(images/rollingpinbluesmall.jpg);
  background-repeat: no-repeat;
/*  background-color: rgb(228,228,228); */
  font-family: arial;
  font-size: 8pt;
 }

a.boldlink:link
 {font-weight: bold;
  padding-left: 4px;
 }

a.boldlink:active
 {font-weight: bold;
  padding-left: 4px;
 }

a.boldlink:visited
 {font-weight: bold;
  padding-left: 4px;
 }

a.boldlink:hover
 {font-weight: bold;
  padding-left: 4px;
 }

a.prodlink:link
 {background-image: url(images/rollingpinblueshortsmall.jpg);
  background-repeat: no-repeat;
 }
a.prodlink:visited
 {background-image: url(images/rollingpinblueshortsmall.jpg);
  background-repeat: no-repeat;
 }
a.prodlink:active
 {background-image: url(images/rollingpinblueshortsmall.jpg);
  background-repeat: no-repeat;
 }
a.prodlink:hover
 {background-image: url(images/rollingpinblueshortsmall.jpg);
  background-repeat: no-repeat;
 }

a.currentprodlink:link
 {background-image: url(images/rollingpinyshort.jpg);
  background-repeat: no-repeat;
  color: blue;
 }
a.currentprodlink:visited
 {background-image: url(images/rollingpinyshort.jpg);
  background-repeat: no-repeat;
  color: blue;
 }
a.currentprodlink:active
 {background-image: url(images/rollingpinyshort.jpg);
  background-repeat: no-repeat;
  color: blue;
 }
a.currentprodlink:hover
 {background-image: url(images/rollingpinyshort.jpg);
  background-repeat: no-repeat;
  color: blue;
 }

a.currentlink:link
 {background-image: url(images/rollingpiny.jpg);
  background-repeat: no-repeat;
  color: blue;
 }
a.currentlink:visited
 {background-image: url(images/rollingpiny.jpg);
  background-repeat: no-repeat;
  color: blue;
 }
a.currentlink:active
 {background-image: url(images/rollingpiny.jpg);
  background-repeat: no-repeat;
  color: blue;
 }
a.currentlink:hover
 {background-image: url(images/rollingpiny.jpg);
  background-repeat: no-repeat;
  color: blue;
 }


.pagebutton
 {text-align: left;
  width: 100%;
  height: 30px;
  margin-bottom: 4px;
  font-family: arial;
 }


.menubutton
 {width: 130px;
  height: 100%;
  text-align: center;
  font-family: arial;
  font-size: 10pt;
/*  font-weight: 100; */
 }

.prodbutton
 {padding-left: 8px;}

a.menulink:link
 {width: 17%;
  line-height: 25px;
  text-decoration: none;
  text-align: center;
  margin: 0px;
  border: 0px;
  color: black;
  background-color: rgb(228,228,228);
  font-family: arial;
  font-size: 10pt;
  display: inline-block;
  float: left;
 }
a.menulink:visited
 {width: 17%;
  line-height: 25px;
  text-decoration: none;
  text-align: center;
  margin: 0px;
  border: 0px;
  color: black;
  background-color: rgb(228,228,228);
  font-family: arial;
  font-size: 10pt;
  display: inline-block;
  float: left;
 }
a.menulink:active
 {width: 17%;
  line-height: 25px;
  text-decoration: none;
  text-align: center;
  margin: 0;
  border: 0;
  color: black;
  background-color: rgb(228,228,228);
  font-family: arial;
  font-size: 10pt;
  display: inline-block;
  float: left;
 }
a.menulink:hover
 {width: 17%;
  line-height: 25px;
  text-decoration: none;
  text-align: center;
  margin: 0;
  border: 0;
  color: black;
  background-color: rgb(192,192,192);
  font-family: arial;
  font-size: 10pt;
  display: inline-block;
  float: left;
 }

.largearial
 {font-family: arial;
  font-size: 18pt;
 }

.mediumarial
 {font-family: arial;
  font-size: 12pt;
 }

.headingbar12y
 {font-family: arial;
  font-size: 12pt;
  text-align: left;
  background-color: rgb(255,204,102);
  width: 99%;
  padding-left: 6px;

 }

.featurescol1
 {width: 20%;
  height: 1em;
  padding-left: 3px;
  font-size: 10pt;
  background-color: rgb(255,204,102);
 }

.featurescol2
 {font-size: 10pt;
  padding-left: 3px;
  background-color: #fff2c9;
 }

td
{float: none;
 overflow: auto;
}

td#pagecontentarea
{text-align: left;
 vertical-align: top;
 height: 100%; 
 border-left: 0;
 padding: 5px;
}

div#articlemenu
{width: 100%;
 height: 1.25em;
 margin: 0;
 margin-top: 1px;
 background-color: #fff2c9;
 list-style-type: none;
 font-size: 10pt;
}

span.articlemenu
{width: 30%;
 text-align: center;
 display: inline-block;
}