/* CSS Document */

/* video page */
div#videos {
    margin: 30px 40px;
}

/* common styling */
body, td, p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
} .nav, .nav a, .nav a:visited {
    padding: 1px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-variant: small-caps;
    text-decoration: none;
    color: #009;
    letter-spacing: 1px;
} .nav a:hover, .nav a:active {
    text-decoration: underline;
    color: #00f;
} .menuhead {
    font-family: Arial, sans-serif;
    font-weight: bold;
    width: 170px;
    min-width: 170px;
    position: relative;
    margin: 0px 1px;
    padding: 5px 0px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    border-width: 2px 2px 0 0;
    background: #369;
} .menuhead a {
    color: white;
} .menu {
    font-family: Arial, sans-serif;
    width: 172px;
    position: relative;
    margin: 0px 1px 10px 0px;
    font-size: 11px;
} .menu ul li a, .menu ul li a:visited {
    display: block;
    text-decoration: none;
    color: #000;
    width: 170px;
    height: 20px;
    text-align: center;
    border: 1px solid #fff;
    border-width: 1px 1px 0 0;
    background: #9cf;
    line-height: 19px;
    font-size: 11px;
} .menu ul {
    padding: 0;
    margin: 0px 1px;
    list-style-type: none;
} .menu ul li {
    float: left;
    margin-right: 1px;
    position: relative;
} .menu ul li ul {
    display: none;
}

/* specific to non IE browsers */ .menu ul li:hover a {
    color: #fff;
    background: #6699cc;
} .menu ul li:hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 170px;
    width: 105px;
} .menu ul li:hover ul li a.hide {
    background: #9cf;
    color: #000;
} .menu ul li:hover ul li:hover a.hide {
    width: 150px;
} .menu ul li:hover ul li ul {
    display: none;
} .menu ul li:hover ul li a {
    display: block;
    background: #69c;
    color: #000;
    width: 150px;
} .menu ul li:hover ul li a:hover {
    background: #9cf;
    color: #000;
} .menu ul li:hover ul li:hover ul {
    display: block;
    position: absolute;
    left: 150px;
    top: 0;
    color: #000;
} .menu ul li:hover ul li:hover ul li a {
    display: block;
    width: 200px;
    background: #99ccff;
    color: #000;
} .menu ul li:hover ul li:hover ul li a:hover {
    background: #6699cc;
    color: #fff;
}