@charset "UTF-8";
/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/grainybg_lo.jpg);
	background-repeat: repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-color: #2b2b2b;
	
}

* { 
	outline: none; 
	}


.mainPage #container {
	/* background-image: url(images/container_bg.jpg);*/ 
	width: 1070px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 57px; /* the auto margins (in conjunction with a width) center the page */
	
} 


.navbar {
	margin-bottom: 20px;
	margin-left: 50px;
	margin-top: 0px;
	}


	
.films_navbar {
	margin-bottom: 75px;/* ie only */
	margin-left: 50px;
	margin-top: 0px;
	}
	/* HACK reset margins back to what they should be for compliant browsers */
html>body .about_navbar  {margin-bottom: 55px;}
	
.contact_navbar {
	margin-bottom: 141px;/* ie only */
	margin-left: 50px;
	margin-top: 0px;
	}
	/* HACK reset margins back to what they should be for compliant browsers */
html>body .about_navbar {margin-bottom: 121px;}
	
.nn_navbar {
	margin-bottom: 73px;/* ie only */
	margin-top: 0px;
	}
	/* HACK reset margins back to what they should be for compliant browsers */
html>body .about_navbar {margin-bottom: 53px;}
	


#two_col { margin:0px 0px}
	
.mainPage #leftside {
	float: left; /* since this element is floated, a width must be given */
	width: 530px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
}

 #leftside img.dotlogo {
	margin-top: -30px;  /* ie only */
	
	background-color: #339966;
}
/* HACK reset margins back to what they should be for compliant browsers */
html>body #leftside img.dotlogo {margin-top: 0px;}


.mainPage #rightside { 
	margin: 0 0 0 540px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the leftside div contains, the column space will remain. You can remove this margin if you want the #rightside div's text to fill the #leftside space when the content in #leftside ends. */
} 

#nn_leftside {
	float: left; /* since this element is floated, a width must be given */
	width: 580px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
}


#nn_rightside { 
	margin: 0 0 0 590px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the leftside div contains, the column space will remain. remove this margin if you want the #rightside div's text to fill the #leftside space when the content in #leftside ends. */
} 


#nn_leftside .about_copy {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 5px 63px 12px 5px;
	text-align:justify;

}

#leftside .about_copy-nojust {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 5px 63px 12px 5px;
	text-align:left;

}
#nn_leftside .news_copy {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 5px 33px 12px 5px;
	padding-bottom: 15px;
	border-bottom: 1px;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	

}

#nn_rightside .news_copy {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:  #1B1B1B;
	line-height: 1.4em;
	font-size: 1em;
	font-style: normal;
	border-bottom: 1px;
	border-bottom-color:#1B1B1B;
	border-bottom-style: dotted;
	border-top: 1px;
	padding-top: 27px;
	border-top-color: #1B1B1B;
	border-top-style: dotted;
	padding-bottom: 27px;
	margin: 0 70px 0 40px;
	
}

.nlink {color: #FFFFFF;}

#nn_rightside .odd_news_copy {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:  #1B1B1B;
	line-height: 1.4em;
	font-size: 1em;
	font-style: normal;
	padding-bottom: 27px;
	padding-top: 27px;
	margin: 0 70px 0 40px;
	
}


#nn_top {
	background-image:url(images/nn_bg_top.gif);
	background-repeat: no-repeat;
	}
	
#nn_bod {
	background-image: url(images/nn_bg_tile.gif);
	background-repeat: repeat-y;
	padding: 0px 95px 0px 20px;
	}
	
#nn_bot {
	background-image:url(images/nn_bg_bot.gif);
	background-repeat: no-repeat;
	}
	
.greeting {
	font-family:  Helvetica, Arial, sans-serif;
	color: #F6F6F6;
	line-height: 1.7em;
	font-size: 1em;
	font-style: normal;
	margin: 15px 66px 15px 16px;
	}
	
	
#leftside .about_copy {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 5px 40px 12px 5px;
	text-align:justify;

}

#rightside .about_copy {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 5px 72px 12px 5px;
	text-align:justify;

}

#rightside .about_copy-low {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 298px 72px 12px 5px;
	text-align:justify;

}
	
	
	
.mainPage #footer {
	background-image: url(images/panel_iodine.jpg);
	background-repeat: no-repeat;
	height: 340px;
} 
.panel_story {
	padding: 80px 0px 0px;
	margin-left: 472px;
	width: 250px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .7em;
	line-height: 1.6em;
	color: #FFFFFF;
}

 .panel_news {
 	padding: 70px 0px 0px;
	float: right;
	width: 215px;
	margin-right: 44px; /*ie only*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .7em;
	line-height: 1.6em;
	color: #CCCCCC;

}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .panel_news {margin-right: 90px;}

.but_indent {
	margin-left: 95px;

	}


.film_title {
margin-top: 15px;
margin-bottom: 8px;
}

.notable_title {
margin-top: 0px;
margin-left: 22px;

}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.budge {
	margin-right: 22px;
	margin-top: -43px;
	}
	
	
	
.legal { 
	background-image: url(images/logos_affiliates.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-top: 17px;
	padding-left: 25px;
	font-size: .6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	color: #555555;
	padding-bottom: 15px;
	}
.legal a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555; text-decoration: none; font-size: 0.8em; }

.legal a:hover {text-decoration: underline;}