
<style type="text/css">

body {  color: white;  font-family: arial; margin-right: 10%; margin-left: 10%; }
 * { background-image: url('images/backdrop.gif'); background-repeat: repeat; background-attachment: fixed}

#navsite ul { margin-left: 0; border-bottom: none; font: normal 95% arial; text-align: center;  margin-bottom: 0;  background: none;}
#navsite ul li { list-style: none; margin: 0; display: inline;  background: none;}
#navsite li a { padding: 3px 0.5em; margin-left: 3px;  border-bottom: none;  text-decoration: none; background: none; }
#navsite ul li a:link { color: blue; background: none; }
#navsite ul li a:visited { color: red; background: none;}
#navsite ul li a:link:hover, #navsite ul li a:visited:hover { color: black; background: none; }
#navsite h5 { margin-bottom: 0;  margin-top: 10; font-size: 125%; letter-spacing: 7px; background: none;}

#colleft  { width: 25%; float: left;  padding-bottom: 1em; font-family: arial; font-size: 80%; text-align: justify; font-weight: bold; background: none; border: none;}
#colmainL { width: 25%; float: left;  padding-bottom: 1em; font-family: arial; font-size: 80%; text-align: justify; font-weight: bold; background: none; border: none;}
#colmainR { width: 25%; float: left;  padding-bottom: 1em; font-family: arial; font-size: 80%; text-align: justify; font-weight: bold; background: none; border: none;}
#colright { width: 25%; float: left;  padding-bottom: 1em; font-family: arial; font-size: 80%; text-align: justify; font-weight: bold; background: none; border: none;}
#colleft img, #colmainL img, #colmainR img, #colright img { width: 80%; border: none; background: none; margin-bottom: 1em; }


#strcolsleft  { width: 25%; float: left; padding-bottom: 1em; font-family: arial; font-weight: bold; font=size: 12pt; text-align: right;  background: none;}
#strcolsmain  { width: 50%; float: left;  padding-bottom: 1em; font-family: arial; font-weight: bold; font-size: 12pt; text-align: center;  background: none;}
#strcolsright { width: 25%; float: left;  padding-bottom: 1em; font-family: arial; font-weight: bold; font-size: 12pt; text-align: left; background: none;}


#fivecols1 { width: 29%; float: left;  font-weight: none;  text-align: left; }
#fivecols2 { width: 13%; float: left;  font-weight: none;  text-align: justify; }
#fivecols3 { width: 25%; float: left;  font-weight: none;  text-align: justify; }
#fivecols4 { width: 13%; float: left;  font-weight: none;  text-align: justify; }
#fivecols5 { width: 16%; float: left;  font-weight: none;  text-align: justify; }
#fivecols1, #fivecols2, #fivecols3, #fivecols4, #fivecols5 { padding-bottom: 1em; font-family: arial;  background: none; }
#fivecols1 h3, #fivecols2 h3, #fivecols3 h3, #fivecols4 h3, #fivecols5 h3 {text-align: justify; }

#twocol1 { width: 25%; float: left; font-weight: bold; text-align: left; background: none; }
#twocol2 { width: 75%; float: left; font-weight: none; text-align: left; background: none; }

/***** here for the "getting started page only ***/
table {width: 750px; border: none; background: none; }
tr {align: center; background: none;  }
.data1 {background: none; font-weight: bold; text-align: justify; border: none; width: 175px; font-family: arial; }
.data2 {background: none; font-weight: none; text-align: justify; border: none; font-size:60% ; font-family: arial;}
.data3 {background: none; font-weight: bold; text-align: justify; border: none; font-size:95%; font-family: arial; padding-left: 3%; }

/***** ends here for the "getting started page only ***/


a {background: none; }
a:link {color: blue; background: none;}
a:hover { color: black; background: white;  }
a:visited { color: red; background: none; }


dd {background: none; }
b { background: none; }
h1, h3, h4, h5, h2 {  text-align: center;  font-family: arial; font-variant: small-caps; background: none; }

h1 { font-size: 200%; letter-spacing: 10px; margin-bottom: 5 ; margin-top: 10 }

h2 {  font-weight: bold; }

h3 {  font-variant: small-caps; margin-bottom: 0; margin-top: 0; font-style: italic; }

h4 {  letter-spacing: 10px; margin-bottom: 0; margin-top: 5%; font-style: italic; }

h5 { margin-bottom: 0;  margin-top: 10; font-size: 125%; }


p { font-family: arial; font-size: 80%; text-align: center; font-weight: bold; background: none; }

li {  font-variant: small-caps; text-align: left; font-size: 90% ; background: none;}

.opps  { margin-bottom: 0;  margin-top: 0; font-size: 200%; text-align: center;  font-family: arial; font-variant: small-caps; background: none;}

.centeredImage { text-align: center; display:block;  border: 0px none; width: 30%; background: none  }

.centeredImage2 { text-align: center; display:block;  border: 1px solid black; width: 35%; background: none }

.centeredImage3 { text-align: center; display:block;  border: 1px solid black; width: 80%; height: 100%; background: none }

.centeredImage3 { text-align: center; display:block;  border: 1px solid black; width: 100%; background: none }

.smallImage { text-align: center; display:block;  border: 1px solid black; height: 50%; background: none }

.vendorImage {   width: 14%; border: none; margin-top: 2%; margin-bottom: 2%; margin-left: 3%; margin-right: 3%; align: center; background: none;}

.vendorImagestore {   width: 14%; border: none; margin-top: 2%; margin-bottom: 2%; margin-left: 3%; margin-right: 3%; align: center; background: none;}

.smallp { font-family: arial; font-size: 60%; text-align: center; font-weight: none; background: none;}

.smallp2 { font-family: arial; font-size: 75%; text-align: center; font-weight: none; background: none; margin-bottom: 0;}

</style>