body {
	background-color: #D1DADE;
	background-image: url(images/common/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: 'Ubuntu', sans-serif;
	line-height: 1.5em;
	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;
}

video {
	border: 2px #999999 solid;
}


.title_hover {
	width: 300px;
	height: 92px;
	background: url(/images/common/designschool_title.png) left bottom no-repeat;
	text-indent: -99999px;
}

.title_hover:hover {
	background-position: 0 0;
}

/* * * * * * * * * * * * * * * * * * Two column layout * * * * * * * * * * * * * * * * * */
#wrapper {
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 960px;
	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: 940px;
	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;
}

/* * * * * * * * * * * * * * * * * * LEFT COLUMN STYLING * * * * * * * * * * * * * * * * * */
#left_column_wrapper {
	font-size: 0.9em;
	float: left;
	width: 250px;
}

#left_column_wrapper ul li {
	margin-left: -15px;
	line-height: 1.5em;
	list-style-image: url(/images/common/listbullet.gif);
}

#left_column_wrapper h3 {
	font-size: .9em;
}

#left_column_wrapper p {
	line-height: 1.5em;
}

#left_column_wrapper dt {
	font-weight: bold;
	padding-top: 10px;
}

#left_column_wrapper dd {
	margin-left: 10px;
}

#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-bottom: 0px;
	margin-right: 0px;
	margin-top: -10px;
	list-style-position: inside;
	padding-left: 30px;
}

#assignment_titles ul li {
	list-style-image: url(images/common/bullet_assignment_list.gif);
}

#assignment_titles ul li a {
	font-weight: normal;
	line-height: 1.75em;
	list-style-image: url(images/common/bullet_assignment_list.gif);
}

/** * * * * * * * * * * * * * all list tags with images as bullets * * * * * * * * * * * * * **/

ul li.download {
	list-style-image: url(/images/general/icons/icondownload11x10.gif);
	padding: 2px 0px 2px 15px;
}

#content_wrapper ul li.itunes {
	line-height: 1.5em;
	list-style-image: url(/images/general/icons/iconitunes16x16.gif);
}

#content_wrapper ul li.deliverables {
	list-style-image: url(/images/general/icons/icon_deliverables_14x16.gif);
}

/*#assignment_titles ul { line-height: 1.10; margin-bottom: 0px; margin-right: 0px; margin-top: -10px; list-style-position: inside; padding-left: 30px; list-style-image: url(images/bullet_assignment_list.gif); }/


/* * * * * * * * * * * * * * * * * * FOOTER * * * * * * * * * * * * * * * * * */

#footer {
	margin: auto;
	padding: 10px 5px 5px 5px;
	width: 98%;
	background-color: #FFF;
	text-align: right;
	vertical-align: middle;
	background-image: url(images/common/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;
}

/* * * * * * * * * * * * * * * * * * 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;
	margin-left: 15px;
}

#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: 960px;
	display: inline-block;
	border: 0px #366 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
}

#coursenav ul {
	list-style-type: none;
	margin: -15px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

#coursenav ul li a {
	line-height: 1.5em;
	padding-right: 0px;
	list-style-type: none;
	color: #F45A22;
	font-weight: bold;
	font-size: 1.2em;
}

#coursenav ul li a:hover {
	color: #ccc;
}

.coursenav-column {
	padding-left: 5px;
	width: 215px;
	display: inline;
	float: left;
	font-size: 1.0em;
}

#coursenav h3 {
	color: #999999;
	margin-top: 0px;
	padding-bottom: 5px;
	font-size: .85em;
	font-weight: normal;
	margin-left: 15px;
}

/* * * * * * * * * * * * * * * * * * text styling * * * * * * * * * * * * * * * * * */
strong {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #d14d27;
}

em {
	font-weight: normal;
	text-decoration: none;
	color: #D14D27;
	font-style: normal;
}

.em_red {
	font-weight: bold;
	font-style: normal;
	color: #f45a22;
}

.underline {
	text-decoration: underline;
}

#lesson {
	width: 670px;
	float: right;
	padding: 0px;
	margin: 0px 5px 10px 0px;
	position: relative;
	left: 5px;
}

#lesson p {
	line-height: 1.50;
}

#lesson h1 {
	line-height: 1.10;
	text-transform: none;
	text-shadow: #CCC 2px 2px 2px;
	font-weight: 700;
	font-size: 2.5em;
	letter-spacing: -.05em;
}

#lesson a {
	color: #d14d27;
}

#lesson h1 a {
}

#lesson h2 {
	margin-bottom: 15px;
}

#lesson h2 a {
}

#lesson h3 {
	margin-top: -.15em;
	margin-bottom: -.25em;
	text-transform: capitalize;
}

#lesson h3 a {
	margin-top: -.15em;
	margin-bottom: -.25em;
	line-height: 120%;
}

#lesson h4 {
	margin-bottom: -7px;
	text-transform: capitalize;
}

#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;
}

table {
	padding: 0px;
	margin: 20px 0px 20px 0px;
}

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;
}

tr {
	padding: 6px 2px 4px 2px;
	margin: 0px;
	vertical-align: middle;
}

tr.alt {
	padding: 0px 2px 4px 2px;
	margin: 0px;
	background-color: #f0f0f0;
	vertical-align: middle;
}

td {
	padding: 4px;
	border: 0px;
	margin: 0px;
	vertical-align: middle;
}

td.valigntop {
	padding: 4px;
	border: 0px;
	margin: 0px;
	vertical-align: top;
}

blockquote {
	color: gray;
	font-variant: normal;
	font-weight: normal;
	text-align: justify;
	margin-right: 100px;
}

/*lesson list styles*/
#lesson ul li {
	line-height: 1.5em;
	list-style-image: url(/images/common/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;
	margin-left: 20px;
}

#lesson dd {
	line-height: 1.5em;
	margin-left: 40px;
}

.small {
	font-size: .85em;
}

/* * * * * * * * * * * * * * * * HIGHLIGHTS BOX * * * * * * * * * * * * * * * */
div#highlightsbox {
	border: 1px solid #D94E2C;
	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: -9px;
	padding: 0 0 0 5px;
	width: 110px;
	height: 16px;
	background: #fff;
}

div#highlightsbox h4 span {
}

div#highlightsbox ul {
	margin-left: 0;
	padding: 0px 0px 0px 0px;
}

div#highlightsbox ul li {
	margin: 0px 0px 0px 15px;
	padding: 4px 0px 0px 0px;
}

div#highlightsbox ul li a {
	text-decoration: none;
}

/* * * * * * * * * * * * * * * * * LEFT COLUMN BOXES* * * * * * * * * * * * * * * * */
#asidebox, #specsbox, #podcastsbox, #downloadsbox, #deliverablesbox, #timelinebox, #hyperlinksbox, #alertbox, #headsupbox {
	margin-top: 10px;
	padding: 10px 10px 10px 5px;
	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 {
	line-height: 1.5em;
	list-style-image: url(/images/common/listbullet.gif);
}

#asidebox ol, #specsbox ol, #podcastsbox ol, #downloadsbox ol, #deliverablesbox ol, #timelinebox ol, #hyperlinksbox ol, #alertbox ol, #headsupbox ol {
	margin-left: -15px;
}

#asidebox h4 {
	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: 63px;
	background: #fff;
	color: #D94E2C;
}

#specsbox h4 {
	position: absolute;
	top: -8px;
	margin: 0;
	padding: 0 0 0 5px;
	width: 93px;
	background: #fff;
}

#podcastsbox h4 {
	position: absolute;
	top: -8px;
	margin: 0;
	padding: 0 0 0 5px;
	width: 62px;
	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: 88px;
	background: #fff;
}

#timelinebox h4 {
	position: absolute;
	top: -8px;
	margin: 0;
	padding: 0 0 0 5px;
	width: 55px;
	background: #fff;
}

#hyperlinksbox h4 {
	position: absolute;
	top: -8px;
	margin: 0;
	padding: 0 0 0 5px;
	width: 75px;
	background: #fff;
}

/* * * * * * * * * * * * * * * * * * home page layout start * * * * * * * * * * * * * * * * * */
.cell_fullwidth {
	border-width: 0px;
	border-style: none;
	width: 670px;
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.cell_halfwidth {
	padding: 4px;
	display: inline;
	margin: 0px;
	float: left;
	width: 320px;
}

.cell_halfwidth h5, .cell_fullwidth h5 {
	font-size: .9em;
	text-transform: uppercase;
	color: #858494;
}

.cell_halfwidth h3, .cell_fullwidth h3 {
	font-size: 1.5em;
	color: #61606c;
}

.cell_halfwidth ul li, .cell_fullwidth ul li {
	margin-left: -25px;
	line-height: 1.5em;
	font-size: 90%;
}

.orange {
	color: #d14d27;
}