/* =============================================================== */
/* =============================================================== */

/* ############################################################### */
/* ## ++ TAGS ++ TAGS ++ TAGS ++ TAGS ++ TAGS ++ TAGS ++ TAGS ++ # */
/* ############################################################### */

body { text-align: center;
       font-family: Arial, sans-serif;
       font-weight: bold;
       font-size: 1em;
       background-color: #FEFFC7;
       background-image: url("../images/tut_icons_03.jpg");
       background-attachment: fixed;
      }

ul { list-style-type: none; }

h1 { font-size: 2em;
     font-family: serif;
     font-variant: small-caps;
     color: #FFFFD4;
     background-color: #490726;
     padding-left: 5px; 
    }

body a { color: #660935; }
body a:hover { color: red; }

/* ############################################################### */
/* ## -- TAGS -- TAGS -- TAGS -- TAGS -- TAGS -- TAGS -- TAGS -- # */
/* ############################################################### */

/* =============================================================== */
/* =============================================================== */

/* ############################################################### */
/* ## ++ CLASSES ++ CLASSES ++ CLASSES ++ CLASSES ++ CLASSES ++ ## */
/* ############################################################### */
.classes { margin: 35px 0 20px 0;
           padding: 10px;
           border-top: 2px solid #800000;
           border-bottom: 2px solid #800000;
           color: #800000;
          }

.classes1 { margin: 35px 0 20px 160px;
            padding: 10px;
            border-top: 2px solid #800000;
            border-bottom: 2px solid #800000;
            color: #800000;
           }

.classes2 { margin: 35px 160px 20px 0;
            padding: 10px;
            border-top: 2px solid #800000;
            border-bottom: 2px solid #800000;
            color: #800000;
           }

.classes3 { margin: 35px 205px 20px 0;
            padding: 10px;
            border-top: 2px solid #800000;
            border-bottom: 2px solid #800000;
            color: #800000;
           }

.ast {
      font-family: "Bitstream Vera serif", serif;
      font-size: 12pt;
      margin: 0 3px 0 3px;
      }

.blockquote { 
             font-family: serif;
             font-size: .9em;
             font-variant: small-caps;
             width: 550px;
             margin: 0 0 20px 48px;
             padding: 15px 5px 5px 5px;
             border: 2px solid black;
             }

.blueheader { margin: 0;
              padding: 7px 0 7px 10px;
              background-color: #D9DAFF;
              font-size: 1.1em;
             }

.blue10 { margin: 0;
          padding: 7px 0 7px 10px;
          background-color: #D9DAFF;
         }

.blue25 { margin: 0;
          padding: 7px 0 7px 35px;
          background-color: #D9DAFF;
         }

.blue40 { margin: 0;
          padding: 7px 0 7px 65px;
          background-color: #D9DAFF;
         }

.byline { font-family: "Bitstream Vera Sans", sans-serif;
          font-size: .9em;
          font-weight: normal;
         }

.calcnote { margin: 0 0 15px 0;
            padding: 10px;
            border: 1px solid black;
            font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
            font-size: 10pt;
            line-height: 150%;
           }

.centerimage { text-align: center;
               font-family: "Bitstream Vera Sans", sans-serif;
               font-weight: normal;
               font-size: 12pt;
               margin: 10px 0 10px 0;
               padding: 3px 0 0 0;
               border: 1px solid black;
              }

.code { background-color: white;
        margin: 0 0 15px 0;
        padding: 10px;
        border: 2px solid black;
        font-family: "Bitstream Vera Serif", serif;
        font-weight: normal;
        font-size: 10pt;
       }

.code2 { background-color: white;
         margin: 0 0 15px 0;
         padding: 10px;
         border: 2px solid black;
         font-family: "Bitstream Vera Serif", serif;
         font-weight: normal;
         font-size: 10pt;
         line-height: 150%;
        }

.code3 { background-color: white;
         white-space: pre;
         margin: 0 0 15px 0;
         padding: 10px;
         border: 2px solid black;
         font-family: "Bitstream Vera Sans Mono", monospace;
         font-weight: normal;
         font-size: 10pt;
         line-height: 75%;
         overflow: scroll;
        }

.code4 { background-color: white;
         margin: 0;
         padding: 10px;
         border: 2px solid black;
         font-family: "Bitstream Vera Serif", serif;
         font-weight: normal;
         font-variant: small-caps;
         font-size: 10pt;
        }

.code5 { background-color: white;
         margin: 0 0 15px 0;
         padding: 10px;
         border: 2px solid black;
         font-family: "Bitstream Vera Serif", serif;
         font-weight: normal;
         font-variant: small-caps;
         font-size: 10pt;
        }

.code6 { background-color: white;
         white-space: pre;
         margin: 0 0 15px 0;
         padding: 10px;
         border: 2px solid black;
         font-family: "Bitstream Vera Sans Mono", monospace;
         font-weight: normal;
         font-size: 11pt;
         line-height: 90%;
         }

.clearboth { clear: both; }

.ctoc { text-align: center;
        margin: 0 0 15px 0;
        padding: 0 0 5px 0;
        border: 1px solid black;
       }

.ctoc a { color: #660935;
          font-size: .7em;
        }

.ctoc a:hover { color: red; }

.divider { border-top: 1px solid #feffcd;
           border-bottom: 1px solid #feffcd;
           margin: 10px 0 10px 20px;
           padding: 1px 0 1px 0;
          }

.ednote { margin: 0 0 15px 0;
          padding: 10px;
          border: 1px solid black;
          font-family: Arial, sans-serif;
          font-size: 10pt;
         }

.ednote1 { margin: 0 225px 15px 0;
           padding: 10px;
           border: 1px solid black;
           font-family: Arial, sans-serif;
           font-size: 10pt;
          }

.ednote2 { margin: 0 270px 15px 0;
           padding: 10px;
           border: 1px solid black;
           font-family: Arial, sans-serif;
           font-size: 10pt;
          }

.effecta { background-color: #D6D7FF;
           font-family: "Bitstream Vera Serif", serif;
           font-weight: normal;
           font-variant: small-caps;
          }

.effect { background-color: #f2f2f2;
          font-family: "Bitstream Vera Serif", serif;
          font-weight: normal;
          font-variant: small-caps;
         }

.equals { font-weight: normal; }

.floatleft { float: left;
              margin: 0 20px 0 0;
              padding: 3px;
              font-family: "Bitstream Vera Sans", sans-serif;
              font-weight: normal;
              font-size: 12pt;
              text-align: center;
              border: 1px solid black;
             }

.floatleft1 { float: left;
              margin: 0 0 0 0;
              padding: 3px;
              font-family: "Bitstream Vera Sans", sans-serif;
              font-weight: normal;
              font-size: 12pt;
              text-align: center;
              border: 1px solid black;
             }

.floatright { float: right;
              margin: 0 0 0 20px;
              padding: 3px;
              font-family: "Bitstream Vera Sans", sans-serif;
              font-weight: normal;
              text-align: center;
              font-size: 12pt;
              border: 1px solid black;
             }

.floatright1 { float: right;
              margin: 0 0 0 0;
              padding: 3px;
              font-family: "Bitstream Vera Sans", sans-serif;
              font-weight: normal;
              text-align: center;
              font-size: 12pt;
              border: 1px solid black;
             }

.fleft { float: left;
          margin: 15px 15px 0 0;
          padding: 0;
          border: 2px solid black;
         }

.floatr { float: right;
          margin: 0;
          padding: 10px 50px 0 0;
         }

.foot { margin: 0 0 10px 0;
        padding: 10px;
        border: 2px solid black;
       }

.foot a { color: #660935;
          font-size: .9em;
         }

.foot a:hover { color: red; }

.fulltoc { border: 1px solid black; }

.foottoc { border: 1px solid black; 
           margin: 0 0 25px 0;
          }

.foottoc a { color: #660935;
             text-decoration: none;
            }

.foottoc a:hover { color: red; }

.grayheader { margin: 0;
              padding: 7px 0 7px 10px;
              background-color: #f2f2f2;
              font-size: 1.1em;
             }

.gray10 { margin: 0;
          padding: 7px 0 7px 10px;
          background-color: #f2f2f2;
         }

.gray25 { margin: 0;
          padding: 7px 0 7px 35px;
          background-color: #f2f2f2;
         }

.gray40 { margin: 0;
          padding: 7px 0 7px 65px;
          background-color: #f2f2f2;
         }

.hilite { background-color: #f2f2f2;
          border-right: 1px solid black;
         }

.hilite1 { background-color: #D6D7FF;
           border-right: 1px solid black;
          }

.indent { margin: 0 0 10px 35px; }

.indent55 { margin: 0 0 10px 55px; }

.indentheader { margin: 3px 0 3px 0; }

.line { text-decoration: line-through; }

.longh1 { font-size: 1.5em;
          font-family: serif;
          font-variant: small-caps;
          color: #FFFFD4;
          background-color: #490726;
          padding: 5px; 
         }

.menuheader { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
              font-size: 12pt;
              font-weight: bold;
              color: #FFFFD4;
             }

.onpage { display: block;
          font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
          font-size: 13pt;
          font-weight: bold;
          color: yellow;
         }

.period { color: #FEFFC7; }

.pf { margin: 0 0 15px 0;
      padding: 10px;
      border: 1px solid black;
      text-align: center;
      font-family: Arial, sans-serif;
      font-size: 10pt;
      }

.red { color: red;
       font-weight: bold;
      }

.redblock { background-color: #FF99CC;
            border: 1px solid black;
            padding: 3px;
           }

.blue { color: blue; }

.blueblock { background-color: #CCFFFF;
             border: 1px solid black;
             padding: 3px;
            }

.green {color: teal; }

.greenblock { background-color: #00FF00;
              border: 1px solid black;
              padding: 3px;
             }

.bigred { color:  red;
          font-size: 1.2em;
         }

.secend { border-bottom: 1px solid black;
          padding-bottom: 15px;
         }

.secend1 { border-bottom: 1px solid black;
          margin: 15px 0 25px 0;
         }

.secend2 { border-bottom: 1px solid black;
           padding: 15px 0 15px 0;
          }

.sechead { padding: 10px;
           margin: 0 0 0 0;
           border: 2px solid black;
          }

.secfoot { padding: 10px;
           margin: 0 0 20px 0;
           border-bottom: 2px solid black;
           border-left: 2px solid black;
           border-right: 2px solid black;
          }

.section { margin-top: 35px;
           padding: 10px 0 10px 0;
           font-size: 1.4em;
           border-bottom: 4px double black;
           border-top: 4px double black;
          }

.section1 { margin-top: 35px;
            padding: 5px 0 5px 50px;
            font-size: 1.2em;
            border-bottom: 4px double black;
            border-top: 4px double black;
           }

.slider { margin: 0 2px 0 2px;
          border: 1px solid black;
          }

.subsection { border-bottom: 2px solid black; 
              margin-top: 40px;
              padding-bottom: 5px;
              font-size: 1.2em;
             }

.subsectiona { border-bottom: 2px solid black;
               border-top: 2px solid black;
               margin-top: 40px;
               padding: 10px 0 10px 20px;
               font-size: 1.2em;
             }

.tab { display: block;
       width: 230px;
       margin: 0;
       padding: 10px;
       border-top: 1px solid black;
       border-right: 1px solid black;
       border-left: 1px solid black;
      }

.tab1 { display: block;
        width: 290px;
        margin: 0 0 0 0;
        padding: 10px;
        border-top: 2px solid black;
        border-right: 2px solid black;
        border-left: 2px solid black;
       }

.tab2 { display: block;
        width: 430px;
        margin: 0 0 0 0;
        padding: 10px;
        border-top: 2px solid black;
        border-right: 2px solid black;
        border-left: 2px solid black;
       }

.tags { margin: 0 0 30px 0;
        padding: 10px;
        border: 2px solid black;
       }


.tagnames { font-family: "Bitstream Vera Serif", serif;
            font-variant: small-caps;
            font-size: 11pt;
            font-weight: normal;
           }

.editor { font-family: "Bitstream Vera Sans", sans-serif;
          font-size: 10pt;
          font-weight: normal;
         }

.tblheadleft { border-bottom: 1px solid black;
               border-right: 1px solid black;
              }

.tblheadright { border-bottom: 1px solid black; }

.thumbs { float: left;
          width: 80px;
          border: 1px solid black;
          margin: 0 15px 15px 0;
          padding: 15px;
          text-align: center;
          font-size: .8em;
          font-weight: normal;
        }

.thumbnail { float: left;
             width: 200px;
             margin: 0 15px 15px 0;
            }

.thumbnail1 { float: left;
             width: 240px;
             margin: 0 15px 15px 0;
            }

.title { font-size: 1.3em;
         font-family: "Times New Roman", serif;
         font-variant: small-caps;
         margin: 30px 0 0 0;
         border-bottom: 3px solid black;
        }

.topcentersec { text-align: center;
                border-top: 1px solid black;
                border-right: 1px solid black;
                border-left: 1px solid black;
                margin: 0;
                padding: 5px;
               }

.type { font-family: "Bitstream Vera Serif", serif;
        font-size: 1em;
        font-weight: normal;
        font-variant: small-caps;
        background-color: white;
        margin: 0;
        padding: 5px 10px;
        border-bottom: 1px solid black;
       }

/*  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.typetable { font-size: 10pt;
             font-family: "Bitstream Vera Sans", sans-serif;
             font-variant: small-caps;
             font-weight: normal;
             line-height: 120%;
             margin: 0 0 15px 0;
            }

.typetable p { margin: 3px 5px 3px 10px; }

.typetable th { margin: 3px 5px 3px 10px;
                text-align: center;
               }

/*  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.typetable1 { font-size: 11pt;
             font-family: "Bitstream Vera Sans", sans-serif;
             font-variant: small-caps;
             font-weight: normal;
             line-height: 120%;
             margin: 0 0 15px 0;
            }

.typetable1 th { margin: 3px 5px 3px 10px;
                 text-align: center;
                 padding: 2px;
                }

.typetable1 td { margin: 3px 5px 3px 10px;
                 padding: 2px;
                }
/*  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/*  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.typetable2 { font-size: 11pt;
             font-family: "Bitstream Vera Sans", sans-serif;
             font-variant: small-caps;
             font-weight: normal;
             line-height: 120%;
             margin: 0 0 15px 0;
            }

.typetable2 th { margin: 3px 5px 3px 10px;
                 text-align: center;
                 padding: 2px;
                }

.typetable2 td { margin: 3px 5px 3px 10px;
                 text-align: center;
                 padding: 2px;
                 background-color: white;
                }

.typetable2 img { border: 2px solid black; }

/*  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.typesep { background-color: #490726;
           color: #490728;
           margin: 0;
           padding: 0;
           line-height: 50%;
          }

.yellow { font-family: "Bitstream Vera Serif", serif;
          font-variant: small-caps;
          font-size: 10pt;
          font-weight: normal;
          background-color: yellow;
          padding: 1px;
         }

.ycode { background-color: yellow;
         padding: 1px;
        }

/* ############################################################### */
/* ## -- CLASSES -- CLASSES -- CLASSES -- CLASSES -- CLASSES -- ## */
/* ############################################################### */

/* =============================================================== */
/* =============================================================== */

/* ############################################################### */
/* ## ++ TOP ++ TOP ++ TOP ++ TOP ++ TOP ++ TOP ++ TOP ++ TOP ++ #
/* ############################################################### */

#top { background-color: #490726;
       background-image: url("../images/tut-header.png");
       background-repeat: no-repeat;
       background-position: center center;
       padding: 2px 0 0 2px;
       margin: 0 auto 10px auto;
       height: 140px;
       width: 900px;
       border: 3px solid black;
      }


/* ############################################################### */
/* ## -- TOP -- TOP -- TOP -- TOP -- TOP -- TOP -- TOP -- TOP -- # */
/* ############################################################### */

/* =============================================================== */
/* =============================================================== */

/* ############################################################### */
/* ## ++ CONTAINER ++ CONTAINER ++ CONTAINER ++ CONTAINER ++ ##### */
/* ############################################################### */

#container { text-align: left;
             color: black;
             background-color: #490726;
             width: 900px;
             margin: 10px auto 10px auto;
             border: 3px solid black;
            }

/* ############################################################### */
/* ## -- CONTAINER -- CONTAINER -- CONTAINER -- CONTAINER -- ##### */
/* ############################################################### */

/* =============================================================== */
/* =============================================================== */

/* ############################################################### */
/* ## ++ LEFTNAV ++ LEFTNAV ++ LEFTNAV ++ LEFTNAV ++ LEFTNAV ++ ## */
/* ############################################################### */

#leftnav { float:left;
           width: 160px;
           margin: 15px 0 0 2px;
           padding: 2px; 
          }


#leftnav p { margin: 0;
             padding: 0;
             width: 165px;
            }

#leftnav p a { display: block;
               font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
               font-size: 12pt;
               font-weight: bold;
               color: #490726;
               text-align: center;
               width: 160px;
               padding: 5px;
               margin: 5px 0 5px 10px;
               background-color: #FEFFCD;
               border: 3px double black; 
               text-decoration: none;
              }

#leftnav p a:hover { background-color: #490726;
                     color: #eee8aa;
                     border: 3px double #feffcd;
                    }

#leftnav p span { margin: 0;
                  padding: 0;
                  width: 165px;
                  background-color: #feffcd;
                 }

#leftnav ul { width: 195px;
              margin: 0;
              padding: 0 0 0 30px;
             }

#leftnav ul li { padding: 0;
                 margin: 10px 0 10px 0;
                 color: #FEFFCD;
                 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                 font-size: 10pt;
                 line-height: 80%;
                }

#leftnav ul li a { display: block;
                   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                   font-size: 13pt;
                   font-weight: bold;
                   text-align: left;
                   color: #FEFFCD;
                   text-decoration: none;
                  }

#leftnav ul li a:hover { color: yellow; }

/* ############################################################### */
/* ## -- LEFTNAV -- LEFTNAV -- LEFTNAV -- LEFTNAV -- LEFTNAV -- ## */
/* ############################################################### */

/* =============================================================== */
/* =============================================================== */

/* ############################################################### */
/* ## ++ CONTENT ++ CONTENT ++ CONTENT ++ CONTENT ++ CONTENT ++ ## */
/* ############################################################### */

#content { background-color: #FEFFC7;
           border-left: 6px ridge #eee8aa;
           margin-left: 200px;
           padding: 1em;
          }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XX ARCHIVE XX ARCHIVE XX ARCHIVE XX ARCHIVE XX ARCHIVE XXXXXXXX */

#archive h1 { margin-top: 55px; }

#archive a { color: #660726; }

#archive a:hover { color: red; }

/* XX ARCHIVE XX ARCHIVE XX ARCHIVE XX ARCHIVE XX ARCHIVE XXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XX INDEX XX INDEX XX INDEX XX INDEX XX INDEX XX INDEX XXXXXXXXX */

#index p { line-height: 100%; }

#index h3 { font-size: 1.2em;
            border-bottom: 3px double black;
           }

#index a { color: #660726;
           text-decoration: none;
          }

#index a:hover { color: red; }

/* XX INDEX XX INDEX XX INDEX XX INDEX XX INDEX XX INDEX XXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XX TOC XX TOC XX TOC XX TOC XX TOC XX TOC XX TOC XX TOC XXXXXXX */

#toc a { color: #660935;
         text-decoration: none;
        }

#toc a:hover { color: red; }

#toc h3 { font-size: 1.3em;
          border: 1px solid black;
          margin-top: 45px;
          padding: 10px;
         }

#toc table { border-collapse: collapse;
             width: 662px;
             margin: 0 0 0 0;
             padding: 0;
             border: 1px solid black;
            }

#toc table td { padding: 7px 5px 7px 10px;
                margin: 0;
               }

#toc th { font-size: 1.3em;
          padding: 10px;
          border-bottom: 1px solid black;
         }

/* XX TOC XX TOC XX TOC XX TOC XX TOC XX TOC XX TOC XX TOC XXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* ############################################################### */
/* ## -- CONTENT -- CONTENT -- CONTENT -- CONTENT -- CONTENT -- ## */
/* ############################################################### */

/* =============================================================== */
/* =============================================================== */

/* ############################################################### */
/* ## ++ FOOTER ++ FOOTER ++ FOOTER ++ FOOTER ++ FOOTER ++ ####### */
/* ############################################################### */

#footer { clear: both;
          background-color: #FEFFC7;
          text-align: center;
          margin: 0;
          padding: .5em;
          border-top: 3px double black;
         }

#footer p { font-size: 8pt;
            margin: 15px auto 5px auto;
           }

#footer a { color: black; }

/* ############################################################### */
/* ## -- FOOTER -- FOOTER -- FOOTER -- FOOTER -- FOOTER -- ####### */
/* ############################################################### */

/* =============================================================== */
/* =============================================================== */

/* ############################################################### */
/* ## ++ FOOTERNAV ++ FOOTERNAV ++ FOOTERNAV ++ FOOTERNAV ++ ##### */
/* ############################################################### */

#footernav { text-align: center; }

#footernav ul { margin: .4em .2em .2em .2em;
                padding: 0;
                list-style-type: none;
               }

#footernav ul li { display: inline; }

#footernav ul li a { color: #660726;
                     font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                     font-weight: bold;
                     font-size: 10pt;
                     text-decoration: none;
                     border-bottom: 3px double #490726;
                     padding: 0;
                     margin: .2em;
                    }

#footer ul li a:hover { color: red; }

/* ############################################################### */
/* ## -- FOOTERNAV -- FOOTERNAV -- FOOTERNAV -- FOOTERNAV -- ##### */
/* ############################################################### */

/* =============================================================== */
/* =============================================================== */