body
	{
	   font-size: 1em;
	   width: 1000px;
	   margin: 0 auto 20px auto;
	   font-family: Arial, Helvetica, Verdana;
	   border: 0px solid black;
	   background-image: url(images/bkg.gif);
	   background-repeat: repeat-x;
	   background-position: center top;
	   background-color: #eff4f8;
	   position:relative;
	}
/* LAYOUT */    
	#wrapperL
	{
		margin: 0;
		padding: 0;
		background-image: url(images/ls.gif);
		background-repeat: no-repeat;
		background-position: 120px top;
		background-color: transparent;
		width: 100%;
		border: 0px solid green;
		position: relative;
		top: 0;
		left: 0;
	}
	#wrapperR
	{
		margin: 0;
		padding: 0;
		background-image: url(images/rs.gif);
		background-repeat: no-repeat;
		background-position: right top;
		background-color: #transparent;
		width: 100%; border:0px solid red;
		position: relative;
		top: 0;
		left: 0;
	}

   
	#main
	{
		padding: 0px;
		background-image: url(images/shade.gif);
		background-repeat: repeat-x;
		background-position: left top;
		width: 850px;
		border: 0px solid blue;
		margin: 0 15px 0 135px;
		background-color: #FFF;
		position: relative;
		top: 0;
		left: 0;
	}
/* NAVIGATION */
	#nav
	{
	   width: 250px;
	   color: white;
	   margin: 20px 0 20px 10px;
	   background-image: url(images/menu.gif);
	   background-repeat: repeat-x;
	   background-color: #53a1cc;
	   border: 0px solid green;
	   float: left;
	   z-index: 2;
	   position: absolute;
	   top: 0px;
	   left: 5px;
	}
#nav ul
	{
	   margin: 0;
	   padding: 0;
	   list-style: none;
	   display: block;
	}
	
	#nav li
	{
	   display: block;
	   padding: 0px;
	   
	}
	
	#nav a
	{
	   text-decoration: none;
	   color: white;
	   padding: 2px 0 2px 0;
	   display: block;
	   border-color: #3583aa;
	   border-width: 0 1px 0 1px;
	   border-style: solid;
	}
	
	#nav a:hover, #nav a.selected:hover
	{
	   color: black;
	   background-color: #eff4f8;
	}

    #nav a.selected
	{
	   color: black;
	   background-color: #FC3;
	}
	
	
	#nav ul.lessons { padding-left: 00px; }
	
	#nav ul.unit li a
	{
	   margin-left: 0px;
	   padding-left: 40px;
	   background-image: url(images/arrow.gif);
	   background-repeat: no-repeat;
	   background-position: 20px 1px;
	}
	#nav ul.unit li a:hover, #nav ul.unit li a.selected {background-image: url(images/arrow_selected.gif);}
	#nav ul.lessons>li>a
	{
	   margin-left: 0px;
	   padding-left: 20px;
	}
	
	#nav ul.lessons>li>span.heading
	{
	   font-style: italic;
	   display: block;
	   padding: 2px 2px 2px 20px;
	}
	#nav li span.x {line-height:1.3em;}
   
	#nav li.border
	{
	   border-bottom: #eff;
	   border-width: 0 0 1px 0;
	   border-style: none none solid none;
	}
	#nav li.pad a, #nav li.pad span{padding-left:5px;}
	.bl
	{
	   background-image: url(images/bl.gif);
	   background-repeat: no-repeat;
	   background-position: left bottom;
	   font-size:12px;
	   
	}
	.br { background-image: url(images/br.gif);
	       background-repeat: no-repeat;
	   background-position: right bottom;
	   background-color: #53a1cc;
}

   .tl
	{
	   background-image: url(images/tl.gif);
	   background-repeat: no-repeat;
	   background-position: left top;
	   font-size:12px;
	}
	.tr { background-image: url(images/tr.gif);
	       background-repeat: no-repeat;
	   background-position: right top;
}

#nav p,h3{margin:10px;}
#nav p.heading {color:#eff; font-size:larger; font-weight:bold}
#column
{
	width: 700px;
	border: 0px solid magenta;
	margin: 0 0px 0 auto;

}  
.spacer {width:1px; height:27em; border:0px solid red;float:left}
#video,#info {width:49%; border:0px solid red; float:left;min-height:250px;}
#video object
{
	border-color: #369;
	border-width: 2px;
	border-style: solid;
	margin-left:20px;
	
}
h3 {font-size:1.5em;}
h4 {font-size:1.25em}
h3,h4
{
	margin: 0;
	padding: 0 0 5px 0;
	color: #369;
}
p.blue
{
	margin: 0;
	padding: 0 15px 5px 0;
	color: #369;
}

.button
{
	border-color: #369;
	border-width: 2px;
	border-style: outset;
	width: 35px;
	height: 35px;
	vertical-align: top;
	margin: 0 5px 5px 0;
	float:left; clear:left;
}

.button2
{
	border-color: #369;
	border-width: 2px;
	border-style: outset;
	width: 20px;
	height: 20px;
	vertical-align: top;
	margin: 0 5px 5px 0;
	float:left; clear:left;
}

   #header
	{
	   height: 134px;
	   background-color: transparent;
	   width: 1000px;
	   margin: 0 auto 0 auto;
	   background-image: url(images/header.gif);
	   background-position: right top;
	   background-repeat: no-repeat;
	}
	#footer
	{
	   height: 77px;
	   background-color: white;
	   clear: both;
	   color: silver;
	   text-align: right;
	   padding: 0 5px 0 0;
	   font-size: .75em;
	   line-height: 1.75em;
	   border-color: #69C #369 #CCC #369;
	   border-width: 0;
	   border-style: solid;
	   background-image: url(images/dot.gif);
	   background-repeat: no-repeat;
	   background-position: right bottom;
	}
	p { margin: 0 0 10px 0; }
	.smaller {font-size:smaller;font-weight:normal}
	.gray { color:gray; }
	.by { color:gray; padding-left:10px; padding-right:10px; font-size:smaller;}
	#menu a, #menu ul,#main a, #main ul {text-decoration:none; color:#369; font-weight:bold;}
	#menu ul {margin-left:0; margin-right:20px;padding-left:20px; line-height:1.5em;}
	#menu a:hover, #main a:hover {text-decoration:none; color:orange;}
	.tab {padding-left:30px;}
	hr
	{
	   height: 1px;
	   border-color: #369;
	   border-width: 1px 0 0 0;
	   border-style: solid;
	   margin-right:2%;
	}
	.noborder {border:0;}
	.icon {width:20px; height:20px; vertical-align:middle;margin:2px; }
	.clr {clear:left;}
	.al
	{
	   float: left;
	   height: 77px;
	   background-image: url(images/dot.gif);
	   background-repeat: no-repeat;
	   background-position: left bottom;
	   padding-left:10px;
	}
	.none {list-style:none; margin-left:0; padding:0;}
	.subject
	{
		vertical-align: middle;
		margin-right: 7px;
		width: 75px;
		height: 75px;
		border-color: #369;
		border-width: 0px;
		border-style: solid;
	}
	
img.podcast {

	border: 0;
	vertical-align: middle;
	padding: 0 7px 0 7px;
	height:24px
}


p.cast
{
	padding: 1px 0 0 10px;
	margin: 0px;
	font-size: .9em;
}
#maintext {width: 663px;}

#maintext  p.sectionBtm
{
	color: #3583aa;
	font-size: smaller;
	padding: 4px 20px 4px 4px;
	margin: 10px auto 10px 0;
	width: 663px;
	text-align: right;
	border-color: #3583AA;
	border-width: 1px 0 0 0;
	border-style: solid;
}

#maintext ul.published { font-size: 1em; margin-top:0;margin-bottom:0; padding-bottom:20px; font-weight:normal }
#maintext ul.published li{padding-bottom:.5em;}
.booktitle {font-weight:bold}

#maintext ul.podcastlist  { font-size: 1em; margin-top:0;margin-bottom:0; padding-top:10px; }

#maintext ul.podcastlist li{padding-top:10px;}
.warning {color:red;}
.indent {font-size:.9em; margin:0; padding-left:60px;}
#menu a.missing
{
	color: #69C;
	font-size: smaller;
}

img.noborder {border:0;}