/* Global Features */
#header{height:120px; background-color:#fff; margin:0 auto; padding:0;position:fixed; width:100%; z-index: 1000; top:0px; border-bottom:2px solid #646E2F;}
#headerContent{width:1360px; padding:0; margin:0 auto; position:relative;}
a{color:#000; text-decoration:none;}
a:hover{color:#ff0000;}
.activeClass {color:#ff0000;}
h1{font-family:Georgia, times, serif; font-size:18px; letter-spacing:1px; color:#000; font-weight:normal; font-variant:small-caps;}
#shell a{color:#ff0000;}
embed{z-index:101;}
#content a{color:#ff0000; text-decoration:none;}
#content a:hover{text-decoration:underline;}
body{height:100%;}
html{height:100%;}
#footer{height:500px; background-color:#fff; position:fixed; width:100%; z-index: 1000; top:500px; border-top:2px solid #646E2F; pading:5px; font-size:10px; color:#333;}
#tinyForm{float:right;margin:10px 200px 0px 0px; font-family:verdana; font-size:10px; padding:0px;}
input{color:#aeaeae; margin:0px padding:0px;}

#nav{width:1090px; position:absolute; top:72px; left:280px;}

/* BlogStyles */
#sidebar{width:300px; float:left;position:absolute; top:150px; left:980px; background-image:url(http://www.jxmckenzie.com/grandmothersHTML2/images/transBG.png); background-repeat:repeat-y; margin:0px; padding:8x; color:#333;}
#sidebar3{width:300px; float:left;position:absolute; top:150px; left:980px; background-image:url(http://www.jxmckenzie.com/grandmothersHTML2/images/transBG.png); background-repeat:repeat-y; margin:0px; padding:8x; color:#333;}
#sidebar ul li h2{text-transform:uppercase; font-size:12px; font-family:georgia, times, serif; font-weight:normal; list-style-type:none;}
ul{list-style-type:none; padding:0px; font-family:verdana; font-size:10px;}
li{list-style-type:none; margin:10px 10px 0px 14px; padding:0px; font-family:verdana;}
#textwidget{font-family:verdana; font-size:10px;}

/* Nav Elements */

/* a.home {display: block; width: 40px; height: 15px; text-decoration: none;background: url("images/nav/home.gif"); float:left; margin:0px 2px 0px 8px;}
a.home:hover {background-position: 0 -15;}
.home{width: 40px; height: 15px; background: url("images/nav/home.gif"); float:left; background-position: 0 -10;}*/


a.home{width:40px; height:15px; float:left; margin:0px 5px 0px 8px; background-image:url(images/nav/home.gif); background-position:0px 15px; overflow:hidden; background-repeat:no-repeat;}
.homeOn{width:40px; height:15px; float:left; margin:0px 5px 0px 8px; background-image:url(images/nav/home.gif); background-position:0px 0px; overflow:hidden; background-repeat:no-repeat;}

a.about{width:46px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/about.gif); background-position:0px 15px;overflow:hidden; background-repeat:no-repeat;}
.aboutOn{width:46px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/about.gif); background-position:0px 0px;overflow:hidden; background-repeat:no-repeat;}

a.trailer{width:55px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/trailer.gif); background-position:0px 15px; overflow:hidden; background-repeat:no-repeat;}
.trailerOn{width:55px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/trailer.gif); background-position:0px 0px;overflow:hidden; background-repeat:no-repeat;}

a.grandmothers{width:140px; height:13px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/grandmothers.gif); background-position:0px 15px; overflow:hidden; background-repeat:no-repeat;}
.grandmothersOn{width:140px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/grandmothers.gif); background-position:0px 0px;overflow:hidden; background-repeat:no-repeat;}

a.filmmakers{width:84px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/filmmakers.gif); background-position:0px 15px; overflow:hidden; background-repeat:no-repeat;}
.filmmakersOn{width:84px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/filmmakers.gif); background-position:0px 0px; overflow:hidden; background-repeat:no-repeat;}

a.blog{width:33px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/blog.gif); background-position:0px 15px; overflow:hidden; background-repeat:no-repeat;}
.blogOn{width:33px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/blog.gif); background-position:0px 0px; overflow:hidden; background-repeat:no-repeat;}

a.screenings{width:78px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/screenings.gif); background-position:0px 15px; overflow:hidden; background-repeat:no-repeat;}
.screeningsOn{width:78px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/screenings.gif); background-position:0px 0px; overflow:hidden; background-repeat:no-repeat;}

a.buyDvd{width:65px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/buyDvd.gif); background-position:0px 15px; overflow:hidden; background-repeat:no-repeat;}
.buyDvdOn{width:65px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/buyDvd.gif); background-position:0px 0px; overflow:hidden; background-repeat:no-repeat;}

a.resources{width:71px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/resources.gif); background-position:0px 15px; overflow:hidden; background-repeat:no-repeat;}
.resourcesOn{width:71px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/resources.gif); background-position:0px 0px; overflow:hidden; background-repeat:no-repeat;}

a.contact{width:65px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/contact.gif); background-position:0px 15px; overflow:hidden; background-repeat:no-repeat;}
.contactOn{width:65px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/contact.gif); background-position:0px 0px; overflow:hidden; background-repeat:no-repeat;}
.currentPage{border-bottom:1px solid #AAB260; height:12px;}
input{margin:0px; padding:0px;}
img{border:0px;}
a img{border:0px;}

a.newsPress{width:78px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/newsPress.gif); background-position:0px 15px; overflow:hidden; background-repeat:no-repeat;}
.newsPress{width:78px; height:15px; float:left; margin:0px 6px 0px 6px; background-image:url(images/nav/newsPress.gif); background-position:0px 0px; overflow:hidden; background-repeat:no-repeat;}
.newsPress{height:12px;}



/* DropDowns */

li.off{
	padding:0px 3px 0px 3px;
	}
li.on{
	padding:0px 3px 0px 3px;
	}

/*"on" keeps subnav displayed, not used but styled below*/
	#screen {
		position:absolute;
		top:66px;
		left:280px;
	}

	#screen li.on ul, #screen li.off ul {
		margin: 0;
		padding: 0;
	}

	#screen li {
		/*float the main list items*/
		margin: 0;
		float: left;
		display: block;
	}
	
	
	#screen li.active img{
		/*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		border-top:1px solid #000;
	}

	#screen li ul {
		display: none;
		width:140px;
		line-height:0px;
	}

	#screen li ul.gma {/*just for gmas DD!!! */
		display: none;
		width:160px;
		line-height:0px;
	}
	
#screen li.off ul, #screen li.on ul {
	/*put the subscreen below*/
		position: absolute;
		top: 0px;
		*top: 0px;
		padding-top:5px; /*padding to top of the drop down, ie not get it all up in main*/
		*padding-top:0px;
	}

#screen li.off ul.gma{
	/*put the subscreen below*/
		position: absolute;
		top: 10px;
		*top: 15px;
		*left:192px;
		padding-top:9px; /*padding to top of the drop down, ie not get it all up in main*/
		*padding-top:2px;
	}
#screen li.on ul.gma{
	/*put the subscreen below*/
		position: absolute;
		top: 10px;
		*top: 15px;
		*left:192px;
		padding-top:9px; /*padding to top of the drop down, ie not get it all up in main*/
		*padding-top:2px;
	}
#screen li.off ul.screen{
	/*put the subscreen below*/
		position: absolute;
		top: 10px;
		*top: 15px;
		*left:610px;
		padding-top:7px; /*padding to top of the drop down, ie not get it all up in main*/
		*padding-top:2px;
	}
#screen li.on ul.screen{
	/*put the subscreen below*/
		position: absolute;
		top: 10px;
		*top: 15px;
		*left:610px;
		padding-top:7px; /*padding to top of the drop down, ie not get it all up in main*/
		*padding-top:2px;
	}
	#screen li a {
		font-weight: bold;
		display: block;
		height: 17px;
		*height:30px;
		padding: 5px;
	}
	#screen li ul li a {
		display: block;
		height: 5px;
		*height:0px; /*Change this for IE, affects dropdown link heights*/
		*margin:0px;
	}
	#screen li.on a {
		color:#7a8566;
	}
	#screen  li ul li a:hover{
		color:#fff;
	}

	#screen li.on ul a, #screen li.off ul a {
		color: #77803d;
		width: auto;
	}

	#screen li.on ul {
		display: block;
	}

	#screen li.off:hover ul {
		display: block;
		z-index: 6000;
				}
				
#screen li.off ul, #screen li.on ul {
  /*put the subscreen below*/
  top: 15px;
  *top: 25px; /*reposition for IE*/
}

#screen li.off:hover ul, #screen li.over ul { 
  display: block;
  z-index: 6000;
}
#screen li.off a:hover,
#screen li:hover a,
#screen li.over a {
}
#screen ul li ul{
}


#sidebar_home{
	width:350px;
	padding:10px;
	font-family:verdana;
	font-size:11px;
	line-height:15px;
	position:absolute;
	top:150px;
	left:892px;
	z-index:500;
	background-image:url(http://www.forthenext7generations.com/images/transBG.png);
	background-repeat:repeat;
}