/* Course Content Template CSS */

/*************** COLORS ***************/

/*** TEXT COLOR ***/

/* Light Text (page header and nav bar) */
span.copy,#IEtoolBar span.copy,div#IEtoolRight,div#IEtoolBar a,div#toolRight a,div#toolLeft a,#header,div#toolbar,div.toc-heading {color:#f3ffff;}

/* Dark Text (page body and Table of Contents) */
body,div#toolRight a:hover,div#toolLeft a:hover,div#IEtoolBar a:hover,a:visited,div.toc {color:#000;}

/* Body Links */	
a {color:#069; text-decoration:underline;}


/*** BACKGROUND and BORDER COLORS ***/

/* Main Background Color */
body, div.toc {background-color:#f3ffff;}

/* Header Background Color */
#header,div.toc-heading {background-color:#006699;}

/* Header Background Image (optional) */
/* #header {background-image:url(images/bkgd_img.gif);} */

/* Header Border Color */
#header {border-top:8px solid #09C;}
div.toc {border: 8px solid #09C;}
div.toc-heading {border-bottom:4px solid #09C;}

/* Nav Bar Background Color */
div#toolbar,#IEtoolBar,div#IEtoolRight {background-color:#006699;}
div#toolRight a,div#toolLeft a,div#IEtoolBar a {border-right:2px solid #006699;border-left:2px solid #006699;}

/* Nav Bar Border Color */
#IEtoolBar, div#toolbar {border-top:4px solid #0099CC;}

/* Nav Bar Button Roll-Over Background Color */
div#toolRight a:hover,div#toolLeft a:hover,div#IEtoolBar a:hover {background-color:#0099CC;}

/* Nav Bar Button Roll-Over Border Colors */
div#toolRight a:hover,div#toolLeft a:hover,div#IEtoolBar a:hover {
	border-top:2px solid #0099CC;
	border-right:2px solid #0099CC;
	border-bottom:2px solid #0099CC;
	border-left:2px solid #0099CC;
}


/**************** FONTS ****************/

/*** Header and Headline Fonts ***/
h1,h2,h3,h4,div.toc-heading {font-family:Helvetica Neue, Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:1px;}

/*** Body Fonts ***/
body {font-family:Times New Roman, Times, Georgia, serif;}

/*** Navigation Bar Fonts ***/
div#toolbar, div#IEtoolBar {font-family:Helvetica Neue, Helvetica, Arial, sans-serif;}

/*** Main Font Size ***/
p, pre, li, blockquote, h5, h6, table {font-size:130%;}



/********** SIZE and POSITION **********/

body
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 100%;
  font-size: 77%;
}

h1, h2, h3, h4 {
letter-spacing:1px;
}


#header {
	height:11em;
	margin:0;
	padding:0;
	visibility:visible;
}

.hidden { display: none; visibility: hidden }

div#toolbar {
  position: fixed; 
  z-index: 200;
  top: auto; bottom: 0; left: 0; right: 0;
  height: 2em; 
  text-align: right;
  padding:0.7em 1em 0 1em;
  font-size: 100%;
}

div#toolRight a, div#toolLeft a {
  	padding:0.7em 1em 0.8em 1em;
	margin:0 1em 0 -1em;
	text-decoration:none;
}

div#toolRight a:hover, div#toolLeft a:hover {
  	padding:0.5em 1em 0.7em 1em;
	text-decoration:none;
}

div#IEtoolBar a {
  	padding:0em 1em 0em 1em;
	margin:0;
	text-decoration:none;
}

div#IEtoolBar a:hover {
  	padding:1em 1em 1em 1em;
	margin:0;
	text-decoration:none;
  	height: 2em; 
}

div#toolRight {
	float: right;
	text-align: right;
	vertical-align:middle;
}

div#toolLeft {
	text-align: left;
	vertical-align:middle;
}

span.copy {
	margin:0em 1em 0em 3em;
	padding:0;
	}

#IEtoolBar {
  position: fixed;
  top: auto; bottom: 0; left: 0; right: 0;
  z-index: 200;
  height: 2em; 
  text-align: left;
  font-size: 100%;
  padding:0.7em 1em 0 1em;
  margin:0;
}

/* BEGIN IE 6 Specific properties */

*html div#IEtoolBar {
position:absolute;
bottom:0;
left:0;
height:3em;
width:100%;
padding:1em 0 0 0;
margin:0;
}

*html div#IEtoolBar a:hover {
  	padding:0em 1em 0em 1em;
	margin:-1em 0 -1em 0;
	height:0;
	line-height:3em;
	border-top:0px;
	border-bottom:0px;
	text-decoration:none;
}
/* END IE 6 Specific properties */

#IEtoolBar span.copy {
	margin:0em 1em 0em 1em;
	padding:0;
	}

div#IEtoolRight {
      position:absolute;
      width:auto;
      height:2em;
      top:auto;
      bottom:0;
      right:0;
      textAlign:right;
	  margin:0 1em 0 0;
	  padding:0;
}

div.background {
  display: none;
}

div.handout {
  margin-left: 20px;
  margin-right: 20px;
}

div.slide.titlepage {
  text-align: center;
}

/*div.slide.titlepage.h1 {
  padding-top: 40%;
}*/

div.slide {
  z-index: 20;
  margin: 0 0 0 0;
  padding: 12em 3em 0 3em;
  border-width: 0px solid #000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 130%;
  background-color: transparent;
}

/* this rule is hidden from IE 6 and below which don't support + selector */
div.slide + div[class].slide { page-break-before: always;}

div#header h1 {
	font-size:400%;
	letter-spacing:0px;
	text-align:center;
	font-weight:normal;
	margin:0;
	padding:0.3em 0 0 0;
}

div#header h2 {
	font-size:200%;
	text-transform:uppercase;
	letter-spacing:normal;
	text-align:center;
	font-weight:normal;
	margin:0;
	padding:0.3em 0 0 0;
}

div.slide h1 {
	padding:0.2em 0 0em 0;
	margin:0;
 	display: block; 
	font-size:260%;
	letter-spacing:1px;
	font-weight:normal;
  	line-height: 1.2em;
  	background: transparent;
}

div.slide h2 {
	padding:0;
	margin:0.6em 0 0.6em 0;
 	display: block; 
	font-size:170%;
	text-transform:uppercase;
	letter-spacing:normal;
	font-weight:normal;
  	background: transparent;
}

p, pre, li, blockquote, h5, h6, table {
margin:0.5em 0 1em 0;
padding:0;
list-style-position:inside;
line-height:1.5em;
}

/* Table of Contents */

div.toc-heading {
  font-size:150%;
  text-transform:uppercase;
  width: 100%;
  margin:0 0 1em 0;
  padding:0.6em 0 0.6em 0;
  text-align: center;
  background-image:url(images/close.gif);
  background-repeat:no-repeat;
  background-position:top right;
 /* border-bottom:4px solid #999;
	background-color:#333;*/
}

div.toc {
  position: absolute;
  top: 7em; bottom: auto; left: 5%; right: 5%;
  width: 88%;
  padding:0;
  margin:0;
 /* max-width: 30em;*/
  height: 25em;
  min-height:25em;
  z-index: 300;
  overflow: auto;
  display: block;
  visibility: visible;
  font-size:120%;
 /* border: ridge 8px #999;
  background-color:#eee;
  background-color:none;
  background-image:url(images/toc_bkgd.gif);
  background-repeat:repeat;
  background-position:top left;*/
}

div.toc ol {
	width:76%;
	padding:0 auto 2em auto;
	margin:0 10% 2em 10%;
}

/* for slides with class "title" in table of contents */
a.titleslide { font-weight: bold; font-style: italic }

pre {
 font-size: 80%;
 font-weight: bold;
 line-height: 120%;
 padding-top: 0.2em;
 padding-bottom: 0.2em;
 padding-left: 1em;
 padding-right: 1em;
 border-style: solid;
 border-left-width: 1em;
 border-top-width: thin;
 border-right-width: thin;
 border-bottom-width: thin;
 border-color: #95ABD0;
 color: #00428C;
 background-color: #E4E5E7;
}

li pre { margin-left: 0; }

@media print {
  div.slide {
     display: block;
     visibility: visible;
     position: relative;
     border-top-style: solid;
     border-top-width: thin;
     border-top-color: #000;
	 padding:0;
	 margin:0 3em 0 3em;
  }
  div.slide pre { font-size: 80%; padding-left: 0.5em; }
  div.handout { display: block; visibility: visible; }
}

blockquote { font-style: italic }

img { background-color: transparent; }

div.slide img {
	border:3px solid #ccc;
}

.right {
	float:right;
	margin:1em 0em 1em 1em;
	}

.left {
	float:left;
	margin:1em 1em 1em 0em;
	}

p.copyright {font-size:smaller;}

.center { text-align: center }
.footnote { font-size: smaller; margin-left: 2em; }

a img { border-width: 0; border-style: none }

div dt
{
  margin-left: 0;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
}
div dd
{
  margin-left: 2em;
  margin-bottom: 0.5em;
}

.smaller { font-size: smaller }
.bigger { font-size: 130% }

td,th { padding: 0.2em }

/* List Styles (from Presentation mode) */

ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: disc; }
li { margin-left: 0.5em; margin-top: 0.5em; }
li li { font-size: 85%; font-style: italic }
li li li { font-size: 85%; font-style: normal }

ul {
  margin: 0.5em 1.5em 0.5em 1.5em;
  padding: 0;
}

ol {
  margin: 0.5em 1.5em 0.5em 1.5em;
  padding: 0;
}

ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: disc; }

ul li { 
  list-style: square;
  margin: 0.1em 0em 0.6em 0;
  padding: 0 0 0 0;
  line-height: 140%;
}

ol li { 
  margin: 0.1em 0em 0.6em 1.5em;
  padding: 0 0 0 0px;
  line-height: 140%;
  list-style-type: decimal;
}

li ul li { 
  font-size: 85%; 
  font-style: italic;
  list-style-type: disc;
  background: transparent;
  padding: 0 0 0 0;
}
li li ul li { 
  font-size: 85%; 
  font-style: normal;
  list-style-type: circle;
  background: transparent;
  padding: 0 0 0 0;
}
li li li ul li {
  list-style-type: disc;
  background: transparent;
  padding: 0 0 0 0;
}

li ol li {
  list-style-type: decimal;
}


li li ol li {
  list-style-type: decimal;
}