@charset "iso-8859-1";
/* Created using Style Master from Western Civilisation CSS1 { 183 155 451 409 } */
body
{background-color: #CE7C59;
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: #FFFFFF;
border-bottom:  2px black solid;
border-right:  2px black solid;
border-top:  2px black solid;
padding:   5px}

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

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

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

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

h1
{font-size:  1.3em;
font-weight: bold}

h2
{font-size:  1.2em;
font-weight: bold}

h3
{font-size:  1.1em;
font-weight: bold}

h4, h5, h6
{}

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

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

td.topselect
{background-color: #f7ef84;
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: #C55F2E;
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: #C55F2E;
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}

/* This is to make the selected top menu highlighted but formatted the same as the other menu items. */

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

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

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

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

/* This is to format the top right menu. */

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: #C55F2E;
border-bottom:  2px black solid;
padding-right:  3px;
text-align: right}

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

td.emptyside
{background-color: #C55F2E;
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: white;
font-weight: bold;
text-decoration: underline}

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

/* This is to make the selected side menu highlighted but formatted the same as the other menu items. */

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

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

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

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

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

td.logo
{text-align: right}

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

p.navigation-bar
{background-color: #b5cbe2;
border:  2px black solid;
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. */

a.banner
{background-color: white}

p.banner
{text-align: center}

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