/* General stylesheet for viewing */

/* Include the common stuff */
@import url(common.css);

/* Now the print-specific stuff */
body
{
    background: white;
}

/* The navbar */
div.navbar
{
    margin: 0;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    position: absolute;            /* Fallback if 'fixed' is not supported */
    top: 0;
    left: 0;
    float: left;
    background: #000080;
    width: 160px;
    border: thin outset #000080;
    height: 100%;
    /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
    Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
    IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
    declaration. The incorrect IE5/Win value is above, while the correct value is
    below. See http://glish.com/css/hacks.asp for details. */
    voice-family: "\"}\"";
    voice-family:inherit;
    position: fixed;
}
div.navbar p, div.navbar h1, div.navbar h2
{
    margin: 0;
    padding: 0.3em 0.4em;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    color: white;
}

div.navbar h1
{
    font-size: 120%;
}

div.navbar a, div.navbar em { display: block; margin: 0 0.5em }
div.navbar a, div.navbar em { border-top: 2px groove #000080 }
div.navbar a:first-child { border-top: none }
div.navbar em { color: #CFC }

div.navbar a:link { text-decoration: none; color: white }
div.navbar a:visited { text-decoration: none; color: #CCC }
div.navbar a:hover { background: black; color: white }

div.navbar .cclicence { font-size: 70%; font-weight: normal; }
div.navbar .cclicence a { display: inline; margin: inherit; border: inherit; color: inherit; }

/* And now the body */
div.body
{
    margin-left: 10.5em;
    margin-right: 0.5em;
    margin-top: 0em;
    margin-bottom: 0em;
    right: 100%;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justified;
    background: white;
}

p, li
{
    font-family: Arial, Helvetica, sans-serif;
    text-align: justified;
}

h1
{
    text-align: center;
    font-size: x-large;
    font-family: Arial, Helvetica, sans-serif;
}

h2
{
    font-size: large;
    font-family: Arial, Helvetica, sans-serif;
}

h3
{
    font-size: medium;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.centre, .center, .c
{
    text-align: center;
}

.floatleft
{
    float: left
}

.floatright
{
    float: right
}

.floatnone
{
    float: none
}

/* First-level list items */

LI
{
    list-style-type: disc;
    list-style-image: url(/images/balls/blue.gif);
    text-indent: +0em;
}

LI.cyan, LI.scd
{
    list-style-image: url(/images/balls/cyan.gif);
}

LI.red, LI.highland
{
    list-style-image: url(/images/balls/red.gif);
}

LI.green, LI.irish
{
    list-style-image: url(/images/balls/green.gif);
}

LI.blue, LI.scotland
{
    list-style-image: url(/images/balls/blue.gif);
}

LI.earth, LI.world, LI.web
{
    list-style-image: url(/images/balls/earth.gif);
}

LI.yellow, LI.ceilidh
{
    list-style-image: url(/images/balls/yellow.gif);
}

LI.purple, LI.music
{
    list-style-image: url(/images/balls/purple.gif);
}

LI.gold
{
    list-style-image: url(/images/balls/gold.gif);
}

LI.grey, LI.gray
{
    list-style-image: url(/images/balls/grey.gif);
}

LI.black
{
    list-style-image: url(/images/balls/black.gif);
}

LI.white, LI.other
{
    list-style-image: url(/images/balls/white.gif);
}

LI.orange, LI.reeling
{
    list-style-image: url(/images/balls/orange.gif);
}

LI.brown
{
    list-style-image: url(/images/balls/brown.gif);
}

LI.smiley
{
    list-style-image: url(/images/balls/smiley.gif);
}

LI.hand
{
    list-style-image: url(/images/hpoint_right.gif);
}

LI.new
{
    list-style-image: url(/images/new_tiny.gif);
}

LI.SCDIcon
{
    list-style-image: url(/images/scd/SCD.gif);
}

LI.HighlandIcon
{
    list-style-image: url(/images/scd/Highland.gif);
}

LI.CeilidhIcon
{
    list-style-image: url(/images/scd/Ceilidh.gif);
}

LI.MusicIcon
{
    list-style-image: url(/images/scd/Music.gif);
}

/* Second-level list items */
UL UL LI
{
    list-style-type: circle;
    list-style-image: url(/images/symbols/right_blue.gif);
    text-indent: +0em;
}

UL UL LI.cyan, UL UL LI.scd
{
    list-style-image: url(/images/symbols/right_cyan.gif);
}

UL UL LI.red, UL UL LI.highland
{
    list-style-image: url(/images/symbols/right_red.gif);
}

UL UL LI.green, UL UL LI.irish
{
    list-style-image: url(/images/symbols/right_green.gif);
}

UL UL LI.blue, UL UL LI.scotland
{
    list-style-image: url(/images/symbols/right_blue.gif);
}

UL UL LI.earth, UL UL LI.world, UL UL LI.web
{
    list-style-image: url(/images/symbols/right_earth.gif);
}

UL UL LI.yellow, UL UL LI.ceilidh
{
    list-style-image: url(/images/symbols/right_yellow.gif);
}

UL UL LI.orange, UL UL LI.reeling
{
    list-style-image: url(/images/symbols/right_orange.gif);
}

UL UL LI.brown
{
    list-style-image: url(/images/symbols/right_brown.gif);
}

UL UL LI.white, UL UL LI.other
{
    list-style-image: url(/images/symbols/right_owhite.gif);
}

UL UL LI.black
{
    list-style-image: url(/images/symbols/right_black.gif);
}

UL UL LI.purple, UL UL LI.music
{
    list-style-image: url(/images/symbols/right_purple.gif);
}

UL UL LI.grey, UL UL LI.gray
{
    list-style-image: url(/images/symbols/right_grey.gif);
}