img { border: none; vertical-align: middle; }

a:link { color:blue; }
a:visited { color:#0000CC; }
a:hover { color:red; }

.sm, p.sm { font-size: 8pt; }

.webnote { border: 1px solid black; padding: 15px 15px 0px 15px;}
.webnotetitle { font-weight: bold; }

div.c3ba { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
div.c3ba .SectionHead {
    margin: -10px -10px 30px -10px; padding: 10px 10px 20px 10px; background-color: #085040; color: white; text-align: left;
}
div.c3ba .SectionHead img.whitebar { height: 12px; width: 100%; margin-top: 15px; }

div.c3ba p  { margin-top:0px; font-family: Helvetica, Arial, sans-serif; font-size: 9pt; }
div.c3ba div.center  { text-align:center; width: 100%; }
div.c3ba div.center div.coverinner { width: 657px; margin: 0px auto; }
div.c3ba .sm { font-size: 8pt; }
div.c3ba h1 {
    color:#CC3333; font-size:36pt; text-align: center; font-weight: 900; font-family: Arial Black, sans-serif;
    border-top: 1px black solid; border-bottom: 1px black solid; padding-top: 5px; padding-bottom: 5px; margin-bottom: 50px;
    margin-top: 0px;
}
div.c3ba h1.hasH3 {
    margin-bottom: 0px;
}
div.c3ba h2 {
    color: #085040; font-size: 36pt; text-align: left; font-weight: 900; font-family: "Arial Black", sans-serif; 
    padding: 0px; margin: 0px; line-height: 58px;
}
div.c3ba h2.beforeH3 { line-height: 45px; }
div.c3ba h3 {
    color: #085040; font-size: 24pt; text-align: left; font-weight: 900; font-family: Arial Black, sans-serif;
    padding: 0px 0px 5px 0px; margin: 0px; line-height: 32px;
}

div.c3ba h4 {
    color: #CC3333; font-size:14pt; font-weight: normal; text-align: left; font-family: Arial, sans-serif;
    border-bottom: 1px black solid; border-top: 1px black solid; padding: 0px; margin: 0px 0px 25px 0px;
}
div.c3ba h5 {
    color:black; font-size:28pt; text-align: center; font-weight: 900; font-family: Arial Black, sans-serif;
    padding: 0px; margin: 10px 0px 0px 0px; line-height: 36px;
}

div.titlepage { color: black; font-weight: normal; }
div.titlepage div.title { color: #085040; font-weight: bold; margin-bottom: 30px; background: url(images/titlepgbars.gif) 0 0 repeat-x; width: 450px; }
div.titlepage div.title div.betweenbar { text-align: center; height: 4px; }
div.titlepage div.title div.betweenbar img { width: 450px; height: 0px; }
div.titlepage div.title div.bookinfo {
    font-size: 32pt; line-height: 36pt; font-family: Arial Black, sans-serif; text-align: center; margin-bottom: 2px; font-weight: 900; 
}
div.titlepage div.title div.atari {
    font-size: 88pt; line-height: 88pt; font-family: Arial Black, sans-serif; text-align: center; margin-bottom: 2px; font-weight: 900; margin-top: -10px;
}
div.titlepage div.titlebtm { width: 387px; height: 90px; }
div.titlepage div.titlebtm img.tpg { width: 387px; height: 90px; }

div.c3ba div.chapterheader { color: #085040; font-weight: bold; margin-bottom: 30px; }
div.c3ba div.chapterheader div.chnumber { font-size: 28pt; line-height: 22pt; font-family: Arial Black, sans-serif; font-weight: 900; }
div.c3ba div.chapterheader div.chtitle { font-size: 8pt; }
div.c3ba div.chapterheader div.chtitle img { width: 90px; height: 12px; margin-right: 5px; }

div.c3ba div.pagetitle { padding-bottom: 5px; }

div.c3ba div.author { font-size: 12pt; text-align: left; vertical-align: bottom; z-index: -99; }
div.c3ba div.author img { width:125px; height: 18px; margin-right: 7px; }
div.c3ba div.note { font-style: italic; padding: 10px 0px; margin: 20px 0px 10px 0px; }
div.c3ba h6 { color:black; font-size:9pt; text-align:lefts; font-weight:bold; margin-bottom:0px; }
div.c3ba span.sans  { margin-top:0px; font-family: Helvetica, Arial, sans-serif; font-size: 9pt; }
div.c3ba a:link { color:black; }
div.c3ba a:visited { color:black; }
div.c3ba a:hover { color:blue; }
div.c3ba .chapter {
    color:#CC3333; font-family: Arial Black, sans-serif; font-size: 11pt; font-weight: 900; padding-top: 10px;
}
div.c3ba a.chapter:link { color:#CC3333; }
div.c3ba a.chapter:visited { color:#CC3333; }
div.c3ba a.chapter:hover { color:blue; }
div.c3ba .indexnum {
    color:black; font-family: Arial Black, sans-serif; font-size: 11pt; font-weight: 900; width: 45px;
    vertical-align: top;
}
div.c3ba .indexnumPad {
    color:black; font-family: Arial Black, sans-serif; font-size: 11pt; font-weight: 900; width: 45px;
    padding-top: 10px;
}
div.c3ba .padTop { padding-top: 10px; }
div.c3ba hr.btm { width: 100%; margin-top: 50px; }
div.c3ba .program {
    color:black; font-size:11pt; text-align: left; font-weight: bold; font-family: Arial Black, sans-serif;
    margin-bottom: 10px;
}
div.c3ba .programnbm {
    color:black; font-size:11pt; text-align: left; font-weight: bold; font-family: Arial Black, sans-serif;
}
div.c3ba .bdrBtm { border-bottom: 1px solid black; }
div.c3ba .bdrTopBtm { border-top: 1px solid black; border-bottom: 1px solid black; }
div.c3ba .bdrTop { border-top: 1px solid black; }

div.c3ba .TopRightPad5 { text-align: right; vertical-align: top; padding-right: 5px; }

div.c3ba .icodeNum { text-align: right; padding-right: 15px; }
div.c3ba .icodeBorder { text-align: right; border-left: 1px solid black; padding: 0px 15px;}
div.c3ba .icodeSpc {  width: 15px; }
div.c3ba .icodeImg {  width: 38px; }
div.c3ba .icodeImg img { margin-left: 10px; width: 8px; height: 8px; }

div.c3ba div.webFix { font-style: italic; color: #333333; border: 1px solid black; padding: 2px; background-color: #DDDDDD; }
div.c3ba span.webFix { font-style: italic; color: #333333; background-color: #DDDDDD; padding: 0px 2px; }

div.c3ba pre.screen {
    font-size: 9pt; font-weight: bold; font-family: monospace; color: black; background-color: #DAE3D9;
    margin-left: 0px; padding: 10px; border: solid 1px black;
}
div.c3ba pre.scriptor { font-size: 9pt; font-weight: bold; font-family: monospace; color: black; margin: 10px 0px 10px 0px; }
div.c3ba pre.scriptorindent { font-size: 9pt; font-weight: bold; font-family: monospace; color: black; margin: 0px 0px 0px 40px; }
div.c3ba div.scriptor { font-size: 8pt; font-weight: bold; margin: 0px 0px 10px 40px; color: black; }

div.backcover { padding: 20px 44px 20px 20px; color: #f9e0c1; background: url(images/bind.gif) right top repeat-y  #085040; }
div.backcover div.isbn { float: left; }
div.backcover div.price { float: right; }


div.boldunderline { font-weight: bold; text-decoration: underline; }
table.bold { font-weight: bold; }
table.bold th { text-decoration: underline; text-align: left; }
table.bold .center { text-align: center; }


pre { font-size: 9pt; font-weight: bold; margin-left: 40px; font-family: monospace; font-style: normal; }
pre.lg { font-size: 14pt; }

td.Center { text-align: center; }
td.MiddleCenter { vertical-align: middle; text-align: center; }
td.MiddleCenterBold { vertical-align: middle; text-align: center; font-weight: bold; }
td.MiddleLeft { vertical-align: middle; text-align: left; }
td.Top { vertical-align: top; }
td.TopBold { vertical-align: top; font-weight: bold; }
td.Mono { font-family: monospace; }
td.TopCenter { vertical-align: top; text-align: center; }
td.TopCenterBold { vertical-align: top; text-align: center; font-weight: bold; }
td.TopLeft { vertical-align: top; text-align: left; }
td.TopRight { vertical-align: top; text-align: right; }
td.BtmRight { text-align: right; vertical-align: bottom; }

table { font-size:9pt; }
td.padded { padding-right:35px; }
hr { color:black; text-align:left; height: 1px; }
table.hdr { margin: 12px 0 6px 0; font-family: Helvetica, Arial, sans-serif; font-size: 12pt; font-weight: bold;
    padding: 0px; border-spacing:0px; border:0px; }
table.hdr td { width: 200px; }
table.hdr2 { margin: 6px 0 6px 0; font-family: Helvetica, Arial, sans-serif; font-size: 9pt; font-weight: bold;
    padding: 0px; border-spacing:0px; border:0px; }
table.hdr2 td { width: 350px; }
span.invert, font.invert { color:white; background-color:black; }
span.invertCourier, font.invertCourier { color:white; background-color:black; font-family: monospace; }
span.courier, font.courier { font-family: monospace; }
ol { margin-top: 0px; margin-bottom: 0px; }
ol.padded { margin-top: 12px; margin-bottom: 12px; }
ol.padded li { margin-top: 6px; margin-bottom: 6px; }
pre.nopadtop {  margin-top: 0px; }
pre.nopad { margin: 0px; }
pre.nopadtopbtm { margin-top: 0px; margin-bottom: 0px; }

    #nav p { font-size: 10px; font-family: Verdana; margin-bottom: 8px; }
    #nav h2 { margin: 16px 0 8px 0; font-family: Verdana; font-size: 10px; font-weight: bold; }
    #nav a:link { color: #0066cc; text-decoration: none;}
    #nav a:visited { color: #000099; text-decoration: none; }
    #nav a:hover { color: #0066cc; text-decoration: underline; }
    #nav a:active { color: #0066cc; text-decoration: none; }
    p { margin-top:0px
}

#nav p {
    font-size: 10px;
    font-family: Verdana;
    margin-bottom: 8px;
}

#nav h2 {
    margin: 16px 0 8px 0;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}

#nav a:link {
    color: #0066cc;
    text-decoration: none;
}

#nav a:visited {
    color: #000099;
    text-decoration: none;
}

#nav a:hover {
    color: #0066cc;
    text-decoration: underline;
}

#nav a:active {
    color: #0066cc;
    text-decoration: none;
}

h1 {
    margin: 6px 0 6px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14pt;
}

h2, h3 {
    margin: 6px 0 6px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12pt;
}

h4 {
     margin: 0px;
     font-family: Helvetica, Arial, sans-serif;
     font-size: 10pt;
}

p {
     margin-top:0px;
     font-family: monospace; font-size: 9pt;
}

#header {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
}

#header-section {
    position: absolute;
    top: 24px;
    right: 5%;
    z-index: 1;
}

#footer {
    position: absolute;
    z-index: 1;
}

#main-content {
    position: absolute;
    z-index: 2;
    top: 84px;
    margin: 0 5% 0 5%;
    padding: 18px;
    background: #fff;
    text-align: left;
    width: 95%;
}

#nav {
    position: absolute;
    width: 110px;
    padding: 0 30px 0 30px;
    top: 100px;
    left: 0px;
    z-index: 1;
}