<style type="text/css">
html {
  width:100%;
}
body {
  background: #688096;
  font-family: Arial, Helvetica, Verdana;
  color: white;
  margin: 20px;
}
img {
  margin: 0;
  border: 0;
}
#container {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#title {
  font-family: "Arial Black", Arial, Helvetica, Verdana;
  font-size: 22pt;
  font-weight: bold;
  float: left;
}
#title small {
  font-family: Arial, Helvetica, Verdana;
  font-size: 18pt;
}
b.unbold {
  display: inline;
  font-weight: normal;
}
#tagline {
  font-size: 12pt;
  font-weight: bold;
  float: right;
}
#tagline small {
  font-weight: normal;
}
#topbar {
  background: #6A80BC;
  height: 8px;
  width: 99%;
  border: 4px #D6DBEA solid;
  float: left;
  line-height: 8px;
  margin-top: 8px;
}
#main {
  background: white;
  color: black;
  border: 4px #D6DBEA solid;
  margin-top: 10px;
  padding: 0;
  float: left;
  font-size: 10pt;
  width: 792px;
  height: 226px;
}
#main2 {
  background: white;
  color: black;
  border: 4px #D6DBEA solid;
  margin-top: 10px;
  padding: 8px;
  float: left;
  font-size: 10pt;
}
#mainB {
  margin: 0;
  margin-top: 10px;
  padding-top: 8px;
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 8px;
  float: left;
}
#mainB img {
  background: white;
  border:  4px #D6DBEA solid;
  padding: 20px;
}
#mainSupport {
  background: white;
  color: black;
  border: 4px #D6DBEA solid;
  margin-top: 10px;
  padding: 0;
  float: left;
  font-size: 10pt;
  width: 792px;
  height: 190px;
}
#mainSoftware {
  background: white;
  color: black;
  border: 4px #D6DBEA solid;
  margin-top: 10px;
  padding: 0;
  float: left;
  font-size: 10pt;
  width: 792px;
  height: 200px;
}
#spaced {
  float: left;
  width: 800px;
}
#BlockA {
  float: left;
  margin: 0;
  padding: 0;
  width: 180px;
  display: inline;
}
#mainB #BlockA {
  width: 230px;
}
#BlockB {
  float: right;
  color: black;
  background: white;
  margin: 0;
  padding: 0;
  width: 587px;
  display: inline;
  }
#BlockC {
  float: right;
  color: black;
  background: white;
  margin: 0;
  padding: 0;
  width: 587px;
  display: inline;
  border:1px solid Black;
}
#BlockB p {
  margin: 10px;
  }
#BlockC p {
  margin: 10px;
}
#mainB #BlockB {
  width: 550px;
  margin-bottom: 0;
  padding-top: 5px;
  }
#mainB #BlockC {
  width: 550px;
  margin-bottom: 0;
  padding-top: 5px;
}
#linktable {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  width: 180px;
  height: 198px;
  background: #D6DBEA;
  float: left;
  text-align: center;
  margin-top: 8px;
  margin-right: 8px;
}
#mainB #linktable {
  margin-left: 12px;
}
.tablehead {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  background: #6880BB;
  color: white;
  margin: 3px;
  padding: 3px;
  width: 168px;
}
.link {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  background-color: white;
  width: 170px;
  line-height: 16px;
  padding: 0;
  margin: 5px;
}
.link a {
  width: 170px;
  display: block;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  background-color: white;
}
.link a:hover {
  background-color: #D0EBF6;
  color: #000000;
}
.link span {
  padding: 3px;
  display: block;
}
.link span:hover {
  cursor: pointer;
}
#ColA {
  float: left;
  width: 150px;
}
#ColB {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  width: 446px;
  margin-left: 155px;
  margin-bottom: 0;
}
#ColB p {
  margin: 3px;
  margin-top: 6px;
}
#ColC {
  float: right;
  width: 182px;
}
#TopHeading {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
.BlueHeading {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 3px;
  padding: 3px;
  background: #D0EBF6;
}
#BlueHeading {
  text-align: right;
  padding-right: 20px;
}
#DownloadForm {
  margin-top: 8px;
  margin-left: 190px;
  color: black;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  background: #D6DBEA;
  width: 180px;
  height: 198px;
  padding-top: 1px;
  text-align: center;
}
#DownloadForm p {
  margin: 0;
  margin-left: 3px;
  margin-right: 3px;
}
form {
  margin: 0;
}
#SubmitButton {
  border: 0;
  margin: 3px;
  width: 174px;
  height: 20px;
  background: #6880BB;
  color: white;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
.txtbox {
  width: 150px;
  margin: 2px;
  border: 1px white solid;
}
#ContactUs {
  background: white;
  width: 411px;
  height: 193px;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  color: black;
  float: right;
  text-align: left;
  padding: 3px;
  margin-top: 8px;
  margin-left: 6px;
}
#ContactUs img {
  float: left;
  margin: 3px;
}
#ContactUs div {
  float: left;
  width: 240px;
  margin-right: 1px;
}
.Legal {
  font-size: 8pt;
  margin-left: 10px;
  margin-right: 10px;
}
#copyright {
  font-family: "Arial", "Helvetica", sans-serif;
  float: right;
  font-size: 8pt;
  color: black;
  margin-top: 5px;;
}
.Popup{
position: relative;
z-index: 0;
text-decoration:none;
color:blue;
}

.Popup:hover{
background-color: transparent;
z-index: 50;
}

.Popup span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 10px;
padding-right: 15px;
padding-left: 15px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.Popup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.Popup:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 18px;
left: -78px; /*position where enlarged image should offset horizontally */

}
.Popup1{
position: relative;
z-index: 0;
text-decoration:none;
color:blue;
}

.Popup1:hover{
background-color: transparent;
padding-top: 3px;
z-index: 50;
}

.Popup1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 12px;
padding-right: 2px;
padding-left: 23px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.Popup1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 15px;
}

.Popup1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
padding-bottom: 15px;
top: -109px;
left: 183px; /*position where enlarged image should offset horizontally */

}
</style>
