/* Global Reset */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
.backColor { background-color:#666666; }
.form1 {  background-color:#666666;  }
#aspnetform { background-color:#666666;  }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* Default Settings for Major Tag */

* 	{
	font-size: 12px;
	line-height: 1.3em;
	font-family: verdana, sans-serif;
}

body {
	height:100%;
	background: #e8e6df;
	padding:0px;
	margin:0px /* debug top space in ff*/
	text-align: center;
}

a 	{
	text-decoration: none;
}

a:hover {
	text-decoration: underline; 
}

p {
	padding: .7em 0em .7em 0em;
}

p.indent {
	margin: 0em 0em 0em 6em;
}

p.sm {
	font-size: .8em;
}

img.titlepad {
	margin: 0 0 .5em 0;
}

img.spad2 {
	float: left;
	margin: .4em 1em 3.5em 0;
}
img.short {
	float: left;
	margin: 0em 1em .2em 0;
}


.red {
	color: #8a1f10;
	font-weight: bold;
}
/* Specific ID Divs */

.divider {
	margin: 1em 0 1em 0;
	width: 550px;
	background: url(../images/dot.gif) repeat-x top left;
}
/*** Wrapper ***/
#center {
	width: 1000px;/* from 842 */
	margin:0px auto;
	/*background-image: url(../images/backbg.gif); removed sj*/ 
	/*background-repeat: repeat-y;*/
	text-align: center;
}

#back {
	width: 1000px;/* from 782 */
	margin: 0px;
/* form 0 30 0 30*/
	background: #ffffff;
	text-align: center;
}


/*** Header Area ***/
	
	#header {
		width: 1000px;/* from 782 sj */
		margin: 0px;
		padding: 0px;
		float: left;
		background-color:#EBE1C4;
		height:163px;
	}
	
	#branding {float:left; padding:0px; margin:20px 0px 0px 15px; } /* change from margin:20px 0px 0px 15px; */
	
	#logo {
		float: left;
		top: 0;
		left: 0;
		width: 152px;
		height:82;
	}
	
	#top {
		float: left;
		width: 630px;
		height: 46px;
		background: #ece2c5;
	}
	
	
	
	#admin {
		float: left;
		width: 630px;
		height: 36px;
		color: #ffffff;
		background: #0a0a0a;
		padding: .3em 0 0 0;
	}
	
	#admin .adminhdr {
		color: #ffffff;
		font-size: 1.2em;
		line-height: 1.8em;
		font-weight: bold;
		
	}
	
	#topnav {
		float: left;
		width: 630px;
		height: 36px;
	}

#loginTitle {
			color:#FFFFFF; 
			font-size: .9em; 
			font-weight:bold; 
			text-align:center; 
			padding:5px 0px 5px 0px;
			width: 100px;
			text-align: center;
		}
	
/* navigation list */
.navigationList { width:1000px; 
		 }
		 
.navigationList li {		
		position: relative;
		display: inline;
		float: left;
		list-style-type: none;
		text-align: center;
		
		}
		
.navigationList  a {
		color: #fff;
		padding: 9px 0 9px 0;
		background-color: #000;
		display: block;
		}


/* navigation */
		
#navigationDiv { float: left;
		width: 1000px;
		height: 35px;  /* from 35 to 34 changes height of top nav */
		background-color:#000;
		z-index:2;
		margin:0px;  /* added */
		 }

#navigationDiv a {
   		color: #fff;
		padding: 9px 4px 9px 4px;  /* from 10 top and bottom to no effect __sj*/
		background-color:#000 ;
		text-decoration: none;
		display: block;
		border-top: solid #000000 1px;
		border-bottom: solid #000000 1px;
		margin:0px;  /* added */
}

#navigationDiv a:hover {
   		color: #000;
		background-color: #fff;
		border-top: solid #000000 1px;
		border-bottom: solid #000000 1px;
		padding: 9px 4px 9px 4px; 
}

#navigationDiv a.selected {
   		color: #000;
		padding: 9px 4px 9px 4px;
		background-color: #fff;
		text-decoration: none;
		display: block;
		border-top: solid #000000 1px;
		border-bottom: solid #000000 1px;
		margin:0px;  /* added */
}

#navigationDiv li {		
		height: 23px;  /* sets height of all list items */
		position: relative;
		display: inline;
		float: left;
		list-style-type: none;
		text-align: center;
		
		}

#navigationDiv li a {
		color: #fff;
		font-size: .9em;
		text-decoration: none;
		padding: 10px 4px 10px 4px; /* controls top and bottoms padding */
		margin:0px;  /* added */
		background-color: #000;
		display: block;
		height: 13px;
		}


#navigationDiv li a:hover {
		color: #000;
		background-color: #fff;
		padding: 10px 4px 10px 4px;  /* added */
		margin:0px;  /* added */
		height: 13px;
		}
		
#navigationDiv li a.selected {
		color: #000;
		text-decoration: none;
		background-color: #fff;
		margin:0px;  /* added */
		height: 13px;
		padding: 10px 4px 10px 4px;  /* added */
		}


		#navItem_1 {
		width: 225px;
		margin: 0px
		line-height: 2em;
		}
		
		#navItem_2 {
		width: 155px;
		margin: 0px
		line-height: 2em;
		}
		
		#navItem_3{
		width: 153px;
		margin: 0px
		line-height: 2em;
		}
		
		#navItem_4{
		width: 158px;
		margin: 0px
		line-height: 2em;
		}
		
		#navItem_5 {
		width: 149px;
		margin: 0px
		line-height: 2em;
		}
		
		#navItem_6 {
		width: 160px;
		margin: 0px
		line-height: 2em;
		}
		
	/*second navigation*/
		/*-----------------------------------------------------------------------
		 * 		Second Tier Navigation
		 */	

		#secondnavigationCont { width:100%; text-align:left; margin:10px 0px 0px 25px; padding:0px; clear:none;} /* padding doesn't work in ie - margin works for ff  */
		
	

		.secondnav {		/* style on ul tag in asp */
		width: 100%;
		margin:0px;
		padding:0px;
		 
		}
		
		.secondnav li {
		margin: .2em 2.5em 0px 0; /* added for staging  */
		display: inline;
		float: left;
		list-style-type: none;
		text-align: center;
		line-height: 1.3em;
		}
		
		.secondnav li a {
		text-align:left;		
		font-family:Arial, Helvetica, sans-serif; 
		font-weight:bold;
		text-decoration:none; 
		font-size:1em; 
		color:#000000;
		}
		
		.secondnav li a:hover {
		color: #000000;
		text-decoration: underline;
		} 
		
		#secondNavContainer .secondnavselected a { color: #8a1f10; }	
							
		
		.secondnav .secondnavselected a {
		color: #8a1f10;
		}	
		
		#nav_boxofficeinfobuytickets, #nav_industryregistration a {
		color: #d54a4a;
		}
		 
	
	
	

	
/* footer nav START */	

/* navigation list */
.footerNavigationList { width:1000px; text-align:left; }
.footerNavigationList li {		
		position: relative;
		display: inline;
		float: left;
		list-style-type: none;
		text-align: center;
		
		}
		
.footerNavigationList  a {
		color: #333;
		padding: 8px 0 8px 0;
		display: block;
		background-color: #f4f4f4;
		}


/* navigation */
		
#footerNavigationDiv { float: left;
		width: 1000px;
		height: 40px;
		background-color: #f4f4f4; }

#footerNavigationDiv a {
   		color: #fff;
		background-color: #f4f4f4;
		/*padding: 10px 4px 10px 4px;*/
		text-decoration: none;
		display: block;
		
}

#footerNavigationDiv a:hover {
   		color: #000000;
		text-decoration: underline;
		
	
}

#footerNavigationDiv a.selected {
   		color: #000000;
		background-color: #f4f4f4;
		padding: 10px 4px 10px 4px;
		text-decoration: none;
		display: block;
		
}

#footerNavigationDiv li {		
		
		height: 23px;  /* sets height of all list items */
		position: relative;
		display: inline;
		float: left;
		list-style-type: none;
		text-align: center;
		
		}

#footerNavigationDiv li a {
		color: #333;
		background-color: #f4f4f4;
		font-size: .9em;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration: none;
		padding: 10px 4px 10px 4px; /* controls top and bottoms padding */
		display: block;
		}


#footerNavigationDiv li a:hover {
		color: #000000;
		text-decoration:underline;
		
		}
		
#footerNavigationDiv li a.selected {
		
		background-color: #f4f4f4;
		text-decoration: none;
		
		}


		#footerNavItem_1 {
		width: 113px;
		margin: 0px
		line-height: 2em;
		}
		
		#footerNavItem_2 {
		width: 150px;
		margin: 0px
		line-height: 2em;
		}
		
		#footerNavItem_3{
		width: 113px;
		margin: 0px
		line-height: 2em;
		}
		
		#footerNavItem_4{
		width: 115px;
		margin: 0px
		line-height: 2em;
		}
		
		#footerNavItem_5{
		width: 200px;
		margin: 0px
		line-height: 2em;
		}
		
		#footerNavItem_6{
		width: 113px;
		margin: 0px
		line-height: 2em;
		}

		.navdividers {
		padding: 10px 0px 10px 0px;
		background-color: #f4f4f4;
		}
		
/* FOOTER NAV END */
		

</style>



/*** BEGIN OLD LEFT NAVIGATION  ****/
/*	
	#left {
		width: 152px;
		margin: 0;
		padding: 0;
		background-image: url(../images/leftbg.gif);
		background-repeat: repeat-x;
		background-position: top left;
		float: left;
		overflow: visible;
		text-align: left;
		z-index: 10;
	}
	
	#left a {
		color: #000000;
		font-size: .9em;
	}
	
	#left .tiffgimg {
		float: left;
		padding: 3em 1em 3em 1em;
		
	}
	
	#leftinner {
		width: 136px;
		left: 0px;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	*/
/***     END LEFT NAVIGATIONS           ***/	
	
	#sidenav {
		padding: 0em 0 1em 0;
	}
	
	#quick {
		text-align: right;
	}
	
	#loginform {
		background: none;
		width: 330px;
		height: 118px;
		padding: 5px 0px 5px 0px;
		margin: 0px 60px 0px 0px;
	}
	
	#loginform a {
	text-decoration:none;
	}
	
	#titlePlacement { position:relative; left:-12px;  }
	#loginform input {
		color: #000000;
		padding: .2em 0em .2em 0em;
	}
	
	#loginform p {
		padding: .2em 0em .2em 0em;
	}
	.capsArial { color:#694f3a; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0px;padding:0px; }
	.capsArial a { text-decoration:none; }
	#forgotPlacement { position:relative; top:-12px; }
	.forgotPassword { color:#000; font-size:10px; }
	
	#loginParaPlacement { position:relative; left:64px; }
	#loginButton { width:58px;}
	#pwd{ position:relative; left:-14px;}
	
/*** Main Content Body ***/
	
	#main {
		float: left;
		background: #ffffff;
		width: 1000px;/*from 782  sj */
		margin: 0px;
		padding:0px;
		list-style-type: disc;
		list-style-position: inside;
		text-align: left;
		z-index: 1;
	}
	
	/***** Titles *****/
		#main p.titlz{ font-weight: bolder; font-size: 138%; margin: 10px 0px 10px 8px; }
		#main p.titlzSmall { font-weight: bolder; font-size: 110%; margin-left: 8px;  }
	/*** Paragraphs ***/
		
		
		#main p {
			color: #000000;
		}
		#main p.red {
			color: #8a1f10;
			font-weight: bold;
		}
		
	
		
	/*** Table Formatting ***/
	
		#main table.bd {
			border: solid thin #999999;
	
		}
		#main table.lg {
			margin: 0;		
		}
		#main table.lg td {
			margin: .2em .5em .2em .5em;
		}
		#main table.bd td {
			line-height: 1.8em;
			padding: .1em .5em .1em .5em;
			font-size: .9em;
		}
		#main tr.odd {
			background: #cccccc;
		}
		#main tr.hdr {
			background: #ebe1c4;
		}
	/*** Images ***/
		
		#main img.floatl {
			float: left;
			margin: 2em 0 0 33px;;
		}
	
	
	
/*** Top Image Section ***/

	/*** Image container ***/
		
		#imgCatProgramming {  }  /* imgcat container for imgcat on programming pages */
		
		#imgcat {
			float: left;
			width: 680px;/*from 548 from 660 sj _______________ie6 660px pushes 'whats playing' box down */
			padding: 0px;
			margin: 0px;
			background-image: url(../images/filmbg.gif);
			background-repeat: repeat-x;
			background-position: top left;
			z-index: 2;
			
		}
		
		
		
		#imgcat a {
			color: #ebe2c3;
			font-size: .9em;
			
		}
		#imgcat img{ padding:0px; margin:0px;
			background-image: url(../images/filmbg.gif);
			background-repeat: repeat-x;
			background-position: top left;
			z-index: 2;
			height:179px;
			width:348px;
			
		}
		
		/* inline style in img tag was:
		style="border:solid 1px red;height:179px;width:348px;border-width:0px;margin:0px;padding:0px;"  */
	/*** Formatting Internal Images ***/
		
		#imglrg {
			float: left;
			width: 348px;
			height: 200px;
			margin: 0 0 0 30px; /* changed from 33 sj */
			background: #333333;
			
		}
		#imgsmcon {
			float: left;
			margin: 0 0 30px 5px; /* changed from .3 em sj */
			width: 174px;
			height: 200px;
			padding: 0 0 .3em 50px;
		}
		#imgsm {	
			width: 174px;
			height: 100px;
			background: #333333;
			margin-bottom: .1em;
		}
		
		
		#imglrg p { padding:0px; }
		#imgsm p { padding:0px; }

/*** Left Hand - Sub Content ***/
	
	/*** Main Content Container ***/
		
		#content {
			float:left;
			padding:15px 0px 0px 0px;
			margin: 0px 23px; /* 23 put in for 33 sj */
			width:950px;
			
		}
		
		/* #content table td img { padding:0px; } */
		
		#circuitContent { float:right; width:725px; padding:0px 0px 0px 0px; margin: 0px 23px; }


		#content hr {clear: both; visibility: hidden;}
		
		#content a {
			color: #8a1f10;
			font-weight: bold;
		}
		#content .orangedotpadleft {
			margin: 0 2em 0 2em;
		}
		#content .orangedotpadleftdn {
			float: left;
			margin: .8em 2.3em 1em 2em;
		}
		
		#content .noindent {
			margin: 0 1em 0 0em;
		}
		#content img.pad {
			float: left;
			margin: .4em 1em .1em 0em;
		}
		#content img.padl {
			float: left;
			margin: -.5em 0em .5em 0em;
		}
		#admin_part td {
			font-size: .8em;
		}
	
	/***  CONTENT SEPERATORS FOR USE IN COPY DECK ***/
		/* RIGHT INSET PANELS use the following if you need a small(250px width) info panel to sit on right side  */
.content_left{				
			float: left;
			margin: 0px;
			width: 770px; /* changed from 675  */
			
			}
	
.content_right { 		  /*used on divs to float content to the right */
			float: right;
			margin: 5em 0 0 2em;
			padding:0px;
			width:250px;
			
			}
	/* styles for within the panel box  */
	
.panelBox { 
			margin: 0px 10px 0px 0px;
			padding: 5px 7px 5px 7px;
			background: #f4f4f3;
			width:250px;  }

.rightPaneltitle { background-color:#000000; 
margin: 0px 10px 0px 0px;
color:#FFFFFF; 
font-size: .9em; 
font-weight:bold; 
text-align:center; 
padding:5px 0px 5px 0px;
width: 264px;}	

/* PROGRAMMER PASSWORD CHANGE BOX  */

#changePwdInner { padding:8px 8px 15px 12px; line-height:105%; } 
#changePwdContainer { position:relative; } 

/*** Right Container - Support ***/
		#supprightcon {
			float: right;
			margin: 2em 0 0 15px;
			width: 250px;
		}
		.supprightconPushTop { /* added to apply to content to bring supprightcon to the top when applied to content on the left */
			float: left;
			margin: 0px;
			width: 675px;
		
		}
		
		
		
		#suppright {
			float: right;
			margin: 2em 0 0 0;
			padding: 0;
			background: #f4f4f3;
		}
		#suppright p {
			padding: 0 1em 0 1em;
		}
		#suppright img.spad {
			float: left;
			margin: .4em 1em 4em 0;
		}

		
/** style not being used **/
.leftPanelContent { 	
			float: left;			/* place this on right content insets */
			margin: 0px 0px 0px 15px;
			width: 250px;   }
	
/*  END OF PANEL INSET STYLES ****/


	/*** Breadcrumbs ***/
		#breadcrumb {
			float:right;
			position:relative;
			top:28px; /* changed from 43 for dev, needs to be lifted for staging*/
			left:-8px;
			color: #999999;
			font-size: .9em;
			font-weight:bold;
			text-align: right;
			padding: 5px 13px 5px 0px;
			
		}
		#breadcrumb a {
			color: #8a1f10;
			font-size: .9em;
			font-weight:bold;
			line-height: 1.5em;
			text-decoration: none;
		}
		#breadcrumb a:hover {
			text-decoration: underline;
		}
		
		/* styles bread crumbs for programmer pages  */ 
		
		#breadCrumbProgContainer .loggedIn { position:relative;top:-74px;float:right; }
		
		#breadCrumbProgContainer { position:relative;top:-42px;float:right; }
		
	/*** Content Left Container ***/
		#contentleft {
			float: left;
			width: 600px;   /* ie6 fix__________________________________*/
			margin:0px 0px 30px 7px;
			padding:0px;
			
		}
		
		#contentleft a {
			padding: 0;
			margin: 0;
			display: inline;
		}
		
	ul .bodyLinks { margin:10px;
			padding:10px; }
		
		#contentleft ul {  /* this doesn't work  */
			margin: 10px; padding: 10px; line-height: 150%; width: 500px;
		}

		/* #contentleft ol {
			list-style: decimal outside;
		} */
		
		#contentleft .bodyList li {  /* this doesn't work  */
			display: block;
			line-height:120%;
 			padding-left: 20px;
			 font-size:.9em;
			 list-style:circle;
			list-style:none;
  			background: #fff url('/images/orangedotForList.gif') left center no-repeat;
			/* height: 1.5em;*/
			
			
		}
			
	/*** Right Container ***/
		#contentrightcon {
			float: right;
			margin: 0px;
			width: 275px;
		}
		#contentright {
			float: left;
			width: 275px;
			padding: 0;
			margin-left:20px;
			/*background: #f4f4f3;*/
		}
		#contentright p {
			padding: .4em .4em .4em .4em;
			width:240px;  /* added sj */
		}	
		
		#contentright img.padr {
			float: right;
			padding: .1em .1em .1em .1em;
		}
		#contentright a {
			color: #8a1f10;
			font-weight: bold;
		}
		
		#righttitle {			/* rightpaneltitle is the class being used for new right panels SJ */
			background: #333333;
			padding: .4em .4em .4em .4em;
			text-align: center;
		}
		
		/*#righttitle */
		.filmDesc { width:240px; margin-left:20px; }
		
	/* the what's playing control  styles on div in whatsplaying.ascx */
		#rightTitleWhatsPlay {  background-color:#000000; color:#FFFFFF; font-size: .9em; height:19px;font-weight:bold; text-align:center; padding:5px 0px 5px 0px;width:264px;margin:0px; }
		
		/*#whatPlayingWrapper { margin:20px 10px 0px 0px; z-index:5001; width: 265px;  } taken from inline and transferedto .css */
		.whatPlaying { 
			float: right;
			width: 265px;  /* from 270 for ie6_sj*/
			padding: 0;
			margin:0px;
			background: #f4f4f3;
			position:relative;
			left:-10px;
			
			/*margin:0px 12px 0px 0px;  margin changed for ie6 doesn't work */
			z-index:7000;
			 }
		
		
		.whatPlaying a { color: #8a1f10; font-weight: bold; }
		.whatPlaying p {
			padding: .4em .4em .4em .4em;
			margin-left:13px;
		}
		
	/****     SCHEDULE STYLES ****/
		#scheduleContainer { text-align:center; }
		
		#schedule {
			margin: 0em 33px 0 33px;
		}
		#schedule p {
			font-size: .9em;
		}
		#schedule table, tr, td {
			border: none;
			padding:5px;  /* from 8px sj  */
			text-align:left;
		}
		
		#schedule th { background-color:#CCCCCC; font-size:90%; padding:3px 8px 3px 8px; text-align:left;}
		
		.classOnAspGrid td{ border-bottom:solid 1px #666666; } /* via CSSCLASS  border control here*/
		
		#schedule table#GridView1	{
			border-width: 0px;
			border-style: none;
		}
		#schedule table#GridView1 td {
			padding: .2em;
			font-size: .8em;
			border-width: 0px;
			border-style: none;
		}
		#schedule table#GridView1 th {
			padding: 5px;
			font-size: .9em;
			border-width: 0px;
			border-style: none;
		}
		#schedule table#GridView1 span {
			font-size: 1em;
		}
		#schedule table#GridView1 a {
			font-size: 1em;
		}
		#schedule form a {
			color: #8a1f10;
			font-weight: bold;
		}			
		#schedule input {
			margin: .5em 0 0 0;
		}
		#schedule .searchHeading {
			font-weight: bold;
			font-size: .9em;
		}
			
		#schedule .domestic {
			padding: 0;
			margin: 0;
			border: thin #666666;
			padding: .4em 2.2em .1em 2.2em;
			color: #8a1f10;
			font-weight: bold;
			font-size: 10px;
			background: snow;
			border-bottom: solid gray 1px;
			border-top: solid gray 1px;
			border-left: solid gray 1px;
			border-right: 0;
			background: snow;
		}
		#schedule .international {
			padding: 0;
			margin: 0;
			border-bottom: solid gray 1px;
			border-top: solid gray 1px;
			border-right: solid gray 1px;
			border-left: 0;
			padding: .31em 1em .2em 1em;
			color: #8a1f10;
			font-weight: bold;
			font-size: 10px;
			background: snow;
		}
	/*** Left Container - Support ***/
	
		
		#suppleft {
			float: left;
			margin: 0em 0 0 0;
			width: 295px;
		}
		
		#suppleft img.pad {
			padding: .2em .2em .2em 0;
		}
	
	/*** Left Container - Vote ***/
	
		#voteleft {
			float: left;
			margin: 0;
			width: 348px;
		}
	/*** Right Container - Vote ***/
		#voterightcon {
			position: relative;
			float: left;
			margin: 1.8em 0 0 15px;
			width: 200px;
		}
		#voteright {
			float: left;
			margin: 0;
			padding: 0;
			background: #f4f4f3;
		}
		
		#voteright p {
			padding: 0 1em 0 1em;
		}
	/*** Showcase ***/
		#showcase2006 {
			font-size: .9em;
		}
	
/*** Sponsor Area ***/
	#sponsors {
		float:right; /* changed from clear both */
		margin: 25px 58px 5px -8px;
		/*border: 1px solid #ccc;*/
		width: 225px;
		text-align:center;
		padding:0px 0px 10px 0px;
	}

	#sponsorsBox { float:right; }
	
/*** Main Footer ***/
	#padder {
		clear: both;
		margin: 3em 0 0 0;
	}
	#footer {
		clear: both;
		padding: 0px 0px 30px 0px;
		text-align: left;
		/*background: #f4f4f3;*/
		z-index: 20;
	}
	/* links underneath Footer links */
	#footer a { color:#8A1F10;font-weight:bold;font-size:85%; }
	#footer a:hover {text-decoration:underline; }
	
		.navdividersLinks {
		margin: 0em .5em 0em .5em;
		background-color: #f4f4f4;
		font-weight:normal;
		}
	
	/*#footer .copy {
		text-align: left;
		font-size: .8em;
	}
	#footer .copy a {
		font-size: 1em;
	}
	#footer a {
		font-size: .8em;
		color: #8a1f10;
	}*/

	#footer p {padding-top: 12px;}
/*** CSS MENU Navigation ***/
	
	#nav a {
		color: #ebe2c3;
		text-decoration: none;
	}
	
	#nav a:hover {
		color: #000000;
	}

	#nav a.insetb {
		color: #000000;
		text-decoration: none;
		font-size: .9em;
		padding-right: 16px;
		padding-bottom: 1em;
	}
	
	#nav a.inset {
		color: #000000;
		text-decoration: none;
		font-size: .9em;
		padding-right: 16px;
	}
	
	#nav a.inset2 {
		color: #000000;
		text-decoration: none;
		font-size: .9em;
		padding-right: 16px;
	}
	
	#nav a.inset:hover {
		text-decoration: underline;
	}
	#nav a.inset2:hover {
		text-decoration: underline;
	}
	#nav a.insetb:hover {
		text-decoration: underline;
	}

		/**LEFT NAV STYLES   ****/
		
		/**BASED EXACTLY ON SECOND NAV STRUCTURE  - DOESN'T WORK 
		
		#navContainer  { border-top: 1px solid rgb(102, 102, 102); 
		border-bottom: 1px solid rgb(102, 102, 102); 
		padding: 8px 0px; 
		margin:8px 24px 100% 0px;
		height:100%;
		float: left; width: 150px; }
		
	 .navigationleftside li {
			display: block;
			line-height:120%;
 			 height: 1.5em;
 			 padding-left: 20px;
			 font-size:.9em;
			 list-style:none;
  			background: #fff url('/images/orangedotForList.gif') left center no-repeat;
		}
		
		 .navigationleftside li a {
		color: #666666;
		}
		
		 .navigationleftside li a:hover {
		color: #000000;
		text-decoration: underline;
		} 
		
		.navigationleftside .secondnavselected a {
		color: #000000;
		}	
		
		/*** SECOND NAV END ***/
/***	

/** t THIS ONE WORKS BUT DOESN'T FOR THE SELECTED OPTION  **/
	/**LEFT NAV STYLES   ****/
		
			#navContainer  {  /* left nav container */
		/*border-top: 1px solid rgb(102, 102, 102); 
		border-bottom: 1px solid rgb(102, 102, 102);*/ 
		padding: 8px 0px; 
		margin:18px 24px 100% 0px;
		height:100%;
		float: left; 
		width: 150px; }
		
		
		#navContainer  li {
  			display: block;
			line-height:120%;
 			 height: 1.5em;
 			 padding-left: 20px;
			 font-size:.9em;
			 list-style:none;
  			background: #fff url('/images/orangedotForList.gif') left center no-repeat;
		}
		
		#navContainer  li a {
  			color: #666666;
			}
		
		#navContainer li a:hover {
		text-decoration:none;
		color: #000000;
		/*list-style:none; list-style-image:url('/images/orangedotForList.gif'); list-style-position:outside; don't need this line */ 
		}
		
		/*.navigationleftside .subSelected a { color: #000000; } this doesn't work*/
		
		#navContainer .subSelected a  { color: #000000; } /* this is the one that works  */
		#navContainer .selected a { color: #000000; } /* this one is for the javascript */
		
	/*	#navContainer li a.subSelected { color: #000000; }   tried but did not work */

/** LEFT NAV STYLES END  ***/			
/* defaut styles - these effect the layout */
	
	ul {
		margin: 0px;
		padding: 0;
		list-style: none;
		/*width: 152px;*/
		background: none; 
		}


	ul li {
		position: relative;
		}
		
/*	li ul {
		position: absolute;
		left: 152px; 
		top: 0;
		display: none;
		}
	
*/