body {
    background-color: #333333;
    color: black;
    margin: 0;
}

/* Navigation
-------------------------------------------------------------- */


li { margin-bottom: 0.5em; }

ul#navigation {
    margin: 0;
    list-style: none;
    border-left: 1px solid white;
}

ul#navigation li {
    float: left;
    background-color: black;
    margin: 0;
    border: 1px solid #666666;
    border-right: none;
}

ul#navigation a {
    font-family: Courier, "Courier New", fixed-width;
    font-size: 1.2em;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    display: block;
    width: 93px;
    height: 2em;
    line-height: 2em;
}

ul#navigation a:hover {
    color: black;
    background-color: #cc3300;
}

ul#navigation li.active a:hover {
    background-color: #666666;
    color: white;
    cursor: default;
}
ul#navigation li.active { 
    background-color: #666666;
    border: 1px solid #666666;
    border-right: none;
}

ul#navigation li.first { border-left: none;  width: 97px;}
ul#navigation li.last { border-right: none; }

/* Layout
-------------------------------------------------------------- */
div.container {
    position: relative;
    width: 850px;
    margin: 0 auto;
    text-align: center;
    border-left: 3px #222222 solid;
    border-right: 3px #222222 solid;
}

div#header {
    background-color: #000000;
    float: left;
    width: 100%;
}

div#content {
    float: left;
    background-color: white;
    min-height: 300px;
    padding: 0;
    width: 100%;
    text-align: left;
    margin: 0;
}

div#main {
    float: left;
    display: inline;
    width: 475px;
    margin: 1em 42px 2em;
}

div#main.wide-content {
    float: left;
    display: inline;
    width: 780px;
    margin: 1em 24px 2em 42px;
}

#main.wide-content p {
    width: 475px;
}

#main.wide-content img {
    float: right;
    display: inline;
    margin-right: 0em;
    padding: 0;
    background-color: #fff7cc;
}

#main.wide-content img.addBorder {
    border: 1px solid #cccccc;
}

div#inset {
    float: left;
    display: inline;
    width: 270px;
    margin: 2em 0 2em 0;
}

div#footer {
    position: relative;
    display: block;
    background-color: #000000;
    color: white;
    clear: left;
    padding: 2px 0;
}

div#footer p {
    display: block;
    text-align: right;
    margin: 0 1em 0 0;
}

/* Front page with spotlight
-------------------------------------------------------------- */
#spotlight img {
    float: none;
}

/*
-------------------------------------------------------------- */
blockquote.pull  { 
    font-size: 1.5em;
    margin: 1em 0 1em 0em; 
    color: #333333; 
    font-style: normal; 
}

blockquote .dquo {
    font-size: 3em;
    line-height: 0.1em;
    margin-left: -.5em;
    padding-right: 0.1em;
    vertical-align: bottom;
}

blockquote .dquo.end {
    margin-left: 0.25em;
}

blockquote.pull .dquo {
    font-size: 1.5em;
    vertical-align: middle;
}

#notify-input {
    border: 1px inset #666666;
    padding: .1em .2em;
    font-size: 1.2em;
}

#notify-submit {
    padding: .2em;
    width: 7em;
    font-size: 1.2em;
}

p.error {
    background-color: #fff7cc;
    display: block;
    color: #330000;
    font-style: italic;
}

.right { text-align: right; margin-right: 0.5em; }
.underline { border-bottom: 1px solid #ccc; margin-bottom: .5em;}
.excerpt, div.article-excerpt p { color: #333; }
div.article-excerpt .source { color: #000; }
p.last { margin-bottom: 0; }

.callout { background-color: #FCF6A2; border: 1px solid #FFD54A; padding: 0.5em; margin-bottom: 1.5em; }
.wide-photo { float: left; margin-bottom: 2em; }
.has-caption { margin-bottom: 0; }
#main.wide-content p { clear: left; }


ul.documents li { margin-bottom: .5em;}

.callout h3 {
    border: none;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}

h3.dvd-num {
    float: left;
    background-color: #cc3300;
    border: none;
    color: #fff;
    font-size: 1em;
    line-height: 1.5em;
    margin-right: 20px;
    text-transform: uppercase;
    width: 75px;
}

div.dvd-info {
    float: left;
    width: 370px;
}

h3 {
    line-height: 1em;
}

ul.dvd-contents {
    list-style: none;
    margin-top: -1em;
}

ul.dvd-contents li {
    border-bottom: 1px solid #ccc;
}

ul.dvd-contents ul li {
    border-bottom: none;
}

ul ul li, ul ul {
    margin-bottom: 0;
}

p#purchase {
    margin-top: 1.5em;
}

p#purchase .large {
    font-size: 1.75em;
}

a.thumb {
    border: 5px solid #ccc;
    display: block;
    margin-top: 1.5em;
    width: 150px;
}

a.thumb:hover {
    background-color: #fff;
    border: 5px solid #125AA7;
}

.first-para:first-line {
    font-size: 1.25em;
}

h4.from_school {
    border-bottom: 1px solid #ccc;
}

/* Sidebar/Inset
-------------------------------------------------------------- */
#inset h2 {
    font-size: 1.5em;
}

#inset h3 {
    font-size: 1.3em;
}

/* Homepage news updates
-------------------------------------------------------------- */
#home .post {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.5em;
}


/* Trailers/Previews
-------------------------------------------------------------- */
ul.trailers {
    border-top: 1px solid #ccc;
    list-style: none;
    margin-left: 0;
    margin-bottom: 2em;
    padding: 0;
}

.trailers li {
    color: #333;
    list-style: none;
    border-bottom: 1px solid #ccc;
    font-size: 1.1em;
    margin: 0;
    padding: 3px;
    width: 100%;
}

.trailers li a {
    display: block;
    color: #125AA7;
    font-weight: bold;
    text-decoration: none;
}

.trailers a:hover {
    color: white;
}

.duration {
    display: block;
    font-size: 1em;
    color: #666;
}

.trailers li a:hover span.duration {
    color: white;
}