/* Structural Elements */

html {
		min-width: 835px;
		}

body { 
		background: #780000 url(images/body-bg.gif) repeat-y center;
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #262626;
		text-align: center; /* ie5.5 doesn't understand margin:auto; this centers the page */
		}
		
#container {
		margin: 0 auto;
		padding: 3px 9px;
		width: 819px;
		text-align: left;
		}
		
#header {
		margin:0 0 3px 0;
		padding: 0;
		background: url(images/header.jpg) no-repeat;
		width: 819px;
		height: 113px;
		}
		
#menu {
		position: absolute;
		margin: 28px 0 0 10px;
		padding: 0;
		width: 141px;
		height: 350px;
		text-align: right;
		z-index: 100;
		}	
			
#footer {
		position: relative;   /* Safari */
		margin: 0 auto;
		padding: 0;
		width: 819px;
		height: 119px;
		background: url(images/footer-bg.gif)  no-repeat;
		}
		
#content-container {
		margin: 51px 57px 0 197px;
		padding: 0 0 1px 0;
		}			
		
		
		
		
		
/* Page Elements */	

#header-links { 
		margin: 0 0 3px 0;
		padding: 0;
		float: right;
		height: 21px;
		width: 500px;
		}
		
.lecture-series-thumb {	
		margin: 0 auto 20px auto;
		width: 350px;
		text-align: center;
		}
		
.lecture-series-thumb-clear { /* this is used to add some space between the header and the first image. Otherwise, the image will
								 wrap to a new line when it encounters the "Return to Lecture Series" div, yet the link will remain
								 in its original placement (it is position:absolute). */
		margin: 36px auto 0 auto;
		width: 1px;
		height: 1px;
		text-align: center;
		}
		
/* big-fix is implemented because of a menu/footer conflict. When the window is resized to a height that is shorter than the menu,
the footer would encroach upon it because the menu is positioned absolutely. big-fix is a floating element with the height of the
menu, and big-fix-clear is set to clear and floated elements. The two combined create a faux "min-height" attribute. Simply setting
the footer to 'clear:both' messes up the javascript that keeps it sitting at the bottom of the page. */

.big-fix {
		margin: 0;
		padding: 0;
		width: 1px;
		height: 325px;
		float: right;
		visibility: hidden;
		}
		
.big-fix-clear {
		margin: 0;
		padding: 0;
		width: 1px;
		height: 1px;
		clear: both;
		visibility: hidden;
		}
		
.homepage-video-link {
		margin: 0;
		padding: 0;
		color: #262626;
		float: right;
		text-align: right;
		width: 165px;
		}

.document-pageview, .document-pageview-lectureseries {
		margin: 25px 0 7px 20px;
		padding: 0;
		color: #262626;
		float: right;
		text-align:center;
		width: 135px;
		}
		
.document-pageview-lectureseries {
		margin: 0 0 15px 0px;
		}
		
.excerpt-divider {
		margin: 0 auto 19px auto;
		padding: 0;
		width: 400px;
		height: 1px;
		border-bottom: 1px #999 dotted;
		text-align: center;
		}
		
		
.logolink {
		margin: 40px 0 30px 0;
		padding: 0;
		font-size: 14px;
		}
		
.logolink img {
		margin: -20px 20px 0 0;
		padding: 0;
		float: left;
		}
		
		
.homepage-quotes {
		margin: 0 0 17px 0;
		padding: 0 15px 0 15px;
		text-align: left;
		width: 515px;
		font-family: "Times New Roman", Times, serif;
		font-size: 15px;
		}

.homepage-quotes img {
		margin: 0 35px 0 0;
		padding: 0;
		float: left;
		}
		
		
.registration-info {
		margin: 0 auto 15px auto;
		padding: 4px 0 0 0;
		background: #C0DFFF url(images/icon_information.png) no-repeat 20px; 
		border-top: 1px solid #008bda;
		border-bottom: 1px solid #008bda;
		color: #008bda;
		text-align: center;
		height: 18px;
		}
		
.registration-form-incomplete {
		margin: 15px auto 15px auto;
		padding: 4px 0 0 0;
		background: #FF8F8F url(images/icon_exclamation.png) no-repeat 20px; 
		border-top: 1px solid #CC0100;
		border-bottom: 1px solid #CC0100;
		color: #CC0100;
		text-align: center;
		height: 18px;
		}
		
.registration-form {
		margin: 0 auto;
		padding: 0 0 0 18px;
		text-align: left;
		width: 470px;
		}
		
.registration-form-newline {
		margin: 0;
		padding: 0;
		width: 1px;
		height: 15px;
		float: left;
		}
		
.registration-form-newline-clear {
		margin: 0;
		padding: 0;
		width: 1px;
		height: 1px;
		clear: left;	
		}
		
.registration-form-chunk, .registration-form-chunk-float {
		margin: 0;
		padding: 0;
		width: 185px;
		}

.registration-form-chunk-float {
		float: right;
		}
		
		
.registration-form label {
		margin: 0;
		padding: 0;
		font-size: 10px;
		text-transform: uppercase;
		color: #555;
		}
		
.registration-form-floater {
		margin: 0;
		padding: 0;
		float: right;
		}

.registration-form input.text {
		margin: 2px 0 0 0;
		padding: 1px 0 0 3px;
		width: 180px;
		height: 17px;
		font-size: 12px;
		border: 1px solid #999;
		}

.registration-form input.text:hover, .registration-form input.zip:hover, .registration-form textarea.refer:hover, .registration-form select:hover {
		border: 1px solid #333;
		}
		
.registration-form input.text:focus, .registration-form input.zip:focus, .registration-form textarea.refer:focus, .registration-form select:focus {
		border: 1px solid #333;
		background-color: #DBEEFF;
		}
		
.registration-form input.zip {
		margin: 2px 0 0 0;
		padding: 0 0 0 3px;
		width: 50px;
		height: 17px;
		font-size: 12px;
		border: 1px solid #999;
		}
		
.registration-form textarea.refer {
		margin: 2px 0 0 0;
		padding: 0 0 0 3px;
		width: 180px;
		height: 68px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		border: 1px solid #999;
		}

.registration-form select {
		font-size: 11px;
		border: 1px solid #999;
		}
		
.registration-form-container {
		margin: 0 0 18px 0;
		padding: 20px;
		background: #efefef;
		border: 1px solid #999;
		}
		
.registration-form-grouping, .registration-form-grouping-bottom {
		margin: 0 0 20px 0;
		padding: 16px;
		background: #dadada;
		}

.registration-form-grouping-bottom {
		margin: 0;
		}
		
		
.centered {
		margin: 0 auto;
		text-align: center;
		}
		

.dvd-case {
		margin: 0;
		padding: 0;
		width: 155px;
		height: 190px;
		float: left;
		}
		
		
#footer-credit {
		position: absolute;
		margin: 40px 0 0 69px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
	


		
/* Links */

a:link, a:visited {
		color: #008bda;
		text-decoration: underline;
		font-size: 12px;
		}

a:hover, a:active {
		text-decoration: none;
		}
		
a:link.smallcaps, a:visited.smallcaps, a:hover.smallcaps, a:active.smallcaps {
		font-size: 10px;
		text-transform: uppercase;
		}


#register a, #register a:visited {
		display: block;
		margin: 0;
		padding: 0;
		width: 280px;
		height: 21px;
		background: url(images/register-link.gif) 0 -21px no-repeat;
		float: right;
		}
		
#register a:hover, #register a:active {
		background: url(images/register-link.gif) 0 0 no-repeat;
		}
		
		
#menu a:link, #menu a:visited {
		display: block;
		margin: 8px 0 8px 0;
		padding: 5px 0 6px 0;
		width: 110px;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #212121;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		}
		
#menu a:hover, #menu a:active {
		color: #008bda;
		}	
		
#menu a:link.active, #menu a:visited.active, #menu a:hover.active, #menu a:active.active {
		color: #008bda;
		}
		
		
#footer a, #footer a:visited {
		margin: 0;
		padding: 0;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #727272;
		text-decoration: none;
		font-weight: bold;
		}

#footer a:hover, #footer a:active {
		color: #008bda;
		}
		
#footer a.active, #footer a:visited.active, #footer a:hover.active, #footer a:active.active {
		color: #008bda;
		}
		
#acrobat-installer a, #acrobat-installer a:visited {
		display: block;
		margin: 60px 0 0 0;
		padding: 0;
		background: url(images/acrobat-download.gif) no-repeat 0 -46px;
		width: 238px;
		height: 46px;
		}
		
#acrobat-installer a:hover, #acrobat-installer a:active {
		background-position: 0 0;
		}	

.lecture-series-thumb a, .lecture-series-thumb-caption a:visited {
		display: block;
		position: absolute;
		margin: 0;
		padding: 212px 0 0 10px;
		width: 340px;
		height: 33px;
		background: url(images/lecture-image-overlay.png) repeat-x 0px 210px;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		}		

.lecture-series-thumb a:hover, .lecture-series-thumb-caption a:active {
		background: url(images/lecture-image-overlay-white.png) repeat-x 0px 210px;
		color: #262626;
		}
		
.register-img a, .register-img a:visited {
		display: block;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		width: 420px;
		height: 65px;
		background: url(images/register-placeholder.gif) no-repeat 0 -65px;
		}		

.register-img a:hover, .register-img a:active {
		background-position: 0 0;
		}
		
		
#registration-downloads {
		margin: 15px auto 0 auto;
		padding: 0;
		width: 420px;
		height: 70px;
		text-align: center;
		}	

		
#download-poster a:link, #download-poster a:visited {
		display: block;
		margin: 0;
		padding: 0;
		width: 202px;
		height: 70px;
		background: url(images/download-event-poster.gif) no-repeat 0 -70px;
		text-decoration: none;
		float: left;
		}

#download-poster a:hover, #download-poster a:active {
		background-position: 0 0;
		}
		
#download-pamphlet a:link, #download-pamphlet a:visited {
		display: block;
		margin: 0;
		padding: 0;
		width: 202px;
		height: 70px;
		background: url(images/download-event-pamphlet.gif) no-repeat 0 -70px;
		text-decoration: none;
		float: right;
		}

#download-pamphlet a:hover, #download-pamphlet a:active {
		background-position: 0 0;
		}
		
		

.order-dvd a, .order-dvd a:visited {
		display: block;
		position: absolute;
		margin: 175px 0 0 15px;
		padding: 0;
		width: 84px;
		height: 30px;
		background: url(images/order-dvd.gif) no-repeat 0 -30px;
		}

.order-dvd a:hover, .order-dvd a:active {
		background-position: 0 0;
		}
		

.order-dvd-noimage a, .order-dvd-noimage a:visited {
		display: block;
		position: absolute;
		margin: 20px 0 0 15px;
		padding: 0;
		width: 84px;
		height: 30px;
		background: url(images/order-dvd.gif) no-repeat 0 -30px;
		}

.order-dvd-noimage a:hover, .order-dvd-noimage a:active {
		background-position: 0 0;
		}
		
		
.who-was-bill a, .who-was-bill a:visited {
		display: block;
		margin: 40px 0 0 20px;
		padding: 0;
		width: 194px;
		height: 41px;
		background: url(images/who-was-bill.gif) no-repeat 0 -41px;
		}		

.who-was-bill a:hover, .who-was-bill a:active {
		background-position: 0 0;
		}
		
		
		
		
/* Typography */


ol { margin: 0 0 18px 20px; }
ol li { margin: 0 0 6px 0; }

#excerpt-quote ul {
		margin: 0 0 10px 50px;
		padding: 0;
		}
		
#excerpt-quote ul li {
		margin: 0 0 10px 0;
		padding: 0;
		}

#excerpt-quote ul li ul {
		margin: 25px 0 25px 30px;
		padding: 0;
		list-style: none;
		background: #000;
		}

#excerpt-quote ul ul li {
		list-style: none;
		margin: 0 0 20px 0;
		padding: 0;
		}

#menu ul {
		margin: 0;
		padding: 16px 24px 0 0;
		list-style: none;
		width: 117px;
		height: 327px;
		background: url(images/menu-shadow.gif) right top no-repeat;
		}

#menu li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
#footer ul {
		text-align: center;
		list-style: none;
		margin: 0;
		padding: 92px 0 0 0;
		}
		
#footer li {
		margin: 0 10px;
		padding: 0;
		list-style-type: none;
		display: inline;
		text-transform: uppercase;
		}
		
.influencers ul {
		margin: 0 0 0 15px;
		padding: 0;
		list-style: none;
		}

.influencers li {
		margin: 0 0 4px 0;
		padding: 0;
		list-style-type: none;
		}
		
.contact ul {
		margin: 0 0 0 15px;
		padding: 0;
		list-style: none;
		}
		
.contact li {
		margin: 0 0 5px 0;
		padding: 0;
		list-style-type: none;
		}
		
.content-heading { margin: 0 0 16px 0; }
		
h1 { display: none; }
h2 { 
		margin: 0 0 15px 8px;
		padding: 0;
		font-size: 16px;
		letter-spacing: -1px;
		font-weight: normal;
		}
		
h2.noundermargin {
		margin: 0 0 2px 8px;
		padding: 0;
		}
		
h2.leftmargin {
		margin: 0 0 15px 15px;
		}
		
		
p { margin: 0 0 18px 15px; }

p.quote { text-indent: -5px; }
p.header-quote {
		font-size: 18px;
		letter-spacing: -1px;
		color: #666;
		}
		
p.noindent {
		margin: 0 0 18px 8px;
		padding: 0;
		}
		
p.indent {
		margin: -15px 0 18px 35px;
		}
		
p.indent-notopmargin {
		margin: 0 0 18px 35px;
		}
		
p.logo-link {
		margin: 0 0 6px 0;
		padding: 0;
		}

.smallcaps {
		font-size: 10px;
		text-transform: uppercase;
		}


.i { font-style: italic; }
.u { text-decoration: underline; }
.b { font-weight: bold; }

.pdf {
		display: block;
		background: url(images/icon_pdf.gif) no-repeat left center;
		margin: 0;
		padding: 0 0 0 20px;
		height: 16px;
		}
		
.page {
		display: block;
		background: url(images/icon_page.png) no-repeat left center;
		margin: 0;
		padding: 0 0 0 20px;
		height: 16px;
		}
		
.image {
		display: block;
		background: url(images/icon_pic.gif) no-repeat left center;
		margin: 0;
		padding: 0 0 0 20px;
		height: 16px;
		}
		
.external {
		display: block;
		background: url(images/icon_external.gif) no-repeat left center;
		margin: 0;
		padding: 0 0 0 20px;
		height: 16px;
		}
		
.email {
		display: block;
		background: url(images/icon_email.png) no-repeat left center;
		margin: 0;
		padding: 0 0 0 20px;
		height: 16px;
		}

.flash-video {
		display: block;
		background: url(images/icon-flashvideo.png) no-repeat left center;
		margin: 0;
		padding: 1px 0 0 20px;
		height: 16px;
		}
		
.mouse {
		display: block;
		background: url(images/icon_mouse.gif) no-repeat left center;
		margin: 0;
		padding: 1px 0 0 20px;
		height: 16px;
		}

		
.print { /*for use with document-pageview */
		display: block;
		background: url(images/icon_printer.png) no-repeat left center;
		margin: 5px 0 0 0;
		padding: 3px 0 0 20px;
		height: 16px;
		}
		
.return { /*for use with document-pageview */
		display: block;
		background: url(images/icon_arrowundo.png) no-repeat left center;
		margin: 3px 0 0 0;
		padding: 3px 0 0 20px;
		height: 16px;
		text-align: left;
		}
		
.top-page {
		display: block;
		background: url(images/icon_toppage.png) no-repeat left center;
		margin: 3px 0 0 0;
		padding: 3px 0 0 20px;
		height: 16px;
		text-align: left;
		}
		
.audio {
		display: block;
		background: url(images/icon_sound.png) no-repeat left center;
		margin: 15px auto 30px auto;
		padding: 3px 0 0 20px;
		height: 16px;
		width: 200px;
		text-align: left;
		}
		
.audio-articles {
		display: block;
		background: url(images/icon_sound.png) no-repeat left center;
		margin: 0;
		padding: 0 0 0 22px;
		height: 16px;
		}
				
span.icon-description {
		padding: 2px 0 0 22px;
		font-size: 11px;
		color: #666;
		}

span.smaller-text {
		font-size: .9em;
		}

span.smaller-text a {
		font-size: 11px;
		}
		
		
.form-needs-completion {
		color: #FF0000;
		font-size: 12px;
		}
		
span.quote-author {
		font-size: 12px;
		}
		
.lectureseries-indent {
		padding: 0 0 0 22px;
		font-size: 11px;
		color: #666;
		}
		

.lecture-dvd-list-2005 ul, .lecture-dvd-list-2006 ul, .dvd-placeholder ul {
		margin: 0;
		padding: 15px 0 0 140px;
		list-style: none;
		}

.lecture-dvd-list-2005 ul {
		background: url(images/lecture-dvd-2005.jpg) no-repeat top left;
		}
		
.lecture-dvd-list-2006 ul {
		background: url(images/lecture-dvd-2006.jpg) no-repeat top left;
		}
		
.dvd-placeholder {
		height: 250px;
		background: none;
		}
		

				
.lecture-dvd-list-2005 li, .lecture-dvd-list-2006 li, .lecture-dvd-list-2007 li, .dvd-placeholder li {
		margin: 0 0 7px 0;
		padding: 1px 0 3px 20px;
		background: url(images/icon_play.gif) no-repeat left center;
		}
		
.lecture-dvd-list-2005 li.active, .lecture-dvd-list-2006 li.active, .lecture-dvd-list-2007 li.active, .dvd-placeholder li {
		padding-top: 2px;
		background-image: url(images/icon_play_active.gif);
		}
		

.order-2005, .order-2006 {
		margin: 50px 0 0 0;
		padding: 15px 0 0 120px;
		list-style: none;
		background: url(images/lecture-dvd-2005.jpg) no-repeat top left;
		height: 180px;
		}
		
.order-2006 {
		background-image: url(images/lecture-dvd-2006.jpg);
		}
		
.order-placeholder {
		margin: 50px 0 0 0;
		padding: 15px 0 0 120px;
		list-style: none;
		height: 180px;
		background-image: none;
		}

		
		
.order-header {
		font-size: 14px;
		}

.order-title {
		margin: 0;
		padding: 0;
		font-size: 16px;
		font-weight: bold;
		}
		
.order-info {
		margin: 0 0 0 20px;
		}