/* Created using Style Master from Western Civilisation CSS1 { 61 538 729 457 } */
body {background-color: #4a88be;
font-family: Verdana, Helvetica, Arial, sans-serif;}

/* This is for the big table that contains all the other tables. */

table.maintable {margin-left: 2%;
margin-right: 2%;
width: 96%;}

/* This is to make the text in the table appear correctly in Netscape 4.5. */

td {font-family: Verdana, Helvetica, Arial, sans-serif;}

/* This is for the main section of the table, where the actual text appears. */

td.blurb {background-color: white;
border-bottom: 2px black solid;
border-right: 2px black solid;
border-top: 2px black solid;
padding-bottom: 0em;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;}

td.blurb p {margin-left: 1em;
margin-right: 1em;}

td.blurb a:link {background-color: #b5cae1;
color: black;
text-decoration: none;}

td.blurb a:visited {background-color: #b5cae1;
color: black;
text-decoration: none;}

td.blurb a:hover {background-color: #7ea8cf;
color: black;
text-decoration: underline;}

td.blurb a:active {background-color: #7ea8cf;
color: black;
text-decoration: underline;}

h1 {font-size: 1.3em;
font-weight: bold;
margin-left: 1em;
margin-right: 1em;}

h2 {font-size: 1.2em;
font-weight: bold;
margin-left: 1em;
margin-right: 1em;}

h3 {font-size: 1.1em;
font-weight: bold;
margin-left: 1em;
margin-right: 1em;}

h4, h5, h6 {margin-left: 1em;
margin-right: 1em;}

/* This is all for the navigation panels at the top of the table. */

td.top {background-color: #7ea8cf;
border-left: 1px black solid;
border-right: 1px black solid;
border-top: 2px black solid;
height: 3em;
text-align: center;
width: 16.66%;}

td.topright {background-color: #7ea8cf;
border-left: 1px black solid;
border-right: 2px black solid;
border-top: 2px black solid;
height: 3em;
padding-left: 3px;
padding-right: 3px;
text-align: center;
width: 16.66%;}

td.topleft {background-color: #7ea8cf;
border-left: 2px black solid;
border-right: 1px black solid;
border-top: 2px black solid;
height: 3em;
text-align: center;
width: 16.66%;}

td.top a:link {color: black;
font-weight: bold;
text-decoration: none;}

td.top a:visited {color: black;
font-weight: bold;
text-decoration: none;}

td.top a:hover {color: black;
font-weight: bold;
text-decoration: underline;}

td.top a:active {color: black;
font-weight: bold;
text-decoration: underline;}

td.topright a:link {color: black;
font-weight: bold;
text-decoration: none;}

td.topright a:visited {color: black;
font-weight: bold;
text-decoration: none;}

td.topright a:hover {color: black;
font-weight: bold;
text-decoration: underline;}

td.topright a:active {color: black;
font-weight: bold;
text-decoration: underline;}

/* This is for all the navigation panels at the side of the table. */

td.side {background-color: #b5c9e2;
border-bottom: 2px black solid;
padding-right: 3px;
text-align: right;}

td.emptyside {background-color: #b5cbe2;
border-bottom: 2px black solid;
border-left: 2px black solid;
border-right: 2px black solid;
border-top: 2px black solid;}

table.sidetable {height: 20em;}

td.side a:link {color: black;
font-weight: bold;
text-decoration: none;}

td.side a:visited {color: black;
font-weight: bold;
text-decoration: none;}

td.side a:hover {color: black;
font-weight: bold;
text-decoration: underline;}

td.side a:active {color: black;
font-weight: bold;
text-decoration: underline;}

/* This is just to make the "webware" logo right justified. */

td.webware {text-align: right;}

/* This is for the tutorials, guide and so on. */

div.navigation-bar {background-color: #b5cbe2;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-bottom: .3em;
padding-top: .3em;
text-align: center;}

/* This is for the arrows at the bottom of the tutorials. */

table.arrowtable {width: 100%;}

td.nextbackarrow {text-align: right;
width: 50px;}

td.uparrow {text-align: right;
width: auto;}

td.nextbackarrow a img {background-color: white;}

td.uparrow a img {background-color: white;}

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

div.smbanner {background-color: #ff7d00;
color: white;
font-size: 1.3em;
font-style: italic;
font-weight: bold;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: .5em;
padding-top: .5em;
text-align: center;}

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

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

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

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

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

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

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

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

div.lmbanner a:active {background-color: #70bc1f;
color: #2d4c0b;
text-decoration: underline;}

/* This is for quotes, mainly in articles, for example in A Dao of Web Design. */

td.blurb .quote {background-color: #b5c9e2;
margin-left: 5%;
margin-right: 5%;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;}

.figure {text-align: center;}

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

div.copyright {color: #ffffff;
background-color: #315b7f;
text-align: center;
font-size: .5em;
margin: 0em;
padding-top: 5px;
padding-bottom: 3px;}

div.copyright a:link {background-color: #315b7f;
color: #ffffff;
text-decoration: none;}

div.copyright a:visited {background-color: #315b7f;
color: #ffffff;
text-decoration: none;}

div.copyright a:hover {background-color: #315b7f;
color: #ffffff;
text-decoration: underline;}

/* This is for the code examples in, for example, the cookbook. */

.example {background-color: #b5c9e2;
border: 1px black solid;
font-family: Courier, "Courier New", monospace;
margin-left: 5em;
margin-right: 5em;
padding: 2px;}