body            { background-color: #fff; color: #000; margin: 0;
                  font-family: Verdana, Arial, sans-serif; font-size: 12px; }
h1              { font-size: 14px; font-weight: bold; color: #68c; border-bottom: 1px solid #68c; }
h1.app          { margin-left: 40px; }
h2              { font-size: 10pt; font-weight: bold; color: #68c; margin: 15px 0px 2px 0px; }
h3              { font-size: 8pt; font-weight: bold; color: #68c; margin: 2px 0px 2px 0px; }
a               { color: #6688CC; font-weight: normal; font-style: normal; text-decoration: none; }
a:hover         { color: #AAAADD; }
a img           { border: none; }
form            { margin: 0px; }
input           { border: 1px solid #6688CC; font-family: Verdana, Arial, sans-serif; font-size: 8pt; }
input.btn       { background-color: #6688CC; color: #FFF; }
select          { border: 1px solid #6688CC; font-family: Verdana, Arial, sans-serif; font-size: 8pt; }
textarea        { border: 1px solid #6688CC; font-family: Verdana, Arial, sans-serif; font-size: 8pt; }

.title          { font-size: 1.2em; background-color: #68c; color: #fff;
                  background: #68c url('./images/manuhead.jpg') fixed right no-repeat; }
.title div      { padding: 10px; }

.flake          { position: absolute; left: 50; top: 50; z-order: 1; color: #FFF; font-size: 8px; }

.page           { background: #FFF url('./images/manunav.jpg') fixed left repeat-y;
                  border-right: #F0F0E0 1px solid; border-bottom: #F0F0E0 1px solid; padding: 0px; }
* html .page    { height: 1px; }

.pane           { margin-left: 180px; padding: 10px 10px 30px 10px; }
.rb             { float: right; padding-left: 15px; }
.lb             { float: left; padding-right: 15px; }
.bs             { margin-bottom: 20px; }

.fl             { float: left; border: 1px solid #6688CC; }
.fr             { float: right; }
.c              { text-align: center; margin-left: auto; margin-right: auto; }
.blue           { color: #6688CC; font-weight: bold; }


.navbar         { position: absolute; width: 150px; left: 5px; top: 75px; color: #FFF;
                  line-height: 1em; padding: 5px; }
.navbar         { font-size: 8pt; line-height: 1.5em; }
.navbar h1      { font-weight: bold; color: #F6DE8A; font-size: 9pt; margin: 10px 0px 0px 0px; border: none; }
.navbar a       { font-weight: normal; color: #FFF; }
.navbar a:hover { color: #AAD; }
.navbar img     { margin-top: 35px; }
.credit         { font-size: 5pt; color: #FFF; }
.note           { font-style: italic; margin-top: 25px; }

.apptit         { font-size: 11pt; border: none; margin-top: 15px; }
.applogo        { float: left; margin-top: 8px; padding-right: 5px; }
.appscrn        { float: right; padding: 5px; margin-bottom: 15px; }
.appscrn img    { border: 1px solid #6688CC; }

.buy            { text-align: center; }
.buy table      { text-align: left; border: 1px solid #6688CC; margin-top: 15px; }
.buy th         { background-color: #6688CC; text-align: left; color: #FFF;
                  border-bottom : #F6DE8A 2px solid; }


div.intro {
text-align: center;
margin: 30px 0px;
}

div.welcome {
color: #000077;
text-align: center;
}



p { margin: 0.5em 0em; }
ul { margin-top: 0px; }
li { margin-bottom: 5px; }




p.quote { font-style: italic; }