/*********************************/
/* RESET BROWSER DEFAULT STYLING */
/*********************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; font-family:inherit; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; font-size:100%; vertical-align:baseline;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
strong {font-weight:bold;}
em {font-style:italic;}
caption, th, td {font-weight:normal; text-align:left;}
:focus {outline:0;}
form {display:inline;}
table {border-collapse:separate; border-spacing:0; line-height:0;}

 /* PAGE LAYOUT */
		
html, body {
	background: #979392 url(/img/gradient.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font: 12px arial, verdana, sans-serif;
	}
div#container {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	}
div#head {
	margin: 0;
	padding: 0;
	}
div#head div.logo {
	width: 585px;
	height: 80px;
	margin-top: 25px;
	float: left;
	}
div#head div.city {
	width: 210px;
	height: 78px;
	margin-top: 27px;
	float: left;
	}
div#body {
	width: 770px;
	background: #FFF;
	margin: 0;
	padding: 15px 15px 25px;
	border-top: 1px solid #9B9796;
	color: #222;
	line-height: 18px;
	}
div#body div.title {
	background: #F7941D;
	padding: 5px 7px;
	color: #FFF;
	font: bold 16px arial, verdana, sans-serif;
	}
div#body div.header {
	color: #333;
	font: 18px arial black, verdana, sans-serif;
	line-height: 18px;
	}
div#body p {
	margin: 12px 0 0;
	}
div#body li {
	list-style-type: disc;
	margin: 5px 0 0 2.2em;
	}
div#body .tableTop,
div#home .tableTop {
	background: #F7941D;
	padding: 5px 10px;
	color: #FFF;
	font: bold 14px arial, verdana, sans-serif;
	}
div#body .tableTop h1{
	background: #F7941D;
	padding: 1px 5px;
	color: #FFF;
	font: bold 20px arial, verdana, sans-serif;
	}
#benifitsInfo{
	position:relative;
	padding-right:300px;
}
#home #benifitsInfo {padding-right:0;
padding-top:10px;
}

#benifitsInfo li{
	margin-left:1.2em;
}
#benifitsInfo .donateForm{
	right:10px; top:0px;
	position:absolute;
	width:280px;
	border:1px solid #F7941D;
	
}
div#home #benifitsInfo .donateForm{
	right:auto; top:auto;
	position:relative;
	width:auto;

}
#benifitsInfo .donateForm p{
	margin:0;
}
div#body .tableGrid {
	padding: 3px 10px 10px;
	border: 1px solid #F7941D;
	border-top-width: 0;
	color: #333;
	font: 12px arial, verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
	}
div#body .tableGrid li {
	list-style-type: disc;
	margin: 5px 0 0 1.2em;
	}
div#body div.program {
	height: 100%;
	margin: 18px 0 0;
	padding: 0 0 20px;
	display: table;
	clear: both;
	}
div#body div.program div.img {
	width: 250px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	}
div#body div.program div.copy {
	width: 510px;
	padding: 0;
	font-size: 11px;
	float: left;
	}
div#body div.program div.title {
	background: #F7941D;
	padding: 5px 7px;
	color: #FFF;
	font: bold 16px arial, verdana, sans-serif;
	}

 /* HOME PAGE LAYOUT */

div#topRotation {
	width: 800px;
	height: 260px;
	background: #FFF;
	}
div#topRotation div {
	width: 800px;
	height: 260px;
	background: #FFF;
	}
div#topRotation img {
	height: 260px;
	}
div#topRotation div span {
	height: 30px;
	background: #000;
	padding-right: 10px;
	opacity: .8;
	display: block;
	position: absolute;
	color: #FFF;
	font-weight: bold;
	line-height: 30px;
	text-indent: 10px;
	bottom: 10px;
	right: 10px;
	z-index: 4;
	}
div#home {
	width: 800px;
	background: #FFF;
	margin: 0;
	padding: 10px 0 25px;
	display: table;
	color: #333;
	font: 11px arial, verdana, sans-serif;
	line-height: 18px;
	}
div#home div.leftColumn {
	width: 350px;
	margin: 0 20px 0 10px;
	padding: 0;
	float: left;
	}
div#home div.leftColumn div.divider {
	border-top: 1px solid #333;
	margin: 0;
	padding: 0;
	}
div#home div.rightColumn {
	width: 410px;
	margin: 0;
	padding: 0;
	float: left;
	}
object.movie, embed.movie {
	width: 408px;
	height: 344px;
	margin: 15px 0 0;
	padding: 0;
	}
div#home div.rightColumn div.copy {
	padding: 0 3px;
	}
div#home div.rightColumn div.frenchCopy {
	margin-bottom:15px;
	padding:8px 7px 10px;
	border:1px solid #818181;
	border-top-width:0;
	text-align:justify;
	}
div#home div.rightColumn div.left {
	width: 200px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	}
div#home div.rightColumn div.right {
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
	}
div#home div.header {
	padding: 0 0 7px;
	color: #333;
	font: 18px arial black, verdana, sans-serif;
	line-height: 20px;
	}
div#home div.subheader {
	padding: 3px 0 0;
	color: #333;
	font: 14px arial black, verdana, sans-serif;
	line-height: 18px;
	}
div#home p {
	margin: 12px 0 0;
	}
div#home li {
	list-style-type:disc;
	margin: 5px 0 0 1.2em;
	}
div#foot {
	width: 800px;
	background: #FFF;
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid #362F2D;
	color: #222;
	font: 10px verdana, verdana, sans-serif;
	text-align: center;
	}

/* NAVIGATION */

 ul#nav {
	width: 794px;
	margin: 0;
	padding: 0 3px;
	list-style: none;
	background: #FFF;
	font: bold 11px arial, verdana, sans-serif;
	height: 29px;
	position: relative;
	top: 0;
	left: 0;
	}
#nav li {
	float: left;
	position: relative;
	margin: 3px 15px 0 0;
	}
#nav li:hover {
	margin: 3px 15px 0 0;
	background: #F7941D;
	}
#nav li ul {
	background: #FFF;
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	font: bold 10px tahoma, arial, verdana;
	z-index: 200;
	}	
#nav li > ul {
	top: auto;
	left: auto;
	}
#nav .top {
	display: block;
	color: #222;
	text-decoration: none;
	padding: 5px 15px;
	}
#nav .top:hover {
	background: #F7941D;
	margin: 3px 0 0;
	padding: 2px 15px 4px;
	}
#nav .top-last {
	display: block;
	color: #222;
	text-decoration: none;
	padding: 6px 16px;
	margin-right: 0;
	margin-left: 1px;
	}
#nav .top-last:hover {
	background: #F7941D;
	margin: 3px 0 0;
	padding: 3px 17px;
	}
#nav li:hover ul, #nav li.over ul, #nav li.sfhover ul {
	display: block;
	padding: 0;
	left: 0;
	top: 23px;
	background: #FDBC3A;
	}
#nav li.nav1 {
	width: 160px;
	background: #F7941D;
	margin: 0;
	padding: 5px;
	float: none;
	/*position: relative;*/
	}
#nav li.nav1:hover {
	width: 160px;
	background: #FDBC3A;
	/*position: relative;*/
	}
	
/* TEXT STYLES */

.page-header {
	color: #333;
	font: 20px arial black, verdana, sans-serif;
	text-decoration: none;
	line-height: 26px;
	}
	
.smallheader {
	color: #333;
	font: bold 16px arial, verdana, helvetica;
	text-decoration: none;
	line-height: 18px;
	}

.smalltext {
	color: #FFF;
	font: 11px tahoma, arial, verdana;
	text-decoration: none;
	}
	
a:link, a:visited, a:active {
	color: #333;
	text-decoration: underline;
	}

a:hover {
	color: #333;
	text-decoration: none;
	}

a.cart {
	color: #333;
	font: bold 16px arial, verdana, sans-serif;
	text-decoration: underline;
	}

a.cart:hover {
	color: #F26522;
	font: bold 16px arial, verdana, sans-serif;
	text-decoration: none;
	}
	
/* SLIDESHOW */

.slideshow {
	position:relative;
	}

.slideshow div {
	left:0;
	position:absolute;
	top:0;
	z-index:1;
	}

.slideshow div.active {
	z-index:3;
	}

.slideshow div.last-active {
	z-index:2;
	}
	
	/*  DONATION AND SUB LINES */
div#donation{

	padding:5px 5px;
	}

div#donation input{	
	vertical-align:middle;
	font-size:14px;
	padding:4px 4px 4px;
	}
div#donation label {
	font-size:18px;
	vertical-align:middle;
	padding:0px 4px;
	}
	
	/* French Film Series */

div#body-ffs {
	width: 780px;
	background: #6F6A67;
	margin: 0;
	padding: 10px;
	border-top: 1px solid #000;
	color: #FFF;
	line-height: 18px;
	}

div#body-ffs div.grid {
	width: 780px;
	height: 240px;
	margin: 0;
	padding: 0;
	}
div#body-ffs div.grid .imgTop-left {
	background: #0072BC;
	width: 250px;
	height: 240px;
	margin: 0 15px 0 0;
	padding: 0;
	position: relative;
	float: left;
	}
div#body-ffs div.grid .imgTop-center {
	background: #FFF;
	width: 250px;
	height: 240px;
	margin: 0 15px 0 0;
	padding: 0;
	position: relative;
	float: left;
	}
div#body-ffs div.grid .imgTop-right {
	background: #C80002;
	width: 250px;
	height: 240px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	}
div#body-ffs div.film {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	}
div#body-ffs div.film div.left {
	width: 200px;
	margin: 0 15px 25px 0;
	padding: 0;
	float: left;
	}
div#body-ffs div.film div.right {
	width: 565px;
	margin: 0 0 25px;
	padding: 0;
	float: left;
	}
div#body-ffs div.film div.right div.indent {
	padding: 0 5px;
	}
div#body-ffs p {
	margin-top: 12px;
	}
div#body-ffs .highlight {
	background: #4B4B4B;
	padding: 5px;
	}
div#body-ffs ul li {
		list-style-type: disc;
		margin: 5px 0 0 .2em;
		text-align: left;
		list-style-position: inside;
		}
div#body-ffs .title {
	background: #4B4B4B;
	padding: 0;
	color: #FFF;
	font: bold 20px arial, verdana, sans-serif;
	text-decoration: none;
	line-height: 22px;
	}
div#body-ffs div.subheader {
	color: #FFF;
	font: 16px arial, verdana, sans-serif;
	line-height: 20px;
	}
div#body-ffs div.trailer {
	height: 23px;
	margin-right: 7px;
	float: left;
	}
div#body-ffs .smText {
	color: #FFF;
	font: 11px arial, verdana, sans-serif;
	line-height: 23px;
	}
div#body-ffs .gallery {
	background: #4B4B4B;
	margin: 5px 0 5px;
	padding: 5px;
	color: #FFF;
	font: 11px arial, verdana, sans-serif;
	text-align: center;
	}
div#body-ffs div.divider {
	border-top: 1px solid #362F2D;
	margin: 0 0 25px;
	padding: 0;
	}
div#foot-ffs {
	width: 800px;
	background: #6F6A67;
	margin: 0;
	padding: 20px 0;
	border-top: 0 solid #362F2D;
	color: #FFF;
	font: 10px verdana, verdana, sans-serif;
	text-align: center;
	}
div#body-ffs a:link, div#body-ffs a:visited, div#body-ffs a:active {
	color: #FFF;
	text-decoration: underline;
	}
div#body-ffs a:hover {
	color: #FFF;
	text-decoration: none;
	}