body { margin: 0; background-color: black; color: #D4D4D4; text-align: center; font-family: verdana; font-size: 13px; line-height: 110% }
img { border: 0px }
h2 {font-family: Trebuchet MS; font-size: 30pt; font-weight: bold; color: white; padding-left: 35px; margin-left: 0px; padding-top: 0px; margin-top: 25px; padding-bottom: 0px; margin-bottom: 25px;}
h3 {font-family: Trebuchet MS; font-size: 20pt; font-weight: bold; color: white; margin: 15px 0px 15px 0px; padding-top: 0px; line-height:100%}
a { color: LightBlue; text-decoration: none }
a:hover { text-decoration: underline }
li { line-height: 130%; padding-left: 0px; margin-left: 0px;}
ul { padding-left: 15px; margin-left: 0px; padding-bottom: 0px; margin-bottom: 0px;}



#divContent { margin-left: auto; margin-right: auto; text-align: left; background-color: #333333; width: 724px; background-image: url(images/logowatermark.gif); background-position: center center; background-repeat: no-repeat }
#divLinks { text-align: left; padding: 2px 0px 2px 20px; margin-top: 15px; background-image: url(images/linkbar.gif) }
#divLinks a { color: white; font-weight: bold; padding: 0px 3px 0px 3px }

.content { padding: 20px 15px 20px 35px; margin-top: 0px; margin-bottom: 0px; overflow: auto;}
.highlight { background-color: #FBF2B5; color: black }
.highlight a { color: lightblue; font-weight: bold }
.image-right { float: right; clear: both; margin-left: 10px; margin-top: 5px }

.highlight-subtle { background-color: #444444; }
.lighter { background-color: #C0C0C0; }
.highlight-subtle a { color: lightblue; }
.highlight-subtle p { padding: 0; margin: 0; }
#ulLinks { list-style-type: none; padding-left: 8px; margin-left: 8px; line-height: 125% }
#tblScreenShots { margin: 25px 0px 10px 35px; font-family: Verdana; }
#tblScreenShots thead { font-weight: bold; font-size: 12px; color: White }
.screenshots { font-size: 10px; color: Gray; line-height: 120% }
#tblScreenShots td { padding: 0px 11px 10px 0px }