html {margin: 0em; padding: 0em}
body {font-size: 75%; font-family: Arial,Helvetica,sans-serif; margin-left: auto; margin-right: auto; text-align: center; width: 820px; margin-top: 0px; padding-top: 0em; background-color: white}
img {border: none}
h1 {font-size: 140%; font-weight: bold; color: #f17c14; margin-top: 0.5em; margin-bottom: 1em}
h1.bigHello {font-size: 150%; font-weight: bold; color: #f17c14; margin-top: 0.5em; margin-bottom: 1em}
h2 {font-size: 100%; color: #1f6eb0; margin-bottom: 0.5em}
li {color: black; text-align: justify; margin-top: 0.5em}
a {color: #1f6eb0; font-weight: normal; text-decoration: none}
a:hover {color: #f17c14; font-weight: normal; text-decoration: none}

.pageContainer {width: 820px; text-align: center; margin-left: auto; margin-right: auto}
.pageInner {width: 780px; padding-left: 6px; padding-right: 6px; font-weight: normal; color: #000; text-decoration: none; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0px; padding-top: 10px}

.logo {float: left; width: 140px; margin-top: 20px}
.bannerImages {float: right; text-align: left}
.bannerImages img {margin-left: 25px; width: 100px}
.topArea {width: 780px; background: url('images/background1.png') no-repeat; height: 120px}
.contentArea {background: url('images/background2.jpg'); padding-bottom: 20px}
.mainMenu {float: right; width: 640px; margin-top: 5px; list-style-type: none}
.leftMenu {float: left; width: 140px}
.leftMenuContainer {background-image: url(images/line1.png); margin-top: 0px; padding-bottom: 10px; list-style-type: none; margin-left: 0px; margin-bottom: 0px; padding-left: 0px}
.bodyArea {float: left; width: 495px; text-align: left; margin-left: 20px; margin-top: 0px; margin-right: 0px; padding: 0px; line-height: 1.5em; font-family: verdana,arial,sans-serif}
.infoArea {float: right; width: 102px; text-align: left; padding-top: 0px}

.button {text-align: center; width: 100px; border: solid 1px black; background-color: #f17c14; cursor: pointer; float: right; margin-left: 25px; margin-top: 0px; padding: 0px}
.button a {display: block; width: 98px; padding: 2px 1px; color: white; font-weight: bold}
.button a:hover {background-color: #1f6eb0; color: white; font-weight: bold; text-decoration: none}

.sideMenu a {color: white; text-decoration: none; padding: 3px; background-color: #f17c14; display: block; width: 132px; font-weight: bold}
.sideMenu a:hover {color: white;  text-decoration: none; padding: 3px; background-color: #1f6eb0; display: block; width: 132px; font-weight: bold}
.sideMenu {margin-bottom: 10px; font-weight: bold; background-color: #f17c14; border: solid 1px black; cursor: pointer; text-align: left; margin-left: 0px; margin-top: 0px}

#submenu1 {position: absolute; top: 137px; margin-left: 50px; background-color: #f17c14; border: solid 1px black; text-align: left;  padding: 2px; display: none; width: 150px}
#submenu2 {position: absolute; top: 169px; margin-left: 50px; background-color: #f17c14; border: solid 1px black; text-align: left;  padding: 2px; display: none; width: 150px}
.submenuitem {display: block; border: solid 1px; margin-bottom: 3px; padding: 3px; background-color: #ffffff; cursor: pointer; font-weight: bold; width: 142px; color: black}
.submenuitem:hover {font-weight: bold; background-color: #1f6eb0; color: white}

.bodycenter {text-align: center; margin-top: 15px; margin-bottom: 0px}
.bodytext {color: #1f6eb0}

.footerArea {clear: both; float: right; width: 620px; text-align: right}
.smallLinks {font-size: 80%; text-align: center; margin-top: 0em; margin-left: 180px}
.smallLinkItem {border-left: solid 1px black; padding-left: 0.5em; margin-left: 0.5em}
.copyright {font-size: 80%; text-align: center; margin-top: 0em; margin-left: 180px}

.text {text-align: left; margin-top: 0em; margin-bottom: 1em}
.textlist {text-align: justify; margin-top: 0em; margin-bottom: 1em}
.linktext {text-align: right; margin-top: 0em; margin-bottom: 1em}
.highlighttext {text-align: justify; margin-top: 1em; margin-bottom: 0.5em; color: #f17c14; font-weight: bold}

.infoBox {width: 100px; font-size: 85%; background-color: #ffffff; border: solid 1px black; margin-bottom: 10px; margin-right: 0px; text-align: center}
.infoImage {width: 90px; margin-top: 5px; margin-bottom: 5px; margin-left: 4px}
.infoBoxImage {width: 90px}
.linkbox {width: 100px; font-size: 80%; background-color: #ffffff; border: solid 1px black; margin-top: 10px}
.imageBox {margin-left: 30px}
.boxlink {margin-top: 0.5em; margin-bottom: 0.5em}
.boxText {margin-top: 0em; font-weight: normal; text-align: right; margin-left: 5px; margin-right: 5px; margin-bottom: 0.5em}


.graphicRight {width: 40%; float: right}
.graphicLeft {width: 40%; float: left}
.graphicLeftSmall {width: 30%; float: left}
.graphicRightLarge {width: 50%; float: right}
.graphicRightHuge {width: 100%; float: right}

.client {margin-bottom: 1em}

.download {color: black; margin-top: 0.5em}
.downloadtext {color: black; margin-bottom: 0.5em; margin-top: 0em; font-weight: normal}
.downloadinfo {color: black; margin-bottom: 0em; margin-top: 0em}
.downloadlink a {width: 100px; background-color: #1f6eb0; border: solid 1px black; padding: 2px; color: white; text-align: center; margin-top: 1em; font-size: 80%; font-weight: bold; cursor: pointer; display: block}
.downloadlink a:hover {color: #1f6eb0; border: solid 1px black; background-color: white}

.term {font-size: 80%; color: #f17c14; font-weight: bold; margin-bottom: 0em;}
.termbody {font-size:80%; color: black; margin-top: 0em; text-align: justify}

.graphic {border: solid 1px black; margin-left: 10px; clear: left; margin-right: 12px}
.scenario {background-color: #CADFF0; line-height: 1.2em; padding: 0px; min-height: 200px; padding-bottom: 0.25em; margin-top: 30px}
.scenario img {width: 50%; margin-left: 10px; margin-bottom: 10px}
.scenario .text {font-size: 90%; text-align: left; margin-top: 0em; margin-bottom: 1em; color: black; padding-left: 5px; padding-right: 5px; line-height: 1.4em}
.scenario h1 {font-size: 100%; font-weight: bold; color: black; margin-top: 0px; margin-bottom: 0em; padding: 5px; background-color: #f17c14}
.scenario h2 {font-size: 90%; background-color: #1f6eb0; color: white; padding: 5px; margin-top: 0px; margin-bottom: 0.5em}