body {
  margin-right: 6em;
  padding-right: 1em;
  text-align: justify;
  margin-left: 6em;
  padding-left: 1em;
}
.paragraph {
  border-width: 2px;
  margin: 1em 1em 1em 2em;
  font-size: smaller;
  text-align: justify;
  padding-left: 1em;
  padding-right: 1em;
}
ul {
}
.subparagraph {
  width: 777px;
  text-align: left;
}
.modeHeader {
  background-color: #ffffcc;
  background-position: left top;
  color: red;
  background-repeat: no-repeat;
  width: 777px;
  margin-left: 1em;
  background-attachment: fixed;
}
.arrow {
  background-image: url(arrow.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 2em;
}
#logo1 {
  height: 243px;
  float: left;
  background-image: url(1_01.jpg);
  background-repeat: no-repeat;
  width: 456px;
}
#main {
  height: 243px;
  width: 251px;
  float: left;
}
#logo2 {
  width: 158px;
  height: 25px;
  background-image: url(1_02.jpg);
  background-repeat: no-repeat;
  float: left;
}
#logo3 {
  float: left;
  width: 37px;
  height: 21px;
  background-image: url(1_03_sc.jpg);
  background-repeat: no-repeat;
}
#logo4 {
  width: 56px;
  height: 21px;
  float: left;
  background-image: url(1_04_en.jpg);
  background-repeat: no-repeat;
}
#logoFlash {
  width: 251px;
  height: 199px;
  clear: both;
}
#logo5 {
  background-image: url(1_05.jpg);
  background-repeat: no-repeat;
  width: 70px;
  height: 243px;
  float: left;
}
#banner {
  background-image: url(screen_tc.jpg);
  background-repeat: repeat-x;
}
#heading2 {
  height: 279px;
  width: 500px;
  background-repeat: no-repeat;
  background-image: url(screen_tc.jpg);
  background-position:  center center;
  margin-left: 6em;
}
#heading1 {
  background-image: url(intro_tc.jpg);
  background-repeat: no-repeat;
  width: 777px;
  height: 61px;
  clear: both;
}
li {
  width: 700px;
  margin-bottom: 1em;
}
#cpButton {
  border-style: none;
  display: block;
  background-image: url(cm.jpg);
  margin-left: 3em;
  width: 258px;
  height: 34px;
  list-style-type: none;
  margin-top: 1em;
  background-repeat: no-repeat;
}
#cpButton:hover {
  border-style: none;
  background-image: url(cm_over.jpg);
}
#defButton {
  border-style: none;
  height: 34px;
  background-image: url(dm.jpg);
  display: block;
  list-style-type: none;
  margin-left: 3em;
  margin-top: 1em;
  background-repeat: no-repeat;
  width: 258px;
}
#defButton:hover {
  border-style: none;
  background-image: url(dm_over.jpg);
}
#banner2 {
  width: 530px;
  height: 80px;
  margin-left: 6em;
  text-align: center;
}
#bar1 {
  float: left;
  background-image: url(button_01.jpg);
  background-color: #ffff99;
}
#banner1 {
}
#menu1 {
  width: 70px;
  height: 56px;
  float: left;
  background-image: url(button_02.jpg);
  background-repeat: no-repeat;
}
#menu2 {
  width: 70px;
  height: 56px;
  float: left;
  background-image: url(button_04.jpg);
  background-repeat: no-repeat;
}
#menu3 {
  width: 131px;
  float: left;
  height: 56px;
  background-image: url(button_06.jpg);
  background-repeat: no-repeat;
}
#menu4 {
  height: 56px;
  float: left;
  width: 131px;
  background-image: url(button_08.jpg);
  background-repeat: no-repeat;
}
#cp_mode {
  border-style: solid;
  border-width: 1px;
  background-image: url(cp-mode-eg.jpg);
  margin-top: 1em;
  height: 94px;
  width: 538px;
  margin-left: 3em;
  background-repeat: no-repeat;
}
#def_mode {
  border-style: solid;
  border-width: 1px;
  background-position:  center center;
  background-repeat: no-repeat;
  width: 538px;
  background-image: url(default-mode-eg.jpg);
  height: 94px;
  margin-left: 3em;
  margin-top: 1em;
}
#wrapper {
  margin-right: 5em;
  height: 357px;
}
#heading {
}
#mode_difference {
  margin-top: 2em;
  margin-left: 2em;
  margin-right: 2em;
}
#promotion {
  height: 380px;
}
#promote1 {
  height: 248px;
  margin-top: 1em;
  float: left;
  width: 350px;
}
#promote2 {
  margin-left: 2em;
  margin-right: 2em;
  width: 250px;
  height: 357px;
  float: left;
}
#demoHead {
  background-image: url(demo_tc.jpg);
  background-repeat: no-repeat;
  width: 777px;
  height: 61px;
  clear: both;
}
#demoButton {
  background-repeat: no-repeat;
  background-image: url(demo_button1.png);
  width: 100px;
  height: 49px;
  float: right;
}
#demoButton:hover {
  background-image: url(demo_button.png);
  height: 49px;
  background-repeat: no-repeat;
  width: 100px;
  float: right;
}
#notesHead {
  background-image: url(notes_tc.jpg);
  background-repeat: no-repeat;
  width: 777px;
  height: 61px;
  clear: both;
}
#reqHead {
  background-image: url(requirements_tc.jpg);
  height: 61px;
  background-repeat: no-repeat;
  width: 777px;
}
#eg1a {
  border-style: solid;
  background-image: url(extb-on-w2k-ff.jpg);
  height: 87px;
  background-repeat: no-repeat;
  width: 368px;
}
#eg1b {
  border-style: solid;
  height: 79px;
  width: 350px;
  background-image: url(xp-default-new-ff200.jpg);
  background-repeat: no-repeat;
}
#eg1c {
  border-style: solid;
  border-color: black;
  background-position: left top;
  height: 79px;
  width: 350px;
  background-repeat: no-repeat;
  background-image: url(defaultmode-xp-new-ie7.jpg);
}
#eg1d {
  border-style: solid;
  border-color: black;
  background-position: left top;
  width: 361px;
  background-image: url(vista-extb-ff-a.jpg);
  height: 88px;
  background-repeat: no-repeat;
}
#eg2a {
  border-style: solid;
  background-repeat: no-repeat;
  height: 98px;
  background-image: url(mac-FF-3.0.10-square.jpg);
  width: 299px;
}
#eg2b {
  border-style: solid;
  background-repeat: no-repeat;
  height: 97px;
  background-image: url(mac-FF-3.0.10.jpg);
  width: 296px;
}
#downloadHead {
  background-image: url(download_tc.jpg);
  background-repeat: no-repeat;
  width: 777px;
  height: 61px;
}
.TitleCentre {
  font-weight: bold;
  font-size: larger;
  width: 777px;
  text-align: center;
}
.bar1 {
  float: left;
  background-image: url(button_01.jpg);
  background-color: #ffff99;
  background-position:  center center;
  width: 23px;
  background-repeat: no-repeat;
  height: 56px;
}
.BlueText {
  color: #3333ff;
}
.GreenText {
  color: #33cc00;
}
.RedText {
  color: red;
}
.subparagraphRightJust {
  width: 777px;
  text-align: right;
  clear: both;
}
.BoldText {
  font-weight: bold;
}
.HideText {
  display: none;
}
#demo1 {
  width: 320px;
  height: 60px;
  float: left;
}
#demoHead2 {
  width: 450px;
}
#menu1:hover {
  width: 70px;
  height: 56px;
  float: left;
  background-image: url(button_g_02.jpg);
  background-repeat: no-repeat;
  display: block;
}
#menu2:hover {
  width: 70px;
  height: 56px;
  float: left;
  background-image: url(button_g_04.jpg);
  background-repeat: no-repeat;
  display: block;
}
#menu3:hover {
  width: 131px;
  float: left;
  height: 56px;
  background-image: url(button_g_06.jpg);
  background-repeat: no-repeat;
}
#menu4:hover {
  height: 56px;
  float: left;
  width: 131px;
  background-image: url(button_g_08.jpg);
  background-repeat: no-repeat;
}