/*  Lots of problems with IE vs Firefox discrepancies forced the order
 *  here to be different than what I would have really liked, and the need
 *  for "important" tags.  Even then, there are some differences.  Clearly
 *  they handle the cascading a little different.  So be careful if
 *  you change the order much!
 */

/* special formatting for <h1>s (expected to be used only for the
 * course title) to make it pop a little stronger
 */
#course-outline H1 {
    margin: 8px 0px 6px 0px;
    font-size: 15pt; font-weight: bold;
    color: rgb(0,153,153);	/* THEME: CourseTitle */
}
/*  format for headings that aren't <hX>s (all of them except the title!) */
DIV.heading {
    margin: 16px 0px 10px 0px;
    font-size: 12pt; font-weight: bold; text-align: left;
    color: rgb(102,153,153);	/* THEME: CourseOutlineHeading */
}

/* special formatting (applies only within the content section!) */
#content-section H1 {
    font-size: 10pt; font-weight: bold;
    color: rgb(0,102,102);	/* THEME: CourseContentModule */
    margin: 8px 0px 3px 24px;
}
P.topic, P.detail, P.example {
    margin: 0px 0px 2px 40px !important;
    padding: 0px !important;
}
UL.topic, UL.detail, UL.example {
    margin: 0px 0px 2px 16px;
    padding: 0px;
}
.topic LI {
    list-style-type: square;
    margin: 0px 0px 0px 48px !important;
    padding: 0px;
}
.detail LI {
    list-style-type: disc !important;
    margin: 0px 0px 0px 12px !important;
}
.example LI {
    list-style-type: circle !important;
    margin: 0px 0px 0px 12px !important;
}

#course-outline {
    position: relative;
    margin: 0px 20px 0px 12px;
}
/* extra left-margin and smaller paragraph-spacing for text in most sections */
#course-outline P, #course-outline UL, #course-outline OL {
    margin: 0px 0px 6px 24px;
    padding: 0px;
}
/* indent list-items a bit more, eliminate spacing, and use square-bullets */
#course-outline LI {
    list-style-type: square;
    margin: 0px 0px 0px 32px;
}
#course-outline B, #course-outline STRONG {
    color: rgb(0,102,102);	/* THEME: CourseOutlineStrong */
}
/*  keep "subtitle" <div>s on the same line with extra space after each */
#course-outline .subtitle {
    float: left;
    margin: 0px 40px 0px 0px;
}
#ops-menu {
    position: absolute; top: 30px; left: 400px; width: 210px;
    margin: 0px;
    text-align: right;
}
#ops-menu A, #ops-menu A:visited {
    display: block; float: right;
    margin: 0px; padding: 2px 8px 2px 8px;
    color: rgb(0,102,102);	/* THEME: CourseOutlineOps */
}
#ops-menu A:hover {
    background: rgb(255,255,204);	/* THEME: HoverBackground */
}

A.hide-details, A.hide-details:visited {
    display: block; position: relative; left: 225px;
    width: 200px; text-align: center;
    font-size: 11pt; font-weight: bold;
    color: rgb(0,102,102);	/* THEME: CourseOutlineOps */
}
A.hide-details:hover {
    background: rgb(255,255,204);	/* THEME: HoverBackground */
}
A.rhslink, A.rhslink:visited {
    font-size: 8pt; text-align: center; text-decoration: none;
    color: rgb(102,153,153);	/* THEME: RhsListItem */
}
A.rhslink:hover {
    background: rgb(255,255,204);	/* THEME: HoverBackground */
}