/* note: menu and context lists need separate styles the context need wider margins because of the longer lines, the menus need less
*/

hr { background: black }


div.sidecontext
{
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	margin-bottom: 24px
}

div.sidecontext ul
{
/* does not work with em, perhaps because em inherits like percentage, used ex units */
	/* margin-left: 1em;  Moz ignores margin-left on list item indention, must use padding-left, however IE will combined margin and padding, so the solution is to use padding for both ??? */
    padding-left: 0;
	margin-top: 0;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 1.5em; /* leave typical line spacing below list, opera seems to need this, Moz is okay */
	/* background req */
	color: #666699;
}

div.sidecontext li
{
	/* list-style-image: url('../img/misc_arrow2.gif'); */
	list-style-image: none;
	list-style-type: none;
   	margin-left: 0;
	margin-bottom: 12px;
	font-size: 11px;
}

div.sidecontext li a:link, div.sidecontext li a:visited
{
	text-decoration: underline
	/* background: url('../img/misc_arrow2.gif') no-repeat center left; */
	/* padding-left: 24px; for use with background arrow */
	/* display: block; displaying block in IE5.5 adds huge vertical space */
}

div.sidecontext li a:hover {
	
	/*
	color:#000;
		background:#eeeeee;
		border: 1px #ccc solid;
		*/
	/*
	color:#fff;
		background:#666699;
		*/
	/*
		color:#000;
		background:#fff;
		*/
	
	color: #cc6600;
	text-decoration: underline
	/* 
	
	
	background: #f5f5fa;
	color: #000066;
	
	text-decoration: none; for use with background bullet */

	}
	
div.sidecontext h3 {
	margin-bottom: 6px;
	/* border-bottom: 1px black solid; */
	color: black;
	font-size: 12px;
 	font-weight: bold;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-align: center;
	text-transform: uppercase
}

div.sidecontext p {
	margin-left: 6px;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

div.sidecontext a {

	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	
	}

.prime {
	margin-top: 32px;
}

/************* begin context nav styles ************/
    .contextnav { 
    background: #ffffcc;
    text-align: left;
    padding: 12px 12px 12px 12px;
    }
    
    .contexthed {
        color: black;
        font-size: 13px;
        font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular
    }
    
    .context {
    /* border: 1px black dashed; */
    background: transparent;
     color: black;
     font-size: 13px;
     padding: 1px 1px 1px 1px;
     margin: 4px 4px 1px 3px;
     font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
   }
    
    .contexthomenav {
    color: black;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular
    }
/************* end context nav styles ****************/
    
.filminfobox {
/* line-height: 1.3em */
}

.sitefooterbg { background: #eee; border-top: 1px solid black }

.fineprint { font: 11px Verdana }

.recfilmsbox {
    /* border: 1px black dashed; */
    background: transparent;
     color: black;
     font-size: 13px;
     padding: 1px 1px 1px 1px;
     margin: 4px 4px 1px 3px;
     border: 1px;
     font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
   }
   
   /* styles for stream menu */
	.streamtime { font-size: 12px; color: black; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular }
	.streamformat {font-size: 12px; color: black; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular }
  
  /* new styles for homepage, featured film */
  
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px
	}
	
.featured_hed {
color: #FFFFFF;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif
}

	.shortdescribe {
	}
	
	.guideline {
	 font-style: italic;
	 font-weight: normal;
 	 font-size: smaller
	}
	
	.quickstart {
	
	}
	
	/* transcript notes */
	.popup {
		font-size: 18px;
		color: blue;
		background: #eeeeee;
		margin: 3px;
		/* border: 3px blue solid; */
		text-decoration: none
	}
	.popup-old {
		font-size: 18px;
		color: orange;
		background: #eeeeee;
		margin: 3px;
		border: 3px orange solid;
		text-decoration: none
	}
	
	/* wiki */
	
	.wikicontextbox {
		background: #eee;
	
	}