body { background-color: #D1DADE; background-image: url(images/background.PNG); background-repeat: repeat-x; background-position: 0 0px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; font-size: 12px; }
p, em, dd, div,ul,ol,li,pre,form,blockquote,fieldset,input,strong,th,table { font-size: 1em; font-family: 'ArialMT', Arial, sans; line-height: 1.25em; font-weight: normal; }
select, textarea { background-color: #FFFFFF; border-color: #999; border-width: 1px; border-style: solid; }
hr { width: 98%; height: 1px; border-color: #cbd8df; border-width: 0px 0px 1px 0px; border-style: solid; clear: both; }
.clear { clear: both; height: 3px; }
a { text-decoration: underline; color:#333; }
a:hover { color: #f45a22; text-decoration: none; }
img.center { display: block; margin-left: auto; margin-right: auto; }
.center { display: block; margin-left: auto; margin-right: auto; }
.right {float: right; }

/* * * * * * * * * * * * * * * * * * Two column layout * * * * * * * * * * * * * * * * * */
#wrapper { margin-right: auto; margin-left: auto; min-height: 100%; padding: 10px; margin-bottom: 10px; margin-top: 10px; width: 900px; border: 0px; }
#content_wrapper { margin-right: auto; margin-left: auto; min-height: 100%; padding: 10px; margin-bottom: 10px; margin-top: 10px; background-color: #FFF; width: 900px; border: 0px; -moz-border-radius: 10px; -webkit-border-radius: 6px; background: fff; /* must use for IE */
 -webkit-box-shadow: 0px 0px 15px #999; -moz-box-shadow: 0px 0px 15px #999; box-shadow: 0px 0px 15px #999; }

/* #wrapper { margin-right: auto; margin-left: auto; min-height: 100%; padding: 10px; margin-bottom: 10px; margin-top: 10px; background-color: #FFF; width: 900px; border: 3px #a4b2b8 solid; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-image: url(images/background_gradient.png); background-repeat: no-repeat; background-position: 545px 0px; } */
#left_column_wrapper { margin: 0px; float: left; width: 250px; }
#left_column_wrapper h3, #left_column_wrapper a, #left_column_wrapper div, #left_column_wrapper ul li, #left_column_wrapper ul, #left_column_wrapper dd, dl { line-height: 1.4em; font-size: .97em; }
#left_column_wrapper p { line-height: 1.4em; font-size: .9em; }
#left_column_wrapper dd, dl { margin-left: 0; }
#left_column_wrapper ol li { margin-left: -3em; line-height: 1.5em; }
#left_column_wrapper dt { font-weight: bold; padding-top: 10px; }

/* * * * * * * * * * * * * * * * * * styling for course navigation at top of each page * * * * * * * * * * * * * * * * * */
#site_id a { line-height: 1.10; margin-bottom: 10px; margin-top: 0px; float: left; font-weight: bold; font-size: x-large; text-decoration: none; }
#small_nav { padding-top: 6px; border-style: none; width: 100%; height: 20px; text-align: right; vertical-align: middle; position: relative; float: right; }
#small_nav a { line-height: 1.10; font-size: .8em; text-align: right; vertical-align: middle; text-decoration: underline; display: inline; padding: 0 4px 0 4px; border-left: #121212; border-width: 0 0 0 1px; border-style: none none none solid; color: #D1DADE; font-weight: bold; }
#medium_nav { padding-top: 10px; border-style: none; width: 100%; height: 0px; color: #D1DADE; vertical-align: middle; position: relative; }
#medium_nav a { line-height: 1.10; display: inline; padding: 0 4px 0 4px; border-right: #D1DADE; border-width: 0 1px 0 0px; border-style: none solid none none; color: #D1DADE; font-weight: bold; font-size: .8em; }
#medium_nav a.red { color: #f45a22; }
#coursenav { padding-bottom: 5px; padding-top: 10px; margin-bottom: 0px; width: 900px; display: inline-block; border: 0px #366 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; }

/* #coursenav { background-color: #C0D1D8; padding-bottom: 5px; padding-top: 10px; margin-bottom: 0px; width: 900px; display: inline-block; color: #FFF; border: 1px #366 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-image: url(images/background_nav.png); background-repeat: no-repeat; background-position: -3px -3px; } */
#coursenav ul { list-style-type: none; margin: -15px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#coursenav ul li a { line-height: 1.5em; padding-right: 0px; list-style-type: none; color:#fff; }
.coursenav-column { padding-left: 5px; width: 145px; display: inline; float: left; }
#coursenav h3 { color: #f45a22; margin-top: 0px; padding-bottom: 5px; }
#course_title a { line-height: 1.10; }
#first a { font-size: 1.2em; font-weight: bold; padding-top: 4.25em; padding-bottom: 1.5em; display: block; color: #f45a22; }
#assignment_titles ul { line-height: 1.10; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: -10px; list-style-position: inside; padding-left: 10px; list-style-image: url(images/bullet_assignment_list.gif); }
#assignment_titles ul li a { font-weight: normal; line-height: 1.5em; }
#footer { margin: auto; padding: 10px 5px 5px 5px; width: 98%; background-color: #FFF; text-align: right; vertical-align: middle; background-image: url(images/background.PNG); background-repeat: repeat-x; background-position: 0 -5px; border: 0px #797F5C solid; }
.footer a { line-height: 1.10; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; font-size: .8em; text-align: right; vertical-align: middle; color: #FFF; }
#delicious { width: 210px; }
#delicious li { margin-left: 15px; list-style-image: url(/images/listbullet.gif); }

/* * * * * * * * * * * * * * * * * * text styling * * * * * * * * * * * * * * * * * */
strong { font-weight: bold; font-style: normal; text-decoration: none; color: #f45a22; }
em { font-weight: bold; text-decoration: underline; }
.em_red { font-weight: bold; font-style: normal; color: #f45a22; }
.underline { text-decoration: underline; }
#lesson { width: 615px; float: right; padding: 0px; margin: 0px 5px 10px 0px; position: relative; left: 5px; }
#lesson p { line-height: 1.40; }
#lesson h1 { line-height: 1.10; text-transform: none; text-shadow: #CCC 2px 2px 2px; }
#lesson h1 a { }
#lesson h2 { margin-bottom: 6px; }
#lesson h2 a { }
#lesson h3 { margin-top: -.15em; margin-bottom: -.25em; }
#lesson h3 a { margin-top: -.15em; margin-bottom: -.25em; }
#lesson h4 { margin-bottom: -7px; }
#lesson h4 a { font-weight: bold; }
#lesson h5 { margin-bottom: 4px; }
#lesson h5 a { text-decoration: none; }
#lesson_intro { padding-top: 8px; padding-bottom: 8px; font-weight:bold; line-height:1.5em; }
#lesson_intro a { font-weight: inherit; line-height: inherit; }
#lesson table { padding: 0px; margin: 20px 0px 20px 0px; font-size: .9em; }
#lesson th { padding: 2px 6px 2px 6px; margin: 0px; background-color: #96a3a8; color: #FFFFFF; vertical-align: middle; text-align: left; border-bottom: 1px #121212 solid; font-weight: bold; }
#lesson tr { padding: 6px 2px 4px 2px; margin: 0px; vertical-align: middle; }
#lesson tr.alt { padding: 0px 2px 4px 2px; margin: 0px; background-color: #f0f0f0; vertical-align: middle; }
#lesson td { padding: 4px; border: 0px; margin: 0px; vertical-align: middle; }
#lesson td.valigntop { padding: 4px; border: 0px; margin: 0px; vertical-align: top; }
#random_quote { margin-top: 20px; }
#random_quote span { margin-bottom: 20px; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 1px #bfbfbf; }

/*lesson list styles*/
#lesson ul li { line-height: 1.5em; margin-left: -2em; padding-left: 0em; list-style-image: url(/images/listbullet.gif); }
#lesson ol { list-style-type: decimal; margin-left: -.9em; list-style-position: outside; }
#lesson ol li { list-style-type: decimal; line-height: 150%; }
#lesson dt { line-height: 2em; font-weight: bold; }
#lesson dd { line-height: 1.5em; margin-left: 10px; }
.small { font-size: .8em; }

/* highlightsbox */
div#highlightsbox { border: 1px solid #797f5c; padding: 10px 6px 7px 6px; margin-top: 20px; margin-bottom: 20px; position: relative; }
div#highlightsbox h4 {margin-left: 0px; margin-bottom: 0; margin-right: 0; margin-top: 0; position: absolute; top: -6px; padding: 0 0 0 5px; width: 120px; height: 16px; background: #fff; }
div#highlightsbox h4 span { }
div#highlightsbox ul { margin-left: 0; padding: 0px 0px 0px 0px; list-style-type: none; }
div#highlightsbox ul li { margin: 0px 0px 0px 15px; padding: 4px 0px 0px 0px; list-style-type: none; }
div#highlightsbox ul li a { text-decoration: none; }

/* all other boxes for the site */
#asidebox, #specsbox, #podcastsbox, #downloadsbox, #deliverablesbox, #timelinebox, #hyperlinksbox, #alertbox, #headsupbox { margin-top: 10px; padding: 10px; border: 1px solid #797f5c; position: relative; }
#asidebox h4 span, #specsbox h4 span, #podcastsbox h4 span, #downloadsbox h4 span, #deliverablesbox h4 span, #timelinebox h4 span, #hyperlinksbox h4 span, #alertbox, #headsupbox h4 span { }
#asidebox ul, #specsbox ul, #podcastsbox ul, #downloadsbox ul, #deliverablesbox ul, #timelinebox ul, #hyperlinksbox ul, #alertbox ul, #headsupbox ul { margin-left: 0; padding: 0px 0px 0px 0px; list-style-type: none; }
#asidebox ul li, #specsbox ul li, #podcastsbox ul li, #downloadsbox ul li, #deliverablesbox ul li, #timelinebox ul li, #hyperlinksbox ul li, #alertbox ul li, #headsupbox ul li { list-style-type: none; padding-top: 2px; padding-bottom: 2px; }
#asidebox h4 { .92em: ; position: absolute; top: -8px; margin: 0; padding: 0 0 0 5px; width: 80px; height: 16px; background: #fff; }
#headsupbox h4 { position: absolute; top: -8px; margin: 0; padding: 0 0 0 5px; width: 70px; background: #fff; }
#specsbox h4 { position: absolute; top: -8px; margin: 0; padding: 0 0 0 5px; width: 105px; background: #fff; }
#podcastsbox h4 { position: absolute; top: -8px; margin: 0; padding: 0 0 0 5px; width: 70px; background: #fff; }
#downloadsbox h4 { position: absolute; top: -8px; margin: 0; padding: 0 0 0 5px; width: 85px; background: #fff; }
#deliverablesbox h4 { position: absolute; top: -8px; margin: 0; padding: 0 0 0 5px; width: 85px; background: #fff; }
#timelinebox h4 { position: absolute; top: -8px; margin: 0; padding: 0 0 0 5px; width: 50px; background: #fff; }
#hyperlinksbox h4 { position: absolute; top: -8px; margin: 0; padding: 0 0 0 5px; width: 70px; background: #fff; }

/** * * * * * * * * * * * * * all list tags with images as bullets * * * * * * * * * * * * * **/
a.ical { font-size: .88em; background: url(/images/iconical12x12.gif) left top no-repeat; display: block; padding: 2px 0px 2px 15px; margin-left: 10px; }
a.pdf { background: url(/images/iconpdf12x12.gif) left top no-repeat; display: block; padding: 2px 0px 2px 15px; }
a.download { background: url(/images/icondownload11x10.gif) left top no-repeat; display: block; padding: 2px 0px 2px 15px; }
a.hyperlink { background: url(/images/iconhyperlink12x12.gif) left top no-repeat; display: block; padding: 2px 0px 2px 15px; }
a.newwindow { background: url(/images/iconnewwindow12x12.gif) left top no-repeat; display: block; padding: 2px 0px 2px 15px; }
a.lesson { background: url(/images/iconlesson12x12.gif) left top no-repeat; display: block; padding: 2px 0px 2px 15px; }
a.itunes { background: url(/images/iconitunes12x12.gif) left top no-repeat; display: block; padding: 2px 0px 2px 15px; }

/* * * * * * * * * * * * * * * * * * home page layout start * * * * * * * * * * * * * * * * * */
.cell_fullwidth { width: 550px; display: block; margin: 0px 0px 20px 0px; border: 0px #ff3300 solid; padding: 0px; }
.cell_halfwidth { padding: 4px; display: inline; margin: 0px; float: left; width: 275px; }
.cell_halfwidth h5, .cell_fullwidth h5 { font-size: 1em; text-transform: capitalize; }
.cell_halfwidth h3, .cell_fullwidth h3 { font-size: 1.3em; }