/* $Id: //depot/home/saksoy/public_html/course_style.css#3 $ */

/* Global definitions */
* {
    font-family: verdana, arial, helvetica, sans-serif;
    border-color: #336699;
    color: #000033;
}

/* Body */
body {
    margin: 0.4em 0.4em 0.4em 0.4em;
    padding: 0em;
    font-size: 90%;
}

/* Header section */
div#header {
    margin: 0em;
    padding: 0.4em 0.4em 0.4em 0.4em;
    border-top: 2px solid;
    border-right: 2px solid;
    border-bottom: 0px;
    border-left: 2px solid;
    background-color: #c0d4ee;
    text-align: center;
}
div#header div.title {
    margin: 0em;
    padding: 0em;
    font-size: 160%;
    font-weight: bold;
    color: #003366;
}
div#header div.subtitle {
    margin: 1em 0em 0em 0em;
    padding: 0em;
    font-size: 130%;
    font-weight: bold;
    color: #003366;
}

/* Announcements section */
div#announcements {
    float: right;
    width: 25%;
    margin: 0em 2px 0.5em 0.5em; /* 0.4em x 100/80 = 0.5em */
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    font-size: 80%;
    background-color: #c0d4ee;
    text-align: left;
    clear: right;
}
div#announcements h1 {
    margin: 0.6em 0em 0em 0em; /* 0.2em x 100/80/120 = 0.2em */
    padding: 0em;
    font-size: 120%;
}

/* Content section */
div#content {
    margin: 0em;
    padding: 0.4em 0.4em 0.4em 0.4em;
    border-top: 0px;
    border-right: 2px solid;
    border-bottom: 0px;
    border-left: 2px solid;
    background-color: #f0f0f0;
    text-align: justify;
}

/* Navigation section */
div#navigation {
    margin: 0em;
    padding: 0.08em 0.08em 0.08em 0.08em;
    border: 2px solid;
    font-size: 110%;
    background-color: #003366;
    text-align: center;
}
div#navigation ul.navigation {
    margin: 0em;
    padding: 0em;
    list-style-type: none;
}
div#navigation ul.navigation li {
    display: inline;
}
div#navigation ul.navigation li a {
    margin: 0em;
    padding: 0.06em 0.6em 0.06em 0.6em;
    color: #f0f0f0;
    text-decoration: none;
}
div#navigation ul.navigation li a:hover {
    background-color: #6699cc;
    color: #003366;
}

/* Footer section */
div#footer {
    margin: 0em;
    padding: 0.4em 0.4em 0.4em 0.4em;
    border: 2px solid;
    background-color: #c0d4ee;
    text-align: left;
}

/* Headings */
h1 {
    margin: 1.12em 0em 0.64em 0em; /* 0.2em x 100/130 = 0.16em */
    padding: 0em;
    font-size: 130%;
}
h2 {
    margin: 0.54em 0em 0em 0em; /* 0.2em x 100/110 = 0.18em */
    padding: 0em;
    font-size: 110%;
}
h3 {
    margin: 0.4em 0em 0em 0em;
    padding: 0em;
    font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
    color: #003366;
}
div.subheading {
    font-style: italic;
    font-weight: bold;
    color: #483d8b;
}

/* Global links */
a {
    color: inherit;
    text-decoration: none;
}
a:link {
    color: #3333ff;
}
a:visited {
    color: #336699;
}
a:hover {
    color: #cc0033;
    text-decoration: underline;
}

/* Paragraph */
p {
    margin: 0.8em 0em 0.8em 0em;
    padding: 0em;
}

/* Schedule table */
table.schedule {
    margin: 0.8em 0em 0.8em 0em;
    padding: 0em;
    border-collapse: collapse;
    empty-cells: show;
}
table.schedule th, table.schedule td {
    margin: 0em;
    padding: 0.2em 0.4em 0.2em 0.4em;
    border: 1px solid #d3d3d3;
    vertical-align: text-top;
    text-align: left;
}
table.schedule ul {
    margin: 0.2em 0em 0.2em 0em;
    padding: 0em 0em 0em 2em;
}

/* Table cells */
th.vtop, td.vtop {
    vertical-align: text-top;
}
th.center, td.center {
    text-align: center;
    vertical-align: middle;
}

/* Emphasized text */
span.emph {
    font-weight: bold;
    color: #ff0000;
}

/* Spacer */
br.spacer {
    margin: 0.4em 0em 0.4em 0em;
    padding: 0em;
}

/* Horizontal rule */
hr.separator {
    margin: 1.2em 0em 0.8em 0em;
    padding: 0em;
    border: 1px solid;
}