/* Modifications to classes used in header.html and footer.html */

* {
    margin: 0px;
    padding: 0px;
    
    font-family: sans-serif;
}

body {
    background-color: #4e5241;
    text-align: center;
}

div {
    float: left;
}

/* New id type.
 * Division is used to encompass the standards page division.
 * Provides shadow effect on page.
 */
div#page-shadow {
    float: none;

    margin-left: auto;
    margin-right: auto;

    width: 910px;
    background-color: #4e5241;
    display: block;

    text-align: left;
}

div#page, div#header, div#navigation, div#footer {
    width: 910px;

    background-image: url("./images/page-shadow.gif");
    background-repeat: repeat-y;
    background-position: right;
}

div#page {
    background-color: #f0f0f0;
}

div#header {
    display: block;
    height: 120px;
}

div#navigation a {
    color: #0000ff;
}
div#navigation a:hover, div#navigation a:active, div#navigation a:focus {
    color: #ff0000;
}
div#navigation p {
    padding: 5px;
}

div#footer {
    display: block;
    height: 271px;
}

div#copyright {
    text-align: left;
    font-size: 10pt;
    font-family: sans-serif;
    font-weight: bold;
    color: #ffffff;
}
div#copyright p {
    margin: 20px 0px 0px 20px;
}
div#copyright a {
    color: #ffffff;
}

div.indexvideo {
    border: none;
    border-top: dashed 1px #679a01;
    padding: 5px;
    background: #ffffff;
    width: 670px;
}


/* The footer links ...
 * Places rectangular link areas over the top of the partner logos in the footer.
 */
div#footer_top {
    height: 75px;
    width: 900px;
    display: block;
    background-color: #679a01;
}
div#footer_bottom {
    background-image: url("./images/footer.gif");
    background-repeat: no-repeat;
    background-position: top left;
    height: 196px;
    width: 900px;
    display: block;
    text-align: left;
}
#footer_bottom a {
    position: relative;
    display: block;
    /*background-color: #ff0000;*/
}
#footer_bottom a span {
    display: none;
}
a#tribal {
    width: 110px;
    height: 31px;
    top: 27px;
    left: 346px;
}
a#ctad {
    width: 62px;
    height: 31px;
    top: -4px;
    left: 484px;
}
a#abdi {
    width: 110px;
    height: 54px;
    top: 24px;
    left: 30px;
}
a#sec {
    width: 108px;
    height: 60px;
    top: -28px;
    left: 173px;
}
a#esf {
    width: 108px;
    height: 79px;
    top: -90px;
    left: 321px;
}
a#eastside {
    width: 108px;
    height: 32px;
    top: -168px;
    left: 475px;
}
a#equal {
    width: 108px;
    height: 41px;
    top: -201px;
    left: 622px;
}
a#bii {
    width: 108px;
    height: 43px;
    top: -243px;
    left: 764px;
}

div#left {
    float: left;
    width: 180px;
    padding: 10px;
    background-color: #e0e0e0;
}

div#right {
    float: right;
    width: 680px;
    padding: 10px;
}

/********
 Content
********/
div#content {
    padding-right: 10px;
    width: 900px;
}

div.videorow, div.photorow, div.textsection {
    margin-left: 10px;
    width: 670px;
    
    border-top: dashed;
    border-top-width: 1px;
    border-top-color: #679a01;
}
div.videodesc {
    width: 400px;
    padding-right: 10px;
}
div.photodesc {
    width: 260px;
    padding-top: 10px;
    padding-right: 10px;
}

div.videoclip, div.photo {
    text-align: center;
}

div.textsection p.aligncentre {
    text-align: center;
}

p.videoicons {
    width: 260px;
    padding-top: 20px;
}
p.photos {
    width: 400px;
    padding-top: 10px;
}

/** HEADINGS **/
div#content h1 {
    font-size: 1.5em;
    margin: 0px 0px 10px 0px;
}
div#left h1 {
    font-size: 1.2em;
    margin: 0px;
    background-color: #679a01;
    padding: 2px;
    color: #ffffff;
}

div#content h2 {
    font-size: 1.2em;
    margin: 10px 0px 10px 0px;
}
div#left h2 {
    font-size: 1.0em;
    margin: 0px;
}

div#content h3 {
    font-size: 1.0em;
    margin: 10px 0px 10px 0px;
}

div.textsection h2.bg_darkgreen {
    background-color: #4b7428;
    color: #ffffff;
    padding: 2px;
}

/** TEXT **/
div#content p {
    margin-bottom: 10px;
}

div#content div.indexvideo p {
    margin: 10px;
    text-align: center;
}

div.textsection p.mentorname {
    font-weight: bold;
}
div.textsection span.mentorgreen {
    color: #4b7428;
}

/** LINKS **/
div#content a {
    text-decoration: underline;
    color: #0000ff;
}
div#content a:hover, div.content a:focus, div.content a:active {
    color: #ff0000;
    background-color: #e0e0e0;
}

div.videoclip a, div.photo a, div.indexvideo a {
    font-weight: bold;
    font-size: 0.8em;
    
    text-decoration: none !important;
    color: #000000 !important;
}

/** IMG **/
img {
    border: none;
}

img.texttop {
    vertical-align: top;
    margin-left: 5px;
}
img.textbottom {
    margin-right: 5px;
}

div.videoclip a img, div.indexvideo a img {
    border: solid;
    border-color: #000000;
    border-width: 2px;
}
div.videoclip a:hover img, div.videoclip a:active img, div.videoclip a:focus img,
div.indexvideo a:hover img, div.indexvideo a:active img, div.indexvideo a:focus img {
    border: solid;
    border-color: #ff0000;
    border-width: 2px;
}

div.indexvideo img {
    vertical-align: top;
}

div#left ul li a.selected {
    font-weight: bold;
}


/** LISTS **/
div#content ul, div#content ol {
    margin: 0px 0px 20px 40px;
}

div#left ul {
    margin: 10px 0px 10px 20px;
}


/** MISCELLANEOUS **/
.hidden {
    display: none;
}
.visible {
    display: normal;
}