	body, h1, h2, h3, h4, p, a, ul, li, ol, td, th {font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif; border: none;}
	body {background: #b19f90 url(../images/site_bkgrd.jpg) 0 0 repeat-x; margin: 0 auto; padding: 0; border: none;}
	h1 {font: bold 1.05em Arial, Helvetica, sans-serif; color: #8b0000; padding: 0; margin: 0;}
	h2 {font: bold .9em Arial, Helvetica, sans-serif; color: #8b0000; padding: 0; margin: 0;  padding-left: 22px;}
	h3 {font: bold .9em/1.1em Arial, Helvetica, sans-serif; color: #8b0000; padding: 0; margin: 0;}
	p {font: 300 .7em/1.2em Arial, Helvetica, sans-serif; margin: 0; padding: 0 5px 7px 5px;}
	a {font: 300 .8em/1.1em Arial, Helvetica, sans-serif; text-decoration: underline; color: color: #8b0000;}
	li {font: 300 .75em/1.2em Arial, Helvetica, sans-serif; margin: 0; padding: 0 5px 5px 5px;}
	img {margin: 0; padding: 0;}
	div#container_home {background: url(../images/home_bkgrd.jpg) 0 0 no-repeat; width: 885px; height: 780px; text-align: left; 
		margin: 0 auto; padding: 0; position: relative;}
	div#container_other {background: url(../images/cont_bkgrd.jpg) 0 0 no-repeat; width: 885px; height: 780px; text-align: left; 
		margin: 0 auto; padding: 0; position: relative;}
	
	/* Masthead area CSS */
	#masthead {margin:0; padding:0;}
	#masthead h1 {font: bold 1.3em Arial, Helvetica, sans-serif; color: #f5f5f5; margin:0; padding:0;}
	#masthead h1 span {font: bold 0.8em Arial, Helvetica, sans-serif; color: #f5f5f5; margin:0; padding:0;}
	#menu {background: url(../images/menu.jpg) 0 0 no-repeat; width: 780px; height: 30px; margin: 0; padding: 0; border: none;}
	#intro {position: absolute; width: 780px; height: 290px; margin: 0; padding: 0; border: none; top: 15px; z-index: 10;}
	
	#watermark {position: absolute; left: 885px; top: 0; z-index: 5;}
	#home_link1 {position: relative; left: 70px; top: 150px;}
	#home_link2 {position: relative; left: 40px; top: 25px;}
	
	/* Main content area CSS */
	table.main {position: relative; width: 885px; margin: 0; padding: 0; z-index: 100;}
	table.main td {border: 1px solid red;}
	img.home {margin: 0; padding: 0; margin-left: 17px;}
	img.house {margin: 0; padding: 0; margin-left: 670px;}
	
	/* Menu Area CSS */
	div#submenu {background: url(../images/smenu_bkgrd.jpg) 0 0 no-repeat; position: absolute; margin:0; padding:0; 
		width: 140px; top: 360px; left: 102px; height: 160px;}
	#submenu ul {margin: 0; padding: 0; margin-top: 2px;}
	#submenu li {margin: 3px 3px 3px 10px; padding: 0; list-style: none; height: 18px; border: none;}
	#submenu li.top {margin: 7px 3px 3px 10px;}
	#submenu a {font: 600 1.2em "Times New Roman", Times, serif; padding-left: 4px; color: #eee8aa; 
		width: 118px; display: block; text-decoration: none;}
	#submenu a:hover {text-decoration: none; background: #797550; color: #ffffff; width: 118px;}
	
	/* Left column area CSS  */
	#leftcol {position: absolute; margin: 0; padding: 0; left: 102px; top: 541px; width: 140px; height: 195px;
		background: url(../images/leftcol.jpg) 0 0 no-repeat;}
	#leftcol a.buydvd {display: block; background: url(../images/buydvd.jpg) 0 0 no-repeat; width: 140px; height: 25px;
		margin: 0; padding: 0; margin-top: -21px; text-decoration: none; }
	#leftcol a.buydvd:hover {background: url(../images/lit_buydvd.jpg) 0 0 no-repeat; width: 140px; height: 25px; 
		text-decoration: none; color: brown; display: hidden;}
	#leftcol a.maillist {display: block; background: url(../images/maillist.jpg) 0 0 no-repeat; width: 140px; height: 25px;
		text-decoration: none; color: brown;}
	#leftcol a.maillist:hover {background: url(../images/lit_maillist.jpg) 0 0 no-repeat; width: 140px; height: 25px; 
		text-decoration: none; color: brown; display: hidden;}
	#leftcol p {color: #fff; padding-left: 15px; width: 140px; font-size: .7em;}
	
	#leftcol p.mlist {text-align: left; margin-bottom: 0; padding-bottom: 0;}
	#leftcol p.mlist form {margin:0; padding: 0;}
	#leftcol input.textbox {font: 300 .95em Arial, Helvetica, sans-serif; padding: 0; margin: 0;}
	#leftcol input.button {font-size: .95em;}
	/* Hacks to hide from IE Explorer */
	html>body #leftcol input.textbox {font: 300 11px Arial, Helvetica, sans-serif; padding: 0; margin: 0; margin-left:14px;}
	html>body #leftcol input.button {font-size: 11px; margin-left: 14px;}
	
	/* Home Page Content area CSS */
	#homepg {position: absolute; left: 270px; top: 495px; margin: 0; padding: 0; width: 430px;}
	#homepg p {margin: 0 auto; padding: 0 1em 1em 1em; width: 420px;}
	#homepg p.centered {text-align: center;}
	#homepg img {margin: 0; padding: 0;}
	#homepg .float-rt {float: right; width: 175px; height: 43px; margin: 5px 10px 10px 15px; border: none;}
	#homepg a {margin: 0; padding: 0; font-size: 1em; color: #8b0000; text-decoration: underline;}
	#homepg a:hover {font-size: 1em; text-decoration:none; color: #00008b;}
	
	/* Main Content Area CSS */
	#linedpg {position: absolute; left: 265px; top: 295px; margin: 0; padding: 0; width: 440px; 
		background: url(../images/notepad.jpg) 0 0 no-repeat;}
	#linedpg h1 {margin-top: 10px; padding-left: 25px; width: 410px;}
	#linedpg h2 {width: 410px; height: 15px; color: #8b0000; padding: 5px 0 0 25px; font-size: 85%;}
	#linedpg p {font: 300 .75em/1.1em Arial, Helvetica, sans-serif; margin: 0; padding: 7px 10px 7px 25px; width: 400px;}
	#linedpg p.first {margin-top: 20px; padding-left: 25px;}
	#linedpg p.centered {text-align: center;}
	#linedpg p.red {color: #8b0000;}
	span.red {color: #8b0000;}
	#linedpg img {margin: 0; padding: 0;}
	#linedpg a {margin: 0; padding: 0; font-size: 1em; color: #8b0000; text-decoration: underline;}
	#linedpg a:hover {font-size: 1em; text-decoration:none; color: #00008b;}
	
	div#optout table {position: relative: top: 10px; left: 10px; /* margin-left: 50px; */ width: 125px; margin: 0 auto;}
	div#optout table td.ctr {font-size: 1em; text-align: center;}
	
	/* Rt Content Area CSS */
	#rtcontent {position: absolute; margin: 0; padding: 0; width: 440px; left: 265px; top: 295px;
		background: url(../images/notepad.jpg) 0 0 no-repeat; z-index: 10;}
	
	/* Video Playback Area CSS */
	#video {position: relative; margin: 0; padding: 0; width: 325px; left: 60px; top: 10px; border: none;}
	#video p.video_descrip {background: #eae4e3; font: normal 0.75em/1.2em Arial, Helvetica, sans-serif; 
		 width: 305px; margin: 0; padding: 15px 5px 10px 10px;}
	
	/* Video Clip Catalog Area CSS */
	#clipcat {/* position: relative; background: url(../images/360gravel-fade.png) 0 0 repeat-y; left: 650px; top: 375px; */
		float: right; width: 230px;}
	#clipcat p {font: 300 .7em/1.1em Arial, Helvetica, sans-serif; margin: 0; padding: 7px 15px 7px 19px; width: 210px;}
	#clipcat img.thumbs_left {float: left; margin: 2px 10px 0 0; padding: 0; border: none;}
	#clipcat a {margin: 0; padding: 0; font-size: 1em; color: #8b0000; text-decoration: underline;}
	#clipcat a:hover {font-size: 1em; text-decoration:none; color: #00008b;}
	
	/* Blog-Journal Area CSS  */
	#journal {position: absolute; left: 265px; top: 295px; width: 440px; margin: 0; padding: 0; /* border: 1px dotted blue; */
		background: url(../images/notepad.jpg) 0 0 no-repeat;}
	#journal h1 {margin-top: 12px; padding-left: 25px; padding-bottom: 8px; width: 410px;}
	#journal h2 {background: url(../images/blogdate_bkgrd.gif) 0 0 no-repeat; width: 410px; height: 21px; color: #5d5d5d; 
		padding: 5px 0 3px 25px; font-size: 75%;}
	#journal p {font-size: 75%; line-height: 1.25em; margin-bottom: 0; padding: 0 0 8px 25px; width: 400px;}
	#journal p.bio {padding-top: 10px;}
	#journal p.footer {width: 390px; height: 21px; color:#808080; border-top: dotted 1px gray; font-size: 70%; 
		margin-top: 5px; padding: 2px 0 10px 2px; margin-left: 25px;}
	#journal p.footer span.divider {padding-left: .5em; padding-right: .5em;}
	#journal p.footer a {color: #8b0000; font-size: 100%; margin: 0; padding: 0;}
	
	#journal p.title {font: 600 1em "Times New Roman", Times, serif; text-align: center; margin: 0; padding: 1.1em 0 .7em 0;
		color:#800000; width: 410px;}
	#journal p.name {margin: 0; margin-top: -1em; padding: 0; text-align: center; width: 410px;}
	
	#journal img.ptleft {float:left; width: 90px; height: 107px; padding:4px; border:1px solid #ddd; margin:  0 10px 7px 0;}
	#journal img.ptright {float:right; width: 90px; height: 107px; padding:4px; border:1px solid #ddd; margin:0 8px 2px 0;}
	#journal img.lsleft {float:left; width: 107px; height: 90px; padding:4px; border:1px solid #ddd; margin: 0 10px 7px 0;}
	#journal img.lsright {float:right; width: 107px; height: 90px; padding:4px; border:1px solid #ddd; margin:0 8px 2px 0;}
	
	a.normal {color: #8b0000; text-decoration: underline; margin-top: 3px; padding-top: 0;  font-size: 100%;}
	a.normal:hover {color: #483d8b; font-size: 100%;}
	a.readmore {color: #8b0000; text-decoration: none; margin-top: 3px; padding-top: 0; font-size: 100%;}
	a.readmore:hover {color: #483d8b; font-size: 100%;}
	#red {color: #8b0000;}
	
	/* Home Page (Right) Menu Area CSS  */
	#vmenu {position: absolute; margin: 0; padding: 0; left: 710px; top: 380px; width: 120px; height: 160px;
		background: url(../images/menu_bkgrd.jpg) 0 0 no-repeat;}
	#vmenu a {display: block; width: 140px; height: 25px; margin: 0; padding: 0; text-decoration: none;}
	#vmenu a.project {background: url(../images/vproject.jpg) 0 0 no-repeat; margin: 0;}
	#vmenu a.project:hover {background: url(../images/lit_vproject.jpg) 0 0 no-repeat;}
	#vmenu a.trailer {background: url(../images/vtrailer.jpg) 0 0 no-repeat; height: 40px; margin: 0;}
	#vmenu a.trailer:hover {background: url(../images/lit_vtrailer.jpg) 0 0 no-repeat; height: 40px;}
	#vmenu a.screening {background: url(../images/vscreenings.jpg) 0 0 no-repeat; margin: 0;}
	#vmenu a.screening:hover {background: url(../images/lit_vscreenings.jpg) 0 0 no-repeat;}
	#vmenu a.journal {background: url(../images/vjournal.jpg) 0 0 no-repeat; height: 40px; margin: 0;}
	#vmenu a.journal:hover {background: url(../images/lit_vjournal.jpg) 0 0 no-repeat; height: 40px;}
	#vmenu a.discuss {background: url(../images/vdiscuss.jpg) 0 0 no-repeat; height: 40px; margin: 0;}
	#vmenu a.discuss:hover {background: url(../images/lit_vdiscuss.jpg) 0 0 no-repeat; height: 40px;}
	#vmenu a.news {background: url(../images/vnews.jpg) 0 0 no-repeat; margin: 0;}
	#vmenu a.news:hover {background: url(../images/lit_vnews.jpg) 0 0 no-repeat;}
	
	/* Horizontal Menu Area CSS  */
	#hmenu {position: absolute; margin: 0; padding: 0; left: 280px; top: 140px; width: 515px; height: 60px;}
	#hmenu a {display: block; height: 60px; margin: 0; padding: 0; text-decoration: none;}
	#hmenu a.project {background: url(../images/hproject.jpg) 0 0 no-repeat; margin: 0;}
	#hmenu a.project:hover {background: url(../images/lit_hproject.jpg) 0 0 no-repeat;}
	#hmenu a.trailer {background: url(../images/htrail.jpg) 0 0 no-repeat; margin: 0;}
	#hmenu a.trailer:hover {background: url(../images/lit_htrail.jpg) 0 0 no-repeat;}
	#hmenu a.screen {background: url(../images/hscreen.jpg) 0 0 no-repeat; margin: 0;}
	#hmenu a.screen:hover {background: url(../images/lit_hscreen.jpg) 0 0 no-repeat;}
	#hmenu a.journal {background: url(../images/hblog.jpg) 0 0 no-repeat; margin-top: 0;}
	#hmenu a.journal:hover {background: url(../images/lit_hblog.jpg) 0 0 no-repeat;}
	#hmenu a.discuss {background: url(../images/hdiscuss.jpg) 0 0 no-repeat; margin: 0;}
	#hmenu a.discuss:hover {background: url(../images/lit_hdiscuss.jpg) 0 0 no-repeat;}
	#hmenu a.news {background: url(../images/hnews.jpg) 0 0 no-repeat; margin: 0;}
	#hmenu a.news:hover {background: url(../images/lit_hnews.jpg) 0 0 no-repeat;}
	
	/* Reg Form CSS  */
	#regform {padding-left: 20px;}
	#regform td {margin: 0; padding: 0; font: 300 11px Arial, Helvetica, sans-serif; padding-top:2px;}
	#regform select {margin: 0; padding: 0; font: 300 11px Arial, Helvetica, sans-serif;}
	#regform th {margin: 0; padding: 0; font: 600 11px Arial, Helvetica, sans-serif; padding-top:2px; color: black;}
	#regform th.screen {font: bold 11px Arial, Helvetica, sans-serif; text-align: center;}
	tr.highlight {border-bottom: 1px solid black;}
	td.labelrt {margin: 0; padding: 0; text-align: right; font: 300 11px Arial, Helvetica, sans-serif; color: black; padding-right: 5px;
		vertical-align: middle;}
	td.labelred {margin: 0; padding: 0; text-align: right; font: 300 11px Arial, Helvetica, sans-serif; color: #b22222; 
		padding-right: 5px; vertical-align: middle;}
	.labelred-left {margin: 0; padding: 0; text-align: center; font: 300 11px Arial, Helvetica, sans-serif; color: #b22222; 
		vertical-align: middle;}
	td.textred {margin: 0; padding: 0; font: 300 11px Arial, Helvetica, sans-serif; color: #b22222; padding-right: 5px;
		vertical-align: middle;}
	td.ctr {text-align: center;}
	input {font: 300 11px Arial, Helvetica, sans-serif; padding: 0; margin: 0;}
	input.textbox {text-align: left;}
	input.textctr {text-align: center;}
	
	/* Right Side Pictures Area CSS */
	#rtpics {position: absolute; margin: 0; padding: 0; left: 730px; top: 205px; width: 110px; height: 350px;
		background: url(../images/rtpics.jpg) 0 0 no-repeat;}
	
	/* Rt Side Picture Menu Area CSS */
	#rtpic_menu {position: absolute; margin: 0; padding: 0; left: 730px; top: 205px; width: 110px; height: 350px;
		background: url(../images/rtpic_bkgrd.jpg) 0 0 no-repeat;}
	#rtpic_menu a {display: block; width: 110px; height: 85px; margin: 0; padding: 0; text-decoration: none;}
	#rtpic_menu a.clip1 {background: url(../images/clip1.jpg) 0 0 no-repeat; margin: 0;}
	#rtpic_menu a.clip1:hover {background: url(../images/lit_clip1.jpg) 0 0 no-repeat;}
	#rtpic_menu a.clip2 {background: url(../images/clip2.jpg) 0 0 no-repeat; margin: 0; height: 80px;}
	#rtpic_menu a.clip2:hover {background: url(../images/lit_clip2.jpg) 0 0 no-repeat; height: 80px;}
	#rtpic_menu a.clip3 {background: url(../images/clip3.jpg) 0 0 no-repeat; margin: 0;}
	#rtpic_menu a.clip3:hover {background: url(../images/lit_clip3.jpg) 0 0 no-repeat;}
	#rtpic_menu a.clip4 {background: url(../images/clip4.jpg) 0 0 no-repeat; margin: 0; height: 90px;}
	#rtpic_menu a.clip4:hover {background: url(../images/lit_clip4.jpg) 0 0 no-repeat; height: 90px;}
	
	/* Recognition (wreaths) Area CSS  */
	#wreath {position: absolute; margin: 0; padding: 0; left: -5px; top: 0px; width: 255px; height: 65px;
		background: url(../images/selects.jpg) 0 0 no-repeat; z-index: 1000;}
		
	/* News Post-It Area CSS  */
	#news {position: absolute; margin: 0; padding: 0; left: 710px; top: 590px; width: 215px; height: 165px;
		background: url(../images/news_post_it.jpg) 0 0 no-repeat;}
	#newstext {background: url(../images/news_post_line.jpg) 0 0 repeat-y; position: relative; top: 45px;}
	#news p {color: #111; padding-left: 15px; width: 190px; font-size: .7em;}
	#news a {text-decoration: underline; color: #800000; font-size: 1em;}
	#news a:hover {text-decoration: none; color: #000; font-size: 1em;}
	
	/* Small Post-It Area CSS  */
	#sm_postit {position: absolute; margin: 0; padding: 0; left: 730px; top: 580px; width: 220px; height: 165px;
		background: url(../images/small_note.jpg) 0 0 no-repeat;}
	#sm_postit p {color: #111; padding-left: 15px; width: 175px; font-size: .7em;}
	#sm_postit p.first {color: #111; padding-top: 42px;}
	#sm_postit a {text-decoration: underline; color: #800000; font-size: 1em;}
	#sm_postit a:hover {text-decoration: none; color: #000; font-size: 1em;}
	
	/* Small Post-It Area for Discussion Board CSS  */
	#discuss_note {position: absolute; margin: 0; padding: 0; left: 380px; top: 520px; width: 220px; height: 165px;
		background: url(../images/post-it.gif) 0 0 no-repeat;}
	#discuss_note p {color: #111; padding-left: 15px; width: 175px; font-size: .75em;}
	#discuss_note p.first {color: #111; padding-top: 42px; font-size: .75em}
	
	/* Sitemap List CSS  */
	#sitemap li {list-style-type: none; padding-top: 3px;}
	#sitemap li.top {font-size: 1.1em; }
	#sitemap a {text-decoration: none;}
	
	/* Footer area CSS  */
	#footer {position: absolute; left: 80px; top: 765px; width: 180px;}
	#space {font-size: x-small; color: #333;}
	td.footernav {text-align: center; color: #fcde84;}
	td.footernav a {font-size: 12px; color: #fcde84; margin: 0; padding-top: 0; text-decoration: underline;}
	td.footernav a:hover {font-size: 12px; color: #ff8c00; text-decoration: none;}
	#copyright {/* text-align: center; */}
	#copyright p {font-size: 11px; color: #2f4f4f; margin: 0; padding: 0;}
	#copyright a {font-size: 11px; color: #483d8b;}
	#copyright a:hover {color: #ffe4b5;}
	#copyright img {margin-bottom: -2px;}

