
* {
  padding: 0;
  margin: 0;
}
div.clear {
  clear: both;
  height: 0px;
}
img {
  border: none;
  display: block;
}
a:link, a:visited {
  color: #3366ff; /* #3366ff */
  font-weight: bold;  /*  normal */
  text-decoration: none; /* underline */
}
a:hover, a:active {
  color: #cd1926; /* #cd1926 */
  font-weight: bold;  /*  normal */
  text-decoration: none; /* underline */
}
body {
  background-color: #3366ff; /* #ffffff transparent url(../images/blueBox.png) center top no-repeat */
  font-size: 100%;
  /* line-height: 150%; /*1.125em */
}
#header {
  position: relative;
  width: 978px; /* 978px */
  height: 372px; /* 385px */
  background: transparent url(../images/blueBox.png) center top no-repeat; /* header.png */
  padding-top: 48px; /* 44px */
  margin: 0px auto 0px auto;
  /* border: solid 1px black; */
}
#header img {
  position: absolute;
  left: 374px;
  top: 60px;
  width: 218px;
}
div.boxTop {
  width: 850px; /* 852px */
  height: 370px;
  background: #ffffff url(../images/banner.png) center top no-repeat;
  border: solid 1px #37495b; /* */
  padding: 0px 24px;
  margin: 0px auto 0px auto;
}
div.wrapper {
  width: 980px;
  background: transparent url(../images/wrapper.png) center top repeat-y;
  margin: 0px auto 0px auto;
   /* border: solid 1px black; */
}
div.breadCrumb {
  padding: 17px 0px 17px 0px;
  /* border: solid 1px red; */
  margin: 0px auto 0px auto;
}
div.breadCrumb p {
  color: #ffffff;
  background-color: transparent;
  text-align: center; /* left justify */
  font-style: normal;
  font-variant: normal;
  font-weight: normal;  /* normal */
  font-size: 75%;
  line-height: 20px;
  font-family: Arial, Helvetica, sans-serif;
  height: 20px;
  border: solid 1px black; /* */
  margin: 0px auto 0px auto;
}
div.breadCrumb p.b1 {
  background-color: #800080; /* purple */
}
div.breadCrumb p.b2 {
  background-color: #333399; /* navy */
}
div.breadCrumb p.b3 {
  background-color: #3366ff; /* blue */
}
div.breadCrumb p.b4 {
  background-color: #00ff00; /* green */
}
div.breadCrumb p.b5 {
  background: #ffff00 url(../images/b5.jpg) repeat-x center center; /* yellow */
}
div.breadCrumb p.b6 {
  background-color: #ff6600; /* brown */
}
div.breadCrumb p.b7 {
  background-color: #ff0000; /* red */
}
div.breadCrumb p a:link, div.breadCrumb p a:visited {
  color: #99ccff; /* #ffffff */
}
div.breadCrumb p a:hover, div.breadCrumb p a:active {
  color: #ffffff; /* #ffffff */
}
div.content {
  width: 900px; /* 852px */
  /* padding: 0px 24px;  */
  margin: 0px auto 0px auto;
}
div.boxClear {
  padding: 0px 24px;
}
div.boxWhite {
  background-color: #ffffff;
  padding: 0px 24px 10px 24px;
  border: solid 1px #37495b; /* */
}
div.boxBlack {
  color: #ffffff;
  background-color: #000000;
  padding: 0px 24px 10px 24px;
  border: solid 1px #37495b; /* */
}
div.content div.boxBlack h1, div.content div.boxBlack p, div.content div.boxBlack h3 {
  color: #ffffff;
  background-color: transparent;
}
div.content h1 {
  color: #000000;
  background-color: #ffffff;
  text-align: center; /* left justify */
  font-style: normal;
  font-variant: normal;
  font-weight: bold;  /* normal */
  font-size: 1.5em; /* 0.875em */
  /* line-height: 130%; */
  font-family: 'Bradley Hand ITC', Times, serif; /* Arial, Helvetica, sans-serif; */
  letter-spacing: 1px;
  word-spacing: 5px;
  padding: 10px 10px 0px 10px;
  margin: 0px auto 10px auto
}
div.content h2 {
  color: #ff6600;
  background-color: transparent;
  text-align: center; /* left justify */
  font-style: normal;
  font-variant: normal;
  font-weight: bold;  /* normal */
  font-size: 1.5em; /* 0.875em */
  /* line-height: 130%; */
  font-family: 'Bradley Hand ITC', Times, serif; /* Arial, Helvetica, sans-serif; */
  letter-spacing: 1px;
  word-spacing: 5px;
  padding: 0px 10px 0px 10px;
  margin: 10px auto 10px auto
}
div.content h3 {
  color: #000000;
  background-color: transparent;
  text-align: left; /* left justify */
  font-style: normal;
  font-variant: normal;
  font-weight: bold;  /* normal */
  font-size: 1.5em; /* 0.875em */
  /* line-height: 130%; */
  font-family:  'Arial Narrow', Helvetica, sans-serif;
  letter-spacing: 1px;
  word-spacing: 5px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;     
}
div.content p {
  color: #000000;
  background-color: transparent;
  text-align: center; /* left justify */
  font-style: normal;
  font-variant: normal;
  font-weight: normal;  /* bold */
  font-size: 1.5em; /* 0.875em */
  line-height: 130%;
  font-family: 'Bradley Hand ITC', Times, serif; /* Arial, Helvetica, sans-serif; */
  letter-spacing: 1px;
  word-spacing: 5px;
  margin: 10px auto 10px auto
}

div.nav {
  clear: both;
  width: 980px;
  height: 161px;
  background: transparent; /* #ffffff url(../images/nav.png) center top no-repeat */
  margin: 0px auto 0px auto;
  /* border: solid 1px red; */
}
div.nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.nav li {
  text-align: center;
  font-style: italic;
  font-size: 1.125em; /* 0.875em */
  font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
  width: 125px;
  height: 125px;
  overflow: hidden;
  border: solid 1px black;
  margin: 17px 15px 0px 0px;
  float: left;
  display: inline; /* IE fix */
}
li#b1 {
  background-color: #800080; /* purple */
}
li#b2 {
  background-color: #333399; /* navy */
}
li#b3 {
  background-color: #3366ff; /* blue */
}
li#b4 {
  background-color: #00ff00; /* green */
}
li#b5 {
  background: #ffff00 url(../images/b5.jpg) no-repeat center center;   /* yellow */
}
li#b6 {
  background-color: #ff6600; /* brown */
}
li#b7 {
  background-color: #ff0000; /* red */
  margin-right: 0px;
}
div.nav ul a {
  width: 125px;
  height: 125px;
  display: table-cell;
  vertical-align: middle;
}
div.nav ul a:link, div.nav ul a:visited {
  color: #ffffff;
  background-color: transparent; /* #aabc91 */
  font-weight: bold;
  text-decoration: none; /* underline */
}
div.nav ul a:hover, div.nav ul a:active {
  color: #000000; /* #ffffff */
  background-color: #ffffff; /* transparent #aabc91 */
  font-weight: bold;
  text-decoration: none; /* underline */
}
div#footer {
  position: relative;
  width: 980px;
  height: 425px;
  background: transparent url(../images/blueBox.png) center bottom no-repeat;  /* footer.png */
  /* border: solid 1px black; */
  margin: 0px auto 0px auto;
}
div.boxBottom {
  width: 850px; /* 852px */
  height: 380px;
  background: #ffffff url(../images/boxBottom.png) center top no-repeat;
  border: solid 1px #37495b; /* */
  padding: 0px 24px;
  margin: 0px auto 0px auto;
}
div#footer h2 {
  position: absolute;
  left: 370px;
  top: 155px;
  width: 260px;
  color: #000000;
  background-color: transparent;
  text-align: center; /* left justify */
  font-style: normal;
  font-variant: normal;
  font-weight: bold;  /* normal */
  font-size: 1.75em; /* 0.875em */
  line-height: 130%;
  font-family: 'Lucida Calligraphy', Times, serif; /* Arial, Helvetica, sans-serif; */
  letter-spacing: 1px;
  word-spacing: 5px;
}
div#footer p {
  position: absolute;
  left: 250px;
  top: 295px;
  width: 460px;
  color: #000000;
  background-color: transparent;
  text-align: center; /* left justify */
  font-style: normal;
  font-variant: normal;
  font-weight: bold;  /* normal */
  font-size: 1.4em; /* 0.875em */
  line-height: 130%;
  font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; /* Arial, Helvetica, sans-serif; */
}
p.credit {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif; /* Arial, Helvetica, sans-serif; */
  padding-bottom: 15px;
}
p.credit a:link, p.credit a:visited {
  color: #99ccff; /* #3366ff */
}
p.credit a:hover, p.credit a:active {
  color: #ffffff; /* #cd1926 */
}
div.calendar {
  margin-top: 15px;
  /* border: solid 1px black; */
}
div.calendar img {
  float: left;
  margin-right: 10px;
}
div.calendar h1 {
  width: 660px; /* 852 - 170 - 20 - 2 */
  float: left;
  padding: 0px 10px 0px 10px;
  margin: 0px 0px 0px 0px;
}
div.calendar p {
  width: 680px; /* 852 - 170 -2 */
  float: left;
  font-weight: normal;
}
div.slide {
  position: relative;
  width: 415px;
  /* float: left; */
  /* border: solid 1px red; */
  margin: 10px auto;
}
span.legend {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 85px;
  height: 32px;
  background-image: url(../images/legend.png); /* */
  border: solid 1px black;
  background-color: #ffcc00;
}

ul.siteMap {
  font-family: Arial, Helvetica, sans-serif; /* Arial, Helvetica, sans-serif; */
  padding-bottom: 10px;
  margin: 0px 0px 0px 200px;
}
ul.siteMap li {
  margin-left: 50px;
}
dl {
  font-family: Arial, Helvetica, sans-serif; /* Arial, Helvetica, sans-serif; */
}
dt{
  font-weight: bold;
}
dd{
  margin: 10px 0px 10px 50px;
}
.content p.finePrint {
  font-size: 100%;
}
a[href$="pdf"] {
  background: url(../images/get_pdf.gif) no-repeat right top;
  padding-right: 40px;
}
/* Contact Form */
 div.contact {
  width: 656px;
  background: transparent;
  padding: 0px 0px 5px 0px;
  margin: 10px auto 10px auto;
}
fieldset {
  background-color: #ffebdd; /* #ffefd7 */
  border: solid 1px #ff9900;
  margin-bottom: 10px;
  /* position: relative; */
}
legend {
  /*
  position: absolute;
  top: -10px;
  left: 10px;
  */
  color: #ffffff; /* #3366ff #ff6600 */
  background-color: #ff6600;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 35px;
  padding-right: 35px;
  border: solid 1px #ff6600;
  margin: 0px 10px 0px 10px;
}
div.contact div {
  color: #ff6600;
  clear: both;
  margin: 10px 0px 10px 0px;
}
label {
  float: left;
  width: 180px;
  text-align: right;
  padding: 0px 10px 0px 10px;
  /* border: solid 1px #ff9900; */
  margin: 0px 10px 10px 10px;
}
div.contact select, div.contact input, div.contact textarea {
  width: 420px;
  border: solid 1px #ff9900;
  float: left;
}
div.contact textarea {
  margin-bottom: 10px;
}
div.contact input[type="submit"] {
  float: none;
  display: block;
  width: 60px;
  color: #000000;
  background: #ffffff;
  border: 2px outset #666666;
  margin: 0px auto 0px auto;
}
div.ctr {
  text-align: center;
}
img.centre {
  margin: 0px auto 0px auto;
}
address {
  width: 260px;
  margin: 10px auto;
}
.content p.order {
  text-align: left;
  font-size: 100%;
}
table.order {
}
table.order th {
  width: 200px;
  vertical-align: top;
}
table.order td {
  width: 200px;
  vertical-align: top;
}
