/**
 * C21 Online Courses: Death of Christ
 * Customized and updated: k.t. 12.03.2010
 */

/**
 * General
 */

@import url("/past/content/dam/files/schools/c21online/minicourses/css/styles.css");


body {
    background: #DFD4BC;
}
body, div, h1, h2, h3, h4, h5, h6, p, pre, label, dl, dd, hr, address {
    padding:0;
    margin:0;
    font-weight: normal;
    font-style: normal;
}
body {
    font: 0.82em/1.5em Verdana, sans-serif;
    color:#000;
}
input {
    font: 0.86em/1.43em Verdana, sans-serif;
    color: #494949;
}
textarea, select {
    font: 0.86em/1.43em Verdana, sans-serif;
    color: #494949;
}
fieldset {
    border: 1px solid #ccc;
}

#schoolheader {
    color:#FFFFFF;
    font-family:arial;
    font-size:18px;
    font-weight:bold;
    left:30px;
    letter-spacing:0.04em;
    position:absolute;
    top:62px;
    text-transform:none !important;
    white-space:nowrap;
    text-shadow:1px 1px #440000, 1px 1px #440000;
}

h1, h2, h3, h4, h5, h6 {
}
h1.content-title, h1.content-title a, h1.content-title a:hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 180%;
    margin:0;
    margin-bottom:12px;
    margin-top: 20px;
    line-height:normal;
    letter-spacing: 1px;
}
#content h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold !important;
    color: #000;
    font-size: 180%;
    margin-bottom:12px;
    margin-top: 35px;
}
h1, h1 a, h1 a:hover {
    font-size: 140%;
    color: #444;
    margin:0em 0 .5em 0;
}
h2, h2 a, h2 a:hover, .block h3 {
    font-size: 125%;
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    margin:.5em 0 .5em 0;
    letter-spacing: 1px;
    font-weight:bold;
}
.block h3 {
    margin:5px 0 0 0px;
}
.block h3 a {
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;
    margin:0 0 .5em 0;
    letter-spacing: 1px;
    font-weight:normal;
    background-image:url(images/mail.png);
    background-repeat:no-repeat;
    padding-left: 20px;
}
h3 {
    font-size: 118%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom:10px;
}
h4, h5, h6 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
p, .book .body {
    padding: 0 0 0.5em 0;
    margin: 0;
    line-height:1.6em;
}
a, a:link, a:visited {
    /*  color: #336699;*/
  text-decoration: none;
}
a:hover, a:focus {
    color: #666;
    text-decoration: underline;
}
hr {
    border: none;
    height: 1px;
    background: #ccc;
}
ol, ul, dl {
    position: relative;
}
dl {
    margin: 0.5em 0 1em 0;
}
dl dt {
}
dl dd {
    margin: 0 0 .5em 1.5em;
}
img, a img {
    border: none;
}
table {
    margin: 0;
    width: 100%;
    border-collapse:inherit;
}
thead th {
    border-bottom: 1px solid #d0d0d0;
    color: #494949;
    font-weight: bold;
}
th a:link, th a:visited {
    color: #a5a291;
}
td, th {
    padding: .3em .5em;
}
tr.even, tr.odd, tbody th {
    border: solid #e5e5e5;
    border-width: 1px 0;
}
tr.odd, tr.info {
    background-color: #f8f8f8;
}
tr.even {
    background-color: #fff;
}
tr.odd td.active {
    background-color: #efefef;
}
tr.even td.active {
    background-color: #f9f7ed;
}
td.region, td.module, td.container {
    border-top: 2px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    background-color: #f9f7ed;
    color: #455067;
    font-weight: bold;
}
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
    border-top-width: 0;
}
td.menu-disabled {
    background: #e9e9e9;
}
span.form-required {
    color: #ffae00;
}
span.submitted, .description {
    font-size: 0.92em;
    color: #898989;
}
.description {
    line-height: 150%;
    margin-bottom: 0.75em;
    color: #898989;
}
.messages, .preview {
    margin: .75em 0 .75em;
    padding: .5em 1em;
}
.messages ul {
    margin: 0;
}
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
    margin: 0.25em 0;
}
.form-button, .form-submit {
    margin: .5em 0.5em 0 0;
}
.confirmation .form-submit, .search-form .form-submit, .poll .form-submit, fieldset .form-button, fieldset .form-submit, .sidebar .form-button, .sidebar .form-submit, table .form-button, table .form-submit {
    margin: 0;
}
.box {
    margin-bottom: 2.5em;
}
/**
 * Layout.
 */

#topbar {
    background:black url("/past/etc/designs/bc/schools/c21online/images/top-maroon.gif") repeat-x;
    height: 30px;
    width: 100%;
    display:none
}
#toplinks {
    width: 70.5em;
    margin: 0 auto 0 1.5em;
    position: relative;
    text-align: left;
    padding-top: 2px;
}
#wrapper-header {
    background-color:#000;
    border-bottom: 1px solid #336699;
    padding: 0;
    margin:0px;
}
#header {
    width: 100%;
    margin: 0 0 10px;
    background: #000;
    left: 0;
    height:85px;
    background:transparent url(/etc/designs/bc/global/gif/background.gif) repeat-x
}
#top {
    width:100%
}
#header .motto {
    position: absolute;
    top: 0;
    left: 30px;
    margin: 0;
    padding: 0;
    text-indent: -2727px;
}

#header span.motto a {
    display: block;
    width: 300px;
    height: 60px;
    padding: 0;
    margin: 0;
    background: url("/past/etc/designs/bc/schools/c21online/images/c21online_courses.gif") no-repeat 0 20px; /* no absolute ref, cause of https access */
    text-decoration: none;
}

#topwrapper {
    background:black url("/past/etc/designs/bc/schools/c21online/images/top-maroon.gif") repeat-x
}
#wrapper {
    background:#DFD4BC;
    border-bottom: 1px solid #000;
    margin-top:65px;
}
#maincontent {
    margin: 0 auto;
    width: 55em;
    float:left;
    background:#fff !important;
}
#main {
    padding: 20px 0 0 0em;
    width:100% !important;
    background-color: #DFD4BC !important;
    background-image:none !important;
}
#main a, #main a:link, #main a:visited {
;
}
#mission, .node .content, .comment .content {
    line-height: 1.4em;
}
#help {
    font-size: 0.9em;
    margin-bottom: 1em;
}

#mainmenu {
	height:25px;
	left:0px;
	position:absolute;
	top:60px;
	width:100%;
	z-index:2727;
}
#nav{
    width:100%;
    display:block;
    background:black url("/past/etc/designs/bc/schools/c21online/images/nav_tile.png") repeat-x
    }
#nav li ul {
    font-size:11px;
    text-align:left
}
.breadcrumb {
    margin: 5px 0em 1em 0em;
    padding-bottom: 0;
    width:auto !important;
    background:transparent;
}
.breadcrumb a, .breadcrumb {
    font-size: 90%;
    color:#990000;
}
.breadcrumb .bce {
    color:#555
}
.breadcrumb .bcd {
    color:#000
}
a, a:link, a:visited {
    color:#990000;
}
#supplimentary-materials {
    background-color: #FEF7DB;
    border:1px solid #ccc;
    margin:0px 80px 0px 0px;
    padding:10px 10px 5px;
}
.messages {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 0.3em;
    margin-bottom: 1em;
}
.error {
    border-color: red;
}
#center {
    background-color:#FFFFFF;
    padding:0px 20px 10px 35px;
    width: 54em;
    vertical-align:top;
}
#footer {
    clear: both;
    text-align: left;
    padding: .5em 0 0 2em;
    font-size: 10px;
    width: 98%;
    float: left;
    text-align: left;
    color:#333;
}
#footer p.right {
    padding-right:25px
}
#footer .ext {
    background-image: none;
    padding-right:0px;
}
/**
 * Header Area.
 */
 

h1#site-name {
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-weight: normal;
    font-size: 176%;
    margin: 0;
    padding: 1em 0 5px 0;
    color:#FFFFFF;
}
#header h1#site-name a {
    color:#FFFFFF;
}
h1#site-name a img {
    border: none;
    float: left;
    margin-top: -1.1em;
    margin-right: .3em;
}
h2#site-slogan {
    font: normal .8em/1em Verdana, sans-serif;
    padding-top: .2em;
}
#search {
    padding: 1.2em 4em 0 0;
    color: #000000;
}
#search .form-text, #user-login-form .form-text {
    color: #444;
    border: 1px solid #336699;
    padding: 2px;
}
.form-submit, .button {
    padding: 1px;
}
#search .button, #search .form-submit, #user-login-form .button, #user-login-form .form-submit {
    background-color: #68A0D9;
    color: #fff;
    font-weight:bold;
    border: 1px solid #4070A1;
}
#search-theme-form {
    background-color: transparent;
    position: absolute;
    right: 0.2em;
    top: 0;
}
#search-theme-form h2 {
    margin: 0;
    padding: 0;
    float: left;
    font: 1em/1.5em Verdana, sans-serif;
}
#search-theme-form input {
    float: left;
    margin: 0 0 0 0.5em;
    padding: 0;
}
ul.primary-links {
    font-size: 95%;
}
ul.primary-links li {
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
    margin: 0 .7em 1px 0em;
}
.primary-links a, .primary-links a:visited {
    color:#fff;
    display:block;
    float:left;
    margin: 2px 1px 0px 0px;
    letter-spacing: 2px;
}
/* Right menu */

#menu .navimage img {
    margin:0 0 5px 10px
}
#menu {
    float:none !important;
    width:auto;
    margin-left:55em;
    padding:30px 0 0 1em;
    vertical-align:top;
    background:#CBBD9B;
    font-size:12px;
}
#menu .rightnav {
    background-image:none !important;
    background-color:transparent !important;
    border:none;
    font-family:arial, verdana, trebuchet;
}
#menu .rightnav ul li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    font-size:14px;
    list-style: none;
    letter-spacing: .02em;
}
#menu .rightnav ul li a {
    font-weight: normal
}
#menu .rightnav ul li a.active, #menu .rightnav ul li ul li a.active {
    font-weight: bold;
    background-color:transparent;
    border:none;
    color:#990000;
}
#menu .rightnav a, #menu .rightnav a:link, #menu .rightnav a:active, #menu .rightnav a:visited {
    color:#990000;
}
#menu .rightnav li.current {
    background:none!important;
    border:none;
    margin:0;
    padding:0;
}

#menu .rightnav li.current a, #menu .rightnav li ul li.current a, 
#menu .rightnav li ul li ul li.current a, #menu .rightnav li ul li ul li ul li.current a  {
    color:#000 !important;
    background:transparent url("/past/etc/designs/bc/global/gif/redarrow.gif") no-repeat 0 2px !important;
    font-weight:bold;
    padding-left:10px;
}
#menu .rightnav li.current a  {
    background:transparent url("/past/etc/designs/bc/global/gif/redarrow.gif") no-repeat 0 6px !important;
}
#menu .rightnav li.current ul li a, #menu .rightnav li ul li.current ul li a, #menu .rightnav li ul ul li ul li.current ul li a {
    font-weight:normal;
    background:none !important;
}
#menu .rightnav li ul li.current, #menu .rightnav li ul li ul li.current, 
	 #menu .rightnav li ul li ul li, #menu .rightnav li ul li ul li ul li.current,
	 #menu .rightnav li ul li ul li ul ul li li.current {
    padding-left:12px;
    margin:0;
}
#menu .rightnav li.current ul li a {
    color:#990000 !important;
    padding:0;
}
#menu .rightnav li ul li, #menu .rightnav li ul li ul li, #menu .rightnav li ul li ul li ul li  {
    margin:0 0 0 10px;
    padding-left:10px;
    font-size:12px;
    background-color:none !important
}
#menu .rightnav ul li ul li a, #menu .rightnav ul li ul li ul li a,  
#menu .rightnav ul li ul li ul li ul li a, #menu .rightnav ul li ul li ul li ul li ul li a {
    text-transform:none;
    font-weight: normal;
    padding:0;
}
#menu .rightnav  li.parent a, 
#menu .rightnav  li.parent li.parent a,
#menu .rightnav  li.parent li.parent li.parent a,
#menu .rightnav  li.parent li.parent li.current a,
#menu .rightnav  li.parent li.parent li.parent li.parent a,
#menu .rightnav  li.parent li.parent li.parent li.current a,
#menu .rightnav  li.parent li.parent li.parent li.parent li.parent a,
#menu .rightnav  li.parent li.parent li.parent li.parent li.current a,
#menu .rightnav  li.parent li.parent li.parent li.parent li.parent li.current a  {
    color:#000 !important
    }

#menu .rightnav  li.parent li a, 
#menu .rightnav  li.parent li.parent li a, 
#menu .rightnav  li.parent li.parent li.parent li a,
#menu .rightnav  li.parent li.parent li.current li a,
#menu .rightnav  li.parent li.parent li.parent li.current li a,
#menu .rightnav  li.parent li.parent li.parent li.parent li a{
    color:#990000 !important
    }
#submenu, .rightnav-submenu {
    width:auto !important
}
#submenu h3 span.mail a {
    background:url("/past/etc/designs/bc/schools/c21online/images/mail.png") no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    font-size:90%;
    font-weight:normal;
    letter-spacing:.04em;
    margin-bottom:0 0 0.5em;
    padding-left:20px;
}
/*Previous : next */

#prevnext {
    display:block;
    text-align:right;
    color:#fff;
    font-weight:bold;
    margin-right:10px;
}
#prevnext a {
    padding: 4px 10px;
    color:#DFD4BC;
    background:#990000;
}
#prevnext a:hover {
    text-decoration:none;
    color:#fffccc;
    background:#990000;
}
.numbers {
    color:#000000;
    display:inline;
    font-size:1.2em;
    margin-bottom:0;
    padding-bottom:0;
}



/*Homepage*/
/* rounded boxes */

.roundcont {
    background-color: #EFEBE1;
    color: #333;
    margin-right: 20px;
    margin-bottom: 20px;
    
}
.roundcont img {
    padding:0;
    border:none;
    background:transparent
}
.roundcont p {
    margin: 5px 15px;
}

.roundcont h2 {
    margin: 5px 15px;
    font-size: 110%;
}

.roundtop { 
    background: url(/etc/designs/bc/schools/c21online/images/tr.gif) no-repeat top right; 
}

.roundbottom {
    background: url(/etc/designs/bc/schools/c21online/images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
    padding:0 !important;
    border:none !important;
    background:transparent !important;
}

#content .roundcont h2, #content .roundcont h2 a{
    font-family:Arial,Helvetica,sans-serif;
    font-variant:normal !important;
    color:#990000;
}

#content .roundcont h2 a:hover, #content .roundcont h2:hover {
color:#666;
}   
.homepage-images {
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: center;
    align: center;
    width: 100%;
}
.homepage-images img {
    margin-right:10px;
    display: inline;
}

div.cq-colctrl-lt0-c0  {
    margin-right:10px;
    padding-right:15px;
    width:45%;
}
