/* Created using Style Master from Western Civilisation CSS1 { 40 5 708 448 } */
body {background-color: #f3f1f4;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0em;
font-size: .8em;
background-image: url(decoration/hexagons.gif);
background-repeat: repeat;
background-position: top left;}

/* The following 5 are for the navigation bar at the top of each page which has the links to the 4 major sections of the site. */

#sm-layer {position: relative;
z-index: 1;
text-align: left;
font-size: 1.5em;
font-style: normal;
letter-spacing: .1em;
font-weight: bold;
background-color: #f3f1f4;
margin-left: 17%;
border-left: 1px #625b66 solid;
padding-left: 10px;
border-right: 1px #625b66 solid;
padding-top: 5px;
margin-right: 12px;}

#sm-layer a:link {text-decoration: none;
color: #625b66;}

#sm-layer a:visited {text-decoration: none;
color: #625b66;}

#sm-layer a:hover {text-decoration: underline;
color: #625b66;}

#lm-layer {position: relative;
z-index: 1;
text-align: left;
font-size: 1.5em;
font-style: normal;
letter-spacing: .1em;
font-weight: bold;
background-color: #f3f1f4;
margin-left: 17%;
border-left: 1px #625b66 solid;
padding-left: 10px;
border-right: 1px #625b66 solid;
margin-right: 12px;}

#lm-layer a:link {text-decoration: none;
color: #625b66;}

#lm-layer a:visited {text-decoration: none;
color: #625b66;}

#lm-layer a:hover {text-decoration: underline;
color: #625b66;}

#house-layer {position: relative;
z-index: 1;
color: #625b66;
text-align: left;
font-size: 1.5em;
font-style: normal;
letter-spacing: .1em;
font-weight: bold;
background-color: #f3f1f4;
margin-left: 17%;
border-left: 1px #625b66 solid;
padding-left: 10px;
border-right: 1px #625b66 solid;
margin-right: 12px;}

#house-layer a:link {text-decoration: none;
color: #625b66;}

#house-layer a:visited {text-decoration: none;
color: #625b66;}

#house-layer a:hover {text-decoration: underline;
color: #625b66;}

#courses-layer {position: relative;
z-index: 1;
color: #bf721a;
text-align: left;
font-size: 1.5em;
font-style: normal;
letter-spacing: .1em;
font-weight: bold;
border-bottom: 1px #625b66 dashed;
background-color: #f3f1f4;
margin-left: 17%;
border-left: 1px #625b66 solid;
padding-left: 10px;
border-right: 1px #625b66 solid;
padding-bottom: 5px;
margin-right: 12px;}

#courses-layer a:link {text-decoration: none;
color: #bf721a;}

#courses-layer a:visited {text-decoration: none;
color: #bf721a;}

#courses-layer a:hover {text-decoration: underline;
color: #bf721a;}

/* This too is in the top navigation bar - it's for the descriptions of each of the major sections. */

span.subtext {letter-spacing: 0em;
font-size: 1em;
font-weight: normal;}

/* This is for the left navigation bar that has the links to all the parts of the sub section of the site. */

#left-navbar {background-color: #bf721a;
color: #ffffff;
font-weight: bold;
width: 17%;
text-align: right;
float: left;
margin-left: 0em;
margin-top: 3em;
padding-top: 1em;
padding-bottom: 1em;}

#left-navbar a:link {text-decoration: none;
color: white;}

#left-navbar a:visited {text-decoration: none;
color: white;}

#left-navbar a:hover {text-decoration: none;
color: #59350c;}

#left-navbar a:active {text-decoration: none;
color: #59350c;}

#left-navbar a.left-current {color: #59350c;}

p.left-navbar {padding-right: 1em;}

p.hideIEMacBug {display: none;}

/* All the rest is for the main text content of the site. */

#main-content {margin-right: 25px;
margin-left: 25px;
background-color: white;
position: relative;
z-index: 5;
border-top: 10px #59350c solid;
border-left: 1px #625b66 solid;
border-bottom: 1px #625b66 solid;
border-right: 1px #625b66 solid;}

body.toc #main-content {background-color: #f3f1f4;}

#main-content p {padding-left: 1.5em;
padding-right: 1.5em;
line-height: 1.6em;}

#main-content ul {padding-left: 1.5em;}

#main-content ol {padding-left: 1.5em;}

#main-content li {line-height: 1.6em;}

#main-content a:link {text-decoration: none;
color: white;
background-color: #bf721a;}

#main-content a:visited {text-decoration: none;
color: white;
background-color: #bf721a;}

#main-content a:hover {text-decoration: none;
color: white;
background-color: #59350c;}

/* This is mainly for tutorials, case studies, manuals and so on. */

.code-example {font-family: Courier, "Courier New", monospace;
background-color: #f3f1f4;
margin-left: 1.5em;
margin-right: 1.5em;
padding-top: 3px;
padding-bottom: 3px;
border: 1px #625b66 solid;}

.nb {color: #bf721a;
font-size: 1.2em;
font-weight: bold;}

.exercise {background-color: #59350c;
font-style: italic;
margin-left: 1.5em;
margin-right: 1.5em;
padding-top: 3px;
padding-bottom: 3px;
color: #ffffff;
font-weight: bold;}

pre {font-family: Courier, "Courier New", monospace;
background-color: #f3f1f4;
margin-left: 1.5em;
margin-right: 1.5em;
padding: 3px;
border: 1px #625b66 solid;}

span.button {font-weight: bold;}

code {font-family: Courier, "Courier New", monospace;
font-size: 1em;}

p.instruction-intro {font-weight: bold;
text-decoration: underline;}

#main-content p.instruction {padding-left: 3em;}

span.menu {font-weight: bold;}

.snapshot {background-color: #bf721a;
border: 1px black solid;
color: black;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-left: 7em;
margin-right: 7em;
padding: 2px;}

/* Quotes in the review section. */

blockquote {background-color: #f3f1f4;
border: 1px #625b66 solid;
margin-left: 2.5em;
margin-right: 2.5em;}

blockquote p {margin-left: 0em;
margin-right: 0em;
margin-top: 5px;
margin-bottom: 5px;}

/* This is for any tabular information, such as the volume licensing information. */

p.table {text-align: center;}

table.standard-table {background-color: #f3f1f4;
border: 1px #625b66 solid;
font-size: 1em;
width: 80%;
margin-left: 10%;
margin-right: 10%;}

td.toprow {font-weight: bold;
color: #ffffff;
background-color: #3f2608;}

td.leftcolumn {background-color: #59350c;
color: #ffffff;}

table.standard-table td {border: 1px #625b66 solid;}

/* This is for the breadcrumb trail. */

#main-content p.crumb-trail {padding-top: 2px;
background-color: #f3f1f4;
margin: 0em;
border-bottom: 1px #625b66 solid;
padding-bottom: 2px;
padding-left: 2px;}

#main-content a:link.crumb-back {background-color: #f3f1f4;
color: #877d8c;
font-weight: bold;
font-size: .8em;}

#main-content a:visited.crumb-back {background-color: #f3f1f4;
color: #877d8c;
font-weight: bold;
font-size: .8em;}

#main-content a:hover.crumb-back {background-color: #f3f1f4;
color: #877d8c;
font-weight: bold;
font-size: .8em;
text-decoration: underline;}

span.crumb-current {font-size: .8em;
font-weight: bold;
color: #625b66;}

span.crumb-arrow {font-size: .7em;
color: #bf721a;
font-weight: 900;}

/* The contextual selectors are for the links in tables of contents. */

/* Note that h1 is in fact outside the main-content div. */

h1 {font-weight: bold;
text-align: right;
font-size: 1.3em;
color: #625b66;
padding-right: 3%;
padding-top: 5px;
background-color: #f3f1f4;
margin-left: 25px;
border-left: 1px #625b66 solid;
border-bottom: 1px #625b66 solid;
border-right: 1px #625b66 solid;
padding-bottom: 4px;
margin-right: 25px;
margin-bottom: 0em;
margin-top: 0em;}

h2 {border-bottom: 1px #625b66 solid;
font-style: italic;
font-size: 1.1em;
padding-left: .8em;
color: #625b66;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 7px;
padding-bottom: 2px;}

body.toc #main-content h2 {font-style: normal;}

h2.major-section {background-color: #bf721a;
border-top: 1px #625b66 solid;}

h3 {font-size: 1em;
padding-left: 1.5em;
color: #625b66;
font-style: italic;
font-weight: bold;
text-decoration: underline;}

body.toc #main-content h3 {font-size: 1em;
font-style: normal;
padding-left: 2.4em;
margin-top: 0px;
margin-bottom: 0px;
background-color: #e5e4e6;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
font-weight: bold;
color: black;}

#main-content h3 a:link {font-size: 1em;
background-color: #e5e4e6;
text-decoration: none;
color: black;}

#main-content h3 a:visited {font-size: 1em;
background-color: #e5e4e6;
text-decoration: none;
color: black;}

#main-content h3 a:hover {font-size: 1em;
background-color: #e5e4e6;
text-decoration: underline;
color: black;}

h4 {font-size: 1em;
padding-left: 1.5em;
color: #625b66;
font-style: italic;
font-weight: bold;
text-decoration: none;}

body.toc #main-content h4 {font-size: 1em;
padding-left: 4.0em;
margin-bottom: 0px;
margin-top: 0px;
background-color: #d5d4d7;
padding-top: 2px;
padding-bottom: 2px;
font-style: normal;
font-weight: bold;
text-decoration: none;
color: black;}

#main-content h4 a:link {font-size: 1em;
background-color: #d5d4d7;
font-weight: bold;
text-decoration: none;
color: black;}

#main-content h4 a:visited {font-size: 1em;
color: black;
background-color: #d5d4d7;
font-weight: bold;
text-decoration: none;}

#main-content h4 a:hover {font-size: 1em;
color: black;
background-color: #d5d4d7;
text-decoration: underline;
font-weight: bold;}

h5 {font-size: 1em;
padding-left: 1.5em;
color: #625b66;
text-decoration: underline;
font-style: normal;
font-weight: normal;}

body.toc #main-content h5 {font-size: 1em;
padding-left: 4.8em;
margin-top: 0px;
margin-bottom: 0px;
background-color: #c7c5c7;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
font-weight: bold;
font-style: normal;
color: black;}

#main-content h5 a:link {font-size: 1em;
color: black;
background-color: #c7c5c7;
text-decoration: none;}

#main-content h5 a:visited {font-size: 1em;
color: black;
background-color: #c7c5c7;
text-decoration: none;}

#main-content h5 a:hover {font-size: 1em;
color: black;
background-color: #c7c5c7;
text-decoration: underline;}

h6 {font-size: 1em;
padding-left: 1.5em;
color: #625b66;
font-style: italic;
font-weight: normal;
text-decoration: none;}

body.toc #main-content h6 {font-size: 1em;
padding-left: 5.6em;
margin-bottom: 0px;
margin-top: 0px;
background-color: #b7b6b8;
padding-top: 2px;
padding-bottom: 2px;
font-style: normal;
font-weight: bold;
text-decoration: none;
color: black;}

#main-content h6 a:link {font-size: 1em;
color: black;
background-color: #b7b6b8;
text-decoration: none;}

#main-content h6 a:visited {font-size: 1em;
color: black;
background-color: #b7b6b8;
text-decoration: none;}

#main-content h6 a:hover {font-size: 1em;
color: black;
background-color: #b7b6b8;
text-decoration: underline;}

body.toc #main-content h6.h7 {padding-left: 6.4em;
background-color: #a8a7a8;
color: black;}

#main-content h6.h7 a:link {font-size: 1em;
background-color: #a8a7a8;
text-decoration: none;
color: black;}

#main-content h6.h7 a:visited {font-size: 1em;
background-color: #a8a7a8;
text-decoration: none;
color: black;}

#main-content h6.h7 a:hover {font-size: 1em;
color: black;
background-color: #a8a7a8;
text-decoration: underline;}

/* This is to make the property names stand out more no matter what level of heading they are. */

.property-name {font-size: 1em;
padding-left: 1.5em;
color: #625b66;
font-style: normal;
font-weight: bold;
text-decoration: none;
background-color: #f3f1f4;
padding-top: 3px;
padding-bottom: 3px;
border-top: 1px #625b66 solid;
border-bottom: 1px #625b66 solid;}

p.figure {text-align: center;}

p.figure img {padding-top: 3px;}

p.figure-label {font-size: .8em;
font-weight: bold;
text-align: center;}

a img {border: none;}

/* This is for the copyright notice at the bottom of the page, whcih is in fact outside the main-content div. */

#copy-notice {margin-top: 0em;
font-size: .7em;
text-align: center;
margin-right: 25px;
margin-left: 25px;
background-color: #59350c;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 10px;
border-left: 1px #625b66 solid;
border-bottom: 1px #625b66 solid;
position: relative;
z-index: 5;
border-right: 1px #625b66 solid;}

#copy-notice p {margin: 0em;}

#copy-notice a:link {text-decoration: none;
color: white;
background-color: #59350c;}

#copy-notice a:visited {text-decoration: none;
color: white;
background-color: #59350c;}

#copy-notice a:hover {text-decoration: underline;
color: white;
background-color: #59350c;}

#lm-made {margin-left: 7px;
margin-top: -45px;}

#sm-made {margin-left: 7px;
margin-top: -80px;}

/* This is for the navigation tables inside multipage tutorials, manuals, the Guide etc. */

/* navbar1 is for the navigation bars that have only one arrow. */

#main-content p.top-navbar1 {margin: 0em;
font-size: .8em;
border-bottom: 1px #625b66 solid;
background-color: #f3cfa5;
color: #625b66;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 50px;
text-align: center;
padding-left: 2px;}

#main-content p.top-navbar1 a:link {background-color: #f3cfa5;
color: #625b66;}

#main-content p.top-navbar1 a.current:link {background-color: #59350c;
color: #f3cfa5;}

#main-content p.top-navbar1 a:visited {background-color: #f3cfa5;
color: #625b66;}

#main-content p.top-navbar1 a.current:visited {background-color: #59350c;
color: #f3cfa5;}

#main-content p.top-navbar1 a:hover {background-color: #59350c;
color: #f3cfa5;}

#main-content p.bot-navbar1 {margin: 0em;
font-size: .8em;
border-top: 1px #625b66 solid;
background-color: #f3cfa5;
color: #625b66;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 50px;
text-align: center;
padding-left: 2px;}

#main-content p.bot-navbar1 a:link {background-color: #f3cfa5;
color: #625b66;}

#main-content p.bot-navbar1 a.current:link {background-color: #59350c;
color: #f3cfa5;}

#main-content p.bot-navbar1 a:visited {background-color: #f3cfa5;
color: #625b66;}

#main-content p.bot-navbar1 a.current:visited {background-color: #59350c;
color: #f3cfa5;}

#main-content p.bot-navbar1 a:hover {background-color: #59350c;
color: #f3cfa5;}

/* navbar2 is for the navigation bars that have 2 arrows. */

#main-content p.top-navbar2 {margin: 0em;
font-size: .8em;
border-bottom: 1px #625b66 solid;
background-color: #f3cfa5;
color: #625b66;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 93px;
text-align: center;
padding-left: 2px;}

#main-content p.top-navbar2 a:link {background-color: #f3cfa5;
color: #625b66;}

#main-content p.top-navbar2 a.current:link {background-color: #59350c;
color: #f3cfa5;}

#main-content p.top-navbar2 a:visited {background-color: #f3cfa5;
color: #625b66;}

#main-content p.top-navbar2 a.current:visited {background-color: #59350c;
color: #f3cfa5;}

#main-content p.top-navbar2 a:hover {background-color: #59350c;
color: #f3cfa5;}

#main-content p.bot-navbar2 {margin: 0em;
font-size: .8em;
border-top: 1px #625b66 solid;
background-color: #f3cfa5;
color: #625b66;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 93px;
text-align: center;
padding-left: 2px;}

#main-content p.bot-navbar2 a:link {background-color: #f3cfa5;
color: #625b66;}

#main-content p.bot-navbar2 a.current:link {background-color: #59350c;
color: #f3cfa5;}

#main-content p.bot-navbar2 a:visited {background-color: #f3cfa5;
color: #625b66;}

#main-content p.bot-navbar2 a.current:visited {background-color: #59350c;
color: #f3cfa5;}

#main-content p.bot-navbar2 a:hover {background-color: #59350c;
color: #f3cfa5;}

#main-content p.nav-arrows {text-align: right;
margin-bottom: 0em;
margin-left: 0em;
margin-right: 0em;
margin-top: -44px;
padding-right: 4px;}

#main-content p.nav-arrows a:link {background-color: transparent;}

#main-content p.nav-arrows a:visited {background-color: transparent;}

#main-content p.nav-arrows a:hover {background-color: transparent;}

#main-content p.nav-arrows a:active {background-color: transparent;}

p.nav-arrows img {padding-right: 4px;}

/* This is for the browsers compatibility tables interspersed throughout the pages. */

table.compatibility {border: 1px #7f621c solid;
font-weight: bold;
width: 90%;
margin-left: 5%;
margin-right: 5%;
display: table;
border-collapse: collapse;}

/* First row of the table: the names of the browsers. */

td.explorer {background-color: #59350c;
font-weight: bold;
padding-bottom: .5%;
padding-top: .5%;
text-align: center;
color: white;}

td.netscape {background-color: #59350c;
font-weight: bold;
padding-bottom: .5%;
padding-top: .5%;
text-align: center;
color: white;}

td.opera {background-color: #59350c;
font-weight: bold;
padding-bottom: .5%;
padding-top: .5%;
text-align: center;
color: white;}

/* Second row of the table: the platforms. */

td.windows {background-color: #bf721a;
color: white;
text-align: center;}

td.macintosh {background-color: #bf721a;
color: white;
text-align: center;}

td.all {background-color: #bf721a;
color: white;
text-align: center;}

/* Third row of the table: the version numbers. */

td.threefive {background-color: #bf721a;
color: white;
text-align: center;}

td.iewinfour {background-color: #bf721a;
color: white;
text-align: center;}

td.iewinfive {background-color: #bf721a;
color: white;
text-align: center;}

td.iewinfivefive {background-color: #bf721a;
color: white;
text-align: center;}

td.iewinsix {background-color: #bf721a;
color: white;
text-align: center;}

td.iemacfour {background-color: #bf721a;
color: white;
text-align: center;}

td.iemacfourfive {background-color: #bf721a;
color: white;
text-align: center;}

td.iemacfive {background-color: #bf721a;
color: white;
text-align: center;}

td.nnfour {background-color: #bf721a;
color: white;
text-align: center;}

td.nnsix {background-color: #bf721a;
color: white;
text-align: center;}

td.nnseven {background-color: #bf721a;
color: white;
text-align: center;}

td.operathreefive {background-color: #bf721a;
color: white;
text-align: center;}

td.operafive {background-color: #bf721a;
color: white;
text-align: center;}

td.operaseven {background-color: #bf721a;
color: white;
text-align: center;}

/* Fourth row of the table: the compatibility information. */

td.yes {background-color: #008000;
border-bottom: 1px #7f621c solid;
color: #ffffff;
padding-bottom: 1%;
padding-top: 1%;
text-align: center;
width: 8.3%;}

td.buggy {background-color: #ff7f00;
border-bottom: 1px #7f621c solid;
color: #ffffff;
padding-bottom: 1%;
padding-top: 1%;
text-align: center;
width: 8.3%;}

td.partial {background-color: #ffffff;
border-bottom: 1px #7f621c solid;
color: #000000;
padding-bottom: 1%;
padding-top: 1%;
text-align: center;
width: 8.3%;}

td.no {background-color: #ff0000;
border-bottom: 1px #7f621c solid;
color: #ffffff;
padding-bottom: 1%;
padding-top: 1%;
text-align: center;
width: 8.3%;}

/* Bottom row of the table: the compatibility notes. */

td.compatnotes {font-weight: normal;}

td.compatnotes p {margin: 0em;
padding: 0em;
padding-left: 0em;
padding-right: 0em;
line-height: normal;}