/* skin for grid nav layout -------------------------------------------------------------------------------- */

/* background color of page and content area */

.bgPage{
    background-color: #ffffff;
}

.bgCell{
    background-color: #eeeeee;
    display: none;
}

.bgContent{
    background-color: #ffffff;
}

/* text in cells and content area */

.cellText{
    color: #ffffff;
}

.contentText{
    color: #000000;
}

.hiliteText{
    color: #f71f1e;		/* #f11e1c  */
}

/* text formatting in the content area */

#content_pane .title{
    display: block;
    font-size: medium;
    font-weight: bold;
    margin-bottom: 1em;
}

#content_pane .description{
    display: block;
    font-size: small;
    margin-bottom: 1em;
}

/* cell hilite on hover */

a:hover .cell{
    border: thin solid;
    color: #000000;
}

/* links in content pane */

#content_pane a{
    text-decoration: none;
    padding: 2px;
    margin: 1px;
    background-color: #999999;
    color: #ffffff;
}

#content_pane a:visited{
    background-color: #999999;
    color: #000000;
}

#content_pane a:hover{
    background-color: #222222;
    color: #cc0000;
}

#content_pane a:active{
    background-color: #333333;
    color: #000000;
}

/* the page banner */

.banner{
    height: 17em;
    padding-right: 2em;
    margin-left: 1em;
    margin-right: 1em;
    width: 95%;
    background: url(../film_assets/images/about/banner_jvm3.jpg) no-repeat;
    background-color: #d5ccbb;
}

.banner .title{
    font-size: 4em;
    font-weight: bold;
    text-shadow: black 0.2em 0.2em 0.4em;
    vertical-align: top;
    text-align: right;

    color: #cc0000;
}

.banner .caption{
    font-size: 2em;
    font-weight: bold;
    text-shadow: black 0.2em 0.2em 0.4em;
    vertical-align: bottom;
    text-align: right;

    color: #000000;
}

.banner .info{
    font-size: 1em;
    font-weight: normal;
    vertical-align: bottom;
    text-align: right;

    color: #000000;
}

.banner .home{
    font-size: 1em;
    font-weight: normal;
    vertical-align: bottom;
    text-align: right;

    color: #000000;
}

/*  ---------------------------------------------------------------------------- */


