/* CSS Document created for OSBC May 15, 2008 */

/* basic layout and text parameters */

div { display:flex; flex-direction:column;}
iframe { flex:1; }

body {
	height:auto;
	margin:10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;
	padding: 10px 10px 10px 10px;
	background-position:center;
	color:#666;
	text-align:left;
}


/* the following .dropdown items are for the dropdown on lesson intro */
body {margin:25px; font:12px Verdana, Arial, Helvetica}
* {padding:0; margin:0}
.dropdown {float:left; padding:5px}
.dropdown dt {width:138px; border:0px; padding:4px; font-weight:bold; cursor:pointer; background:url(../images/smart_objects/header.gif)}
.dropdown dt:hover {background:url(../images/smart_objects/header_over.gif)}
.dropdown dd {position:absolute; overflow:hidden; width:146px; display:none; background:#f1efe2; z-index:146; opacity:0}
.dropdown ul {width:146px; border:0px; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#666; text-decoration:none; background:#f1efe2; width200px}
.dropdown a:hover {background:#e9e7d0; color:#000}
.dropdown .underline {border-bottom:1px solid #f0efde}




/* For heading types */

h1,h2,h3,h4 {text-decoration: none; font-weight: bold;}
H1 {font-size: 15pt; margin-bottom: 5px; margin-left: 10px; color: #666;}
H2 {font-size: 12pt; margin-top: 10px; margin-left: 10px; color: #666;}
H3 {font-size: 10pt; margin-top: 16px; margin-left: 10px; color: #666;}
H4 {font-size: 8pt; color: #666;}
p {min-width: 250px; max-width: 470px; font-size: 10pt; margin-top: 9px; margin-left: 10px; color: #666;}

/* For stylizing text, use <em></em> and <strong></strong>*/
.bold {font-weight: bold;}
.underline {text-decoration: underline;}



/* Use this class to control space after. table is for text in tables if being used in webct6 */
.after {margin-bottom: -0.5em}

.table {font-size:10pt; text-align:center; color: #666;}



/* img class to be used for icons (dvd, journal, etc.), */
img.iconleft {
	float: left;
	padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
	z-index: 0;	
}
	
img.iconright {
	float: right;
	padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
	z-index: 0;	
}

/* links */

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #666;

}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #666;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #cc0000;
}

/* optional right side bar*/
#rightsidebar {
	position: relative;
	min-height: inherit;
	float:right;
	width: 200px;
	padding: 5px 12px 5px 12px;
	margin: 5px;
	text-align:left;
	font-size:9pt;
	background-color:#CCCC99;
	border:solid #FFF 5px;
	z-index: 1;
}

/* Boxes for Consider This */

#consLeftNoFloat {
	position: relative;
	min-height: inherit;
	width: 390px;
	padding: 10px;
	margin: 5px;
	text-align:left;
	font-size:10pt;
	background-color:#BFCA06;
	background: url(../images/smart_objects/consider_this.gif)
}

#consLeft {
	position: relative;
	min-height: inherit;
	float:left;
	width: 390px;
	padding: 10px;
	margin: 5px;
	text-align:left;
	font-size:10pt;
	background-color:#BFCA06;
	background: url(../images/smart_objects/consider_this.gif)
}

#consRight {
	position: relative;
	min-height: inherit;
	float:right;
	width: 390px;
	padding: 10px;
	margin: 5px;
	text-align:left;
	font-size:10pt;
	background-color:#BFCA06;
	background: url(../images/smart_objects/consider_this.gif)
}

/* optional box for topic insets */ 

#box {
	position: relative;
	min-height: inherit;
	float: none;
	width: 443px;
	padding: 10px;
	margin: 0px;
	text-align:left;
	font-size:11pt;
	background-color:#CCCCCC;
	table-layout: auto;
	z-index: 0;	
}

.credit {
	font-size:9pt;
	color:#000000;
}

.caption {
	font-size:9pt;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif
}

/* footer */
#footer {
	/*display:none;*/
	clear:both;
	margin:0px;
	padding: 5px 0px 0px 0px;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color: #BFCAE6;
	font-size:10pt;
}