div#navigation-set-wrapper {
     font-size: 14px;
}

div#navigation-background {
    background-color: #880611;
    background-repeat: repeat-x;
    width: 750px;
    margin: 0 auto;
    margin: 0;
    padding: 0 2em;
    border-right: 1px solid #f4f6e8;
    background-image: url('/img/core/navigation-background-primary.gif');
}

div#secondary-navigation-background {
    background-color: #c5caa6;
    width: 750px;
    margin: 0 auto;
    margin: 0;
    padding: 0 2em;
    border-right: 1px solid #f4f6e8;
    background-image: url('/img/core/navigation-background-secondary.gif');
}

div#navigation-wrapper {
    width: 750px;
    margin: 0 auto;
    margin: 0;

    height: 3.3em;
}

div#secondary-navigation-wrapper {
    width: 750px;
    margin: 0 auto;
    margin: 0;
    height: 2.5em;
}

div#navigation {
    padding: 0;
    margin: 0 auto;
    height: 3.3em;
    background-color: #880611;
    background-repeat: repeat-x;
    background-image: url('/img/core/navigation-background-primary.gif');
    overflow: hidden;
}


    div#navigation div.col-1 ul {
        list-style-type: none;
        height: 3.3em;
        overflow: hidden;
        margin: 0;
        margin-left: -.7em;
        line-height: 3.3em;
        padding: 0;
    }
    
    div#navigation div.col-1 ul li {
        display: block;
        float: left;
        color: #fff;
        line-height: inherit;
        height: 3.3em;
        padding-left: 0;
        padding-right: .3em;
        margin: 0;
    }

    div#navigation div.col-1 ul li a:link,
    div#navigation div.col-1 ul li a:visited,
    div#navigation div.col-1 ul li a:active {
        display: block;
        float: left;
        height: 3.3em;
        padding: 0 .7em 0 1em;
        _padding-top: .4em;
        color: #f4f6e8;
		text-decoration: none;
        font-weight: bold;
    }
    
    div#navigation div.col-1 ul li a:hover {
        color: #c5caa6;
		text-decoration: none;
    }
    


body.introduction div#navigation div.col-1 ul li#introduction,
body.character_creation div#navigation div.col-1 ul li#character_creation,
body.races div#navigation div.col-1 ul li#races,
body.skill_feats div#navigation div.col-1 ul li#skill_feats,
body.magic div#navigation div.col-1 ul li#magic,
body.equipment div#navigation div.col-1 ul li#equipment,
body.rules div#navigation div.col-1 ul li#rules  {
    background-image: url('/img/core/navigation-selected-background-right.gif');
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #c5caa6;
    
}
body.introduction div#navigation div.col-1 ul li#introduction a:link,
body.introduction div#navigation div.col-1 ul li#introduction a:visited,
body.introduction div#navigation div.col-1 ul li#introduction a:active,
body.character_creation div#navigation div.col-1 ul li#character_creation a:link,
body.character_creation div#navigation div.col-1 ul li#character_creation a:visited,
body.character_creation div#navigation div.col-1 ul li#character_creation a:active,
body.races div#navigation div.col-1 ul li#races a:link,
body.races div#navigation div.col-1 ul li#races a:visited,
body.races div#navigation div.col-1 ul li#races a:active,
body.skill_feats div#navigation div.col-1 ul li#skill_feats a:link,
body.skill_feats div#navigation div.col-1 ul li#skill_feats a:visited,
body.skill_feats div#navigation div.col-1 ul li#skill_feats a:active,
body.magic div#navigation div.col-1 ul li#magic a:link,
body.magic div#navigation div.col-1 ul li#magic a:visited,
body.magic div#navigation div.col-1 ul li#magic a:active,
body.equipment div#navigation div.col-1 ul li#equipment a:link,
body.equipment div#navigation div.col-1 ul li#equipment a:visited,
body.equipment div#navigation div.col-1 ul li#equipment a:active,
body.rules div#navigation div.col-1 ul li#rules a:link,
body.rules div#navigation div.col-1 ul li#rules a:visited,
body.rules div#navigation div.col-1 ul li#rules a:active {
    color: #9e252f;
    background-repeat: no-repeat;
    background-color: #c5caa6;
    background-image: url('/img/core/navigation-selected-background-left.gif');
    cursor: default;
}

div#secondary-navigation div.col-1 ul#secondary-nav-introduction { padding-left: 1.75em ;}
div#secondary-navigation div.col-1 ul#secondary-nav-character_creation { padding-left: 4em ;}
div#secondary-navigation div.col-1 ul#secondary-nav-races { padding-left: 7em ;}
div#secondary-navigation div.col-1 ul#secondary-nav-skill_feats { padding-left: 11em ;}
div#secondary-navigation div.col-1 ul#secondary-nav-magic { padding-left: 14em ;}
div#secondary-navigation div.col-1 ul#secondary-nav-equipment { padding-left: 28em ;}
div#secondary-navigation div.col-1 ul#secondary-nav-rules { padding-left: 20em ;}



div#secondary-navigation {
    padding: 0;
    margin: 0 auto;
    height: 2.5em;
    background-color: #c5caa6;
    background-repeat: repeat-x;
    background-image: url('/img/core/navigation-background-secondary.gif');
    overflow: hidden;
}
    
    div#secondary-navigation div.col-1 ul {
        list-style-type: none;
        height: 2.5em;
        margin: 0;
        margin: 0 auto;
        margin-left: -1.5em;
        line-height: 2.5em;
    }
    
    div#secondary-navigation div.col-1 ul li {
        display: inline;
        margin-right: 1.5em;
        color: #fff;
        line-height: inherit;
    }

    div#secondary-navigation div.col-1 ul li a:link,
    div#secondary-navigation div.col-1 ul li a:visited,
    div#secondary-navigation div.col-1 ul li a:active {
        display: block;
        float: left;
        font-size: .95em;
        color: #483318;
        padding: 0 2em 0 0;
        _padding-top: .15em;
    }
    
    div#secondary-navigation div.col-1 ul li a:hover {
        color: #880611;
    }
    
    div#secondary-navigation div.col-2 {
        line-height: 2.5em;
    }
    
    div#secondary-navigation div.col-2 p {
        line-height: inherit;
        font-size: 1.3em;
        margin: 0;
        color: #483318;
        float: right;
    }
    
    div#secondary-navigation div.col-2 p a:link,
    div#secondary-navigation div.col-2 p a:visited,
    div#secondary-navigation div.col-2 p a:active {
        color: #483318;
    }
    
    div#secondary-navigation div.col-2 p a:hover {
        color: #880611;
    }
    
    div#secondary-navigation div.col-2 p span.welcome {
        font-weight: bold;
    }
    
    div#secondary-navigation div.col-2 p span.tools {
        margin-left: 1em;
        color: #fff;
        color: #785b4e;
    }

ul.secondary-navigation-list { display: none;}

body.introduction ul#secondary-nav-introduction,
body.character_creation ul#secondary-nav-character_creation,
body.races ul#secondary-nav-races,
body.skill_feats ul#secondary-nav-skill_feats,
body.magic ul#secondary-nav-magic,
body.equipment ul#secondary-nav-equipment,
body.rules ul#secondary-nav-rules { display: block;}