/* bgcolor="#0099FF" text="#FFFF99" link="#00FFFF" alink="#00FF00" vlink="#FF00FF" */

body
{
  background-color: #0088FF;
  font: 1em Comic Sans MS;
  color: #FFFF99;
}

p {text-align: justify}
p.small {font-size: 12px}
p.title
{
  font-size: 30px;
  color: white;
}
p.center
{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #CCFFFF;
}

font.title
{
  font-weight: bold;
  color: pink;
}
font.sub
{
  font-weight: bold;
  color: #CCFFFF;
}

div.center {text-align: center}

a:link {color: lavender}
a:visited {color: lavender}
a:hover {color: chartreuse}

img {vertical-align: middle}
img.bottom {vertical-align: text-bottom}
img.floatLeft {float: left}
img.floatRight {float: right}

div.border
{
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted white;
}

caption
{
  font-weight: bold;
  color: pink;
}

#pics td
{
  text-align: center;
  width: 250px;
  white-space: nowrap;
}

#pics td.double
{
  width: 500px;
}

table.map
{
  font-size: 14px;
}

table.directions th
{
  background-color: #EEEEEE;
  color: black;
}

table.directions td
{
  font-family: Verdana, Arial, sans serif;
  font-size: 12px;
}

.dosage th
{
  font-weight: bold;
  font-size: 12px;
  color: #CCFFFF;
  white-space: nowrap;
}

.dosage td
{
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
}

.dosage td.empty
{
  background-color: #999999;
  font-weight: bold;
  color: black;
  white-space: nowrap;
}

#flyer
{
  width: 600px;
  border: solid white;
  padding: 10px;
}



#tab
{
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font: bold 11px/11px arial;
  color: blue;
}

#tab li
{
  float: left;
  display: inline;
  width: 75px;
  height: 38px;
  margin: 10px 3px 0px 0px;
  text-align: center;
  background: url(../graphics/tab.gif) top right no-repeat;
}

#tab li.hidden {display: none}

#tab li a
{
  float: left;
  text-decoration: none;
  width: 75px;
  height: 38px;
  color: blue;
}

#tab li a:hover
{
  background: transparent url(../graphics/tab_over.gif) top right no-repeat;
  cursor: pointer;
}

#tab li div.table
{
  display: table;
  width: 75px;
  height: 100%;
  #position: relative;
  overflow: hidden;
}

#tab li div.inner
{
  display: table-cell;
  vertical-align: middle;
  #position: absolute;
  #top: 50%;
}

#tab li div.ie
{
  #position: relative;
  #top: -50%;
  #left: -50%;
}

#tab li.active
{
  margin-top: 0px;
  height: 48px;
}



#subtab
{
  position: relative;
  float: left;
  margin: 0;
  list-style-type: none;
  font: bold 12px arial;
  background-color: pink;
}

#subtab li
{
  display: inline;
  float: left;
  width: 150px;
  text-align: center;
}

#subtab li a
{
  float: left;
  text-decoration: none;
  padding: 2px 0;
  width: 100%;
  color: blue;
  background-color: transparent;
}

#subtab li a:hover
{
  color: pink;
  background-color: blue;
}

#subtab li.active
{
  color: blue;
  padding: 2px 0;
  background-color: gainsboro;
}



#navbar
{
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font: bold 13px comic sans ms;
  left: 11px;
}

#navbar li
{
  background-color: white;
  display: block;
  width: 130px;
  height: 30px;
  margin-bottom: 5px;
  line-height: 30px;
}

#navbar li a
{
  text-align: center;
  position: absolute;
  text-decoration: none;
  filter: alpha(opacity=60);
  opacity: 0.60;
  -moz-opacity: 0.60;
  width: 130px;
  height: 30px;
  background: url(../graphics/transparent.gif) top right no-repeat;
}

#navbar li a:hover
{
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
}

#navbar li a.gray {color: gray}

#navbar li a.white {color: white}

#navbar li.active
{
  text-align: center;
}

#navbar li.white {color: white}

#navbar li.black {color: black}

#navbar li div.translucentbkg
{
  width: 130px; height: 30px;     /* to match DIVs size          */
  filter:alpha(opacity=60);
  -moz-opacity:0.60;
  opacity: 0.60;
}



.red {background: url(../graphics/button-red.gif) top right no-repeat}

.orange {background: url(../graphics/button-orange.gif) top right no-repeat}

.yellow {background: url(../graphics/button-yellow.gif) top right no-repeat}

.green {background: url(../graphics/button-green.gif) top right no-repeat}

.blue {background: url(../graphics/button-blue.gif) top right no-repeat}

.indigo {background: url(../graphics/button-indigo.gif) top right no-repeat}

.violet {background: url(../graphics/button-violet.gif) top right no-repeat}