/* Created using Style Master from Western Civilisation CSS1 { 0 0 558 625 } */

body {
font-family:  "Times New Roman", "Arial Black", "Comic Sans MS", "Trebuchet MS", Arial, Verdana, Helvetica, serif, sans-serif;
margin: 0em;
font-size: 1em;
background-color: none;
position: absolute;
background-image: graphics/sky_tile.jpg;
background-attachment: scroll;
background-repeat: repeat;
outline-color: #c0c0c0;
}

/* This is for the logotype that appears in the top left corner of every page. */

#logotype {
position: absolute;
top: 1em;
z-index: 4;
left: .7em;
}

/* 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 {
z-index: 0;
text-align: left;
font-size: 1.3em;
font-style: italic;
letter-spacing: .1em;
font-weight: bold;
padding-left: 1px;
}

#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 {
z-index: 1;
font-size: 1em;
letter-spacing: 0em;
padding-left: 165px;
position: absolute;
top: 1em;
left: 1em;
text-align: left;
bottom: 1em;
padding-top: 1em;
padding-bottom: 1em;
}

#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.3em;
font-style: italic;
letter-spacing: .1em;
font-weight: bold;
padding-left: 158px;
}

#house-layer a:link {
text-decoration: none;
color: #4a88be;
}

#house-layer a:visited {
text-decoration: none;
color: #4a88be;
}

#house-layer a:hover {
text-decoration: underline;
color: #4a88be;
}

#courses-layer {
position: relative;
z-index: 1;
color: #625b66;
font-size: 1.3em;
font-style: italic;
letter-spacing: .1em;
font-weight: bold;
border-bottom: 1px #625b66 dashed;
background : #000000 url(graphics/forwardbkg.gif) repeat-x scroll top;
margin-left : 17%;
margin-top : 0%;
background-color: #000000;
}

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

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

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

/* 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: .8em;
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: black;
color: #ffffff;
width: 17%;
border-bottom: 1px #000000;
border-top: 1px #000000;
text-align: right;
float: left;
font-size: 1em;
margin-left: 0em;
margin-top: 3em;
padding-bottom: 1em;
padding-top: 1em;
outline-color: #c0c0c0;
}

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

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

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

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

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

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-left: 17%;
height: 100%;
position: relative;
z-index: 5;
border-top: 1px #625b66 solid;
border-left: 1px #625b66 solid;
border-right: 1px #625b66 solid;
border-bottom: 1px #625b66 solid;
background-image: url(graphics/forwardbkg.gif);
background-color: #000000;
}

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

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

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

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

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

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

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

/* 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;
}

.exercise {
background-color: #224059;
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: Arial, 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;
}

#main-content p.fullversion {
text-align: center;
background-color: #dae4f0;
border: 1px #625b66 solid;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 1.5em;
margin-right: 1.5em;
}

span.menu {
font-weight: bold;
}

/* Quotes in the review section. */

blockquote {
background-color: #f3f1f4;
border: 1px #625b66 solid;
margin-left: 12.em;
margin-right: 2.em;
font-family: Celticmd, Verdana, Helvetica;
font-weight: bold;
font-size: 2em;
color: #000000;
}

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

cite {
text-align: right;
display: block;
}

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

p.table {
text-align: center;
}

table.standard-table {
border: 1px #625b66 none;
width: 75%;
}

td.toprow {
color: #ffffff;
background-color: #132433;
}

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

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

/* 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: #625b66;
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: #4a88be;
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: normal;
text-align: right;
font-size: 1.3em;
color: #625b66;
margin: 0em;
padding-right: 3%;
padding-top: 5px;
}

h2 {
border-bottom: 0px #625b66 solid;
padding-left: .8em;
color: #white;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 7px;
padding-bottom: 2px;
font-family: none;
font-size: 1.5em;
}

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

h3 {
padding-left: 1.5em;
color: #625b66;
text-decoration: underline;
}

body.toc #main-content h3 {
font-size: 1.1em;
font-style: normal;
padding-left: 2.4em;
margin-top: 0px;
margin-bottom: 0px;
background-color: #dbd9dc;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
color: #312d33;
}

#main-content h3 a:link {
font-size: 1.1em;
color: #312d33;
background-color: #dbd9dc;
}

#main-content h3 a:visited {
font-size: 1.1em;
color: #312d33;
background-color: #dbd9dc;
}

#main-content h3 a:hover {
font-size: 1.1em;
color: #224059;
background-color: #dbd9dc;
text-decoration: underline;
}

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

body.toc #main-content h4 {
font-size: .9em;
padding-left: 4.0em;
margin-bottom: 0px;
margin-top: 0px;
background-color: #c1c0c2;
padding-top: 2px;
padding-bottom: 2px;
font-style: normal;
color: #312d33;
}

#main-content h4 a:link {
font-size: 1.1em;
color: #312d33;
background-color: #c1c0c2;
}

#main-content h4 a:visited {
font-size: 1.1em;
color: #312d33;
background-color: #c1c0c2;
}

#main-content h4 a:hover {
font-size: 1.1em;
color: #224059;
background-color: #c1c0c2;
text-decoration: underline;
}

h5 {
font-size: 1em;
padding-left: 1.5em;
color: #625b66;
}

body.toc #main-content h5 {
font-size: .9em;
padding-left: 4.8em;
margin-top: 0px;
margin-bottom: 0px;
background-color: #a8a7a8;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
color: #312d33;
}

#main-content h5 a:link {
font-size: 1.1em;
color: #312d33;
background-color: #a8a7a8;
}

#main-content h5 a:visited {
font-size: 1.1em;
color: #312d33;
background-color: #a8a7a8;
}

#main-content h5 a:hover {
font-size: 1.1em;
color: #224059;
background-color: #a8a7a8;
text-decoration: underline;
}

h6 {
text-decoration: underline;
font-size: .8em;
padding-left: 1.5em;
color: #625b66;
}

body.toc #main-content h6 {
font-size: .9em;
padding-left: 5.6em;
margin-bottom: 0px;
margin-top: 0px;
background-color: #8e8d8f;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
color: #312d33;
}

#main-content h6 a:link {
font-size: 1.1em;
color: #312d33;
background-color: #8e8d8f;
}

#main-content h6 a:visited {
font-size: 1.1em;
color: #312d33;
background-color: #8e8d8f;
}

#main-content h6 a:hover {
font-size: 1.1em;
color: #224059;
background-color: #8e8d8f;
text-decoration: underline;
}

h6.h7 {}

body.toc #main-content h6.h7 {
padding-left: 6.6em;
color: #312d33;
}

p.figure {
text-align: center;
color: #ffffff;
text-decoration: underline;
}

p.figure img {
padding-top: 3px;
background-color: #ff0000;
position: absolute;
top: 2em;
left: 3em;
}

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

a img {
border: none;
}

/* This is firstly for the books on the book review page. */

img.float-left {
float: left;
margin-right: 10px;
}

/* 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-left: 17%;
background-color: #8000ff;
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 10px;
border-left: 1px #625b66 solid;
border-bottom: 1px #625b66 solid;
border-right: 1px #625b66 solid;
position: relative;
z-index: 5;
color: #ffffff;
}

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

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

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

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

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

/* This is for the banner ads throughout the house of style. */

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

div.smbanner {
background-color: #400080;
color: white;
font-size: 1.1em;
font-style: italic;
font-weight: bold;
padding-bottom: .5em;
padding-top: .5em;
text-align: center;
padding-left: .5em;
}

#main-content div.smbanner p {
padding-right: 4px;
padding-top: 5em;
}

#main-content div.smbanner img {
padding-right: 4px;
}

#main-content div.smbanner a:link {
background-color: #ff7d00;
color: white;
text-decoration: underline;
}

#main-content div.smbanner a:visited {
background-color: #ff7d00;
color: white;
text-decoration: underline;
}

#main-content div.smbanner a:hover {
background-color: #ff7d00;
color: #4c2500;
text-decoration: underline;
}

div.lmbanner {
background-color: #70bc1f;
color: white;
font-size: 1.1em;
font-style: italic;
font-weight: bold;
padding-bottom: .5em;
padding-top: .5em;
text-align: center;
margin: 0em;
}

#main-content div.lmbanner a:link {
background-color: #70bc1f;
color: white;
text-decoration: underline;
}

#main-content div.lmbanner a:visited {
background-color: #70bc1f;
color: white;
text-decoration: underline;
}

#main-content div.lmbanner a:hover {
background-color: #70bc1f;
color: #2d4c0c;
text-decoration: underline;
}

/* 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 none;
background-color: #dae4f0;
color: #625b66;
padding-top: 2px;
padding-bottom: 1px;
padding-right: 1px;
text-align: left;
padding-left: 1px;
}

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

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

#main-content p.top-navbar1 a:hover {
background-color: #224059;
color: #dae4f0;
}

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

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

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

#main-content p.bot-navbar1 a:hover {
background-color: #224059;
color: #dae4f0;
}

/* 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: #dae4f0;
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: #dae4f0;
color: #625b66;
}

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

#main-content p.top-navbar2 a:hover {
background-color: #224059;
color: #dae4f0;
}

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

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

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

#main-content p.bot-navbar2 a:hover {
background-color: #224059;
color: #dae4f0;
}

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

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