/* CSS Document 

COLORS
background:		#E7E6DD

*/

.box {
	width: 				220px;
	height: 			119px;
	background: 		#FFFFFF url('../images/grey-box.png') no-repeat top center;	
}
body.plain 
{
	background: 		#FFFFFF;
	background-image: 	none;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	font-size:			12px;
	line-height:		18px;
	margin: 			10px;
	padding: 			10px;
	color:				#333333;
}
body 
{
/*	background: 		#172A4B url('../images/stars_bkgrd.jpg') no-repeat top center; */
	background: 		#000000 url('../images/bkgrd_lights1.jpg') no-repeat top left;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	font-size:			12px;
	line-height:		18px;
	margin: 			0px;
	padding: 			0px;
	color:				#333333;
}
body.broadcastfilms 
{
	background: 		#000000 url('../images/bkgrd_lights1_bw.jpg') no-repeat top left;
    font: 				12px 'Lucida Grande', Helvetica, Arial, sans-serif;
	line-height:		18px;
    color: 				#4b4b4b;
	margin: 			0px;
	padding: 			0px;
}
body.film 
{
	background: 		#000000 url('../images/bkgrd_dottylights1.jpg') no-repeat top center;
    font: 				12px 'Lucida Grande', Helvetica, Arial, sans-serif;
	line-height:		18px;
    color: 				#4b4b4b;
	margin: 			0px;
	padding: 			0px;
}
/****************MOVIES AT CHURCH******************/
body.movies 
{
	background: 		#000000 url('../images/bkgrd_redlights.jpg') no-repeat top center;
    font: 				12px 'Lucida Grande', Helvetica, Arial, sans-serif;
	line-height:		18px;
    color: 				#4b4b4b;
	margin: 			0px;
	padding: 			0px;
}
body.bigstudio 
{
	background: 		#000000 url('../images/bkgrd_bluelights.jpg') no-repeat top center;
    font: 				12px 'Lucida Grande', Helvetica, Arial, sans-serif;
	line-height:		18px;
    color: 				#4b4b4b;
	margin: 			0px;
	padding: 			0px;
}

#footer-movies
{
	behavior: 			url(iepngfix.htc);
	background: 		url('../images/mcp-footer-popcorn.png');
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				820px;
	height:				135px; 
}
#headerlogo
{
	behavior: 			url(iepngfix.htc);
	background: 		url('../images/moviesatchurch-header.png');
	background-repeat: no-repeat;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				820px;
	height:				140px;
}
#heading-flicks
{
	behavior: 			url(iepngfix.htc);
	background: 		url('../images/mcp-flicks-heading.png');
	background-repeat: 	no-repeat;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				820px;
	height:				200px;
}
#heading-flicksatyourbricks
{
	behavior: 			url(iepngfix.htc);
	background: 		url('../images/mcp-flicksbricks-heading.png');
	background-repeat: 	no-repeat;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				820px;
	height:				250px;
}
#heading-bigstudio
{
	behavior: 			url(iepngfix.htc);
	background: 		url('../images/mcp-bigstudio-heading.png');
	background-repeat: 	no-repeat;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				820px;
	height:				200px;
}
#heading-movies
{
	behavior: 			url(iepngfix.htc);
	background: 		url('../images/moviesatchurch-heading.png');
	background-repeat: 	no-repeat;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				820px;
	height:				200px;
}
#heading-films
{
	behavior: 			url(iepngfix.htc);
	background: 		url('../images/mcp-films-heading.png');
	background-repeat: 	no-repeat;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				820px;
	height:				200px;
}
#heading-broadcast
{
	behavior: 			url(iepngfix.htc);
	background: 		url('../images/mcp-broadcast-heading.png'); 
	background-repeat: 	no-repeat;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				820px;
	height:				200px;
}
/****************MOVIES AT CHURCH******************/


#navbar {
	width: 				780px;
	color: 				#333333;
    font-size: 			14px;
}
#navbar a {
	color: 				#333333;
	text-decoration: 	none;
	margin-left: 		15px;
	text-transform: 	capitalize;
	font-weight: 		bold;
}
#navbar a:hover {
	text-decoration: 	none;
	color: 				#000000;
	background-color: 	#FFFF00;
	border-bottom: 		1px solid #000000;
}
#border-sides
{
	behavior: 			url(iepngfix.htc);
	background: 		transparent url('../images/movieschangepeople-page-bkgrd.png') repeat-y top center;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				820px;
	height:				100%;
}
#border-bottom 
{
	behavior: 			url(iepngfix.htc);
	background: 		url('../images/mcp-footer.png');
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				820px;
	height:				90px; 
}
#border-1000
{
	behavior: 			url(iepngfix.htc);
	background: 		transparent url('../images/movieschangepeople-page-bkgrd-1000.png') repeat-y top center;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				1000px;
	height:				100%;
}
#border-bottom-1000 
{
	behavior: 			url(iepngfix.htc);
	background: 		url('../images/movieschangepeople-footer-1000.png');
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	width:				1000px;
	height:				110px; 
}

input, select, textarea 
{
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	font-size:			12px;
	border:				1px solid #666666;
}
td 
{
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	font-size:			12px;
	line-height:		18px;
}

a, #content a
{
	font-weight: 		normal;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	color:				#ff9900;
	text-decoration:	underline;
}
a:visited, #content a:visited
{
	font-weight: 		normal;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	color:				#FF6600;	
	text-decoration:	underline;
}
a:hover
{
	font-weight: 		normal;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	color:				#FF6600;
	text-decoration:	underline;
}
#content a:hover
{
	font-weight: 		normal;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	color:				#FF6600;
	text-decoration:	underline;
}
.newrelease, .currenttitle, .comingsoon {
	width: 100%;

}
.newrelease{
	color: #006600;
	border-top: #006600 solid 3px;
}
.currenttitle{
	color: #0099FF;
	border-top: #0099FF solid 3px;	
}
.comingsoon{
	color: #ff6600;
	border-top: #ff6600 solid 3px;	
}
h2, h3
{
	margin: 			1px;
}
h1
{
	color:				#FFFFFF;
	font-weight: 		normal;
	font-size:			24pt;
	line-height: 		26pt;
}
h2
{
	color:				#000000;
	font-weight: 		normal;
	font-size:			14pt;
	line-height: 		14pt;
	margin-bottom: 		8px;
	text-transform: 	uppercase;
}
h3
{
	color:				#666666;
	margin: 			0px;
	margin-top: 		15px;
	font-size:			13pt;
	line-height:		14pt;	
	font-weight:		bold;
}
h4
{
	color:				#333333;
	font-size:			16px;
	line-height: 		17px;
	margin-top:			3px;
	margin-bottom:		4px;
}
h5
{
	color:				#666666;
	font-size:			8pt;
	font-weight:		bold;
	margin-top:			8px;
	margin-bottom:		0px;
}
h5 a, h5 a:hover {
	text-decoration: none;
}

#content {
	font-size:			12px;
	line-height:		18px;
	margin-left: 		50px;
	vertical-align: 	text-top;	
	text-align: 		left;
	color:				#333333;
	width:				720px;
}
#footer
{
	color:				#FFFFFF;
	font-size:			8pt;	
	padding:			0px;
	padding-bottom: 	10px;
	text-align: 		center;
	width:				100%;
}
#footer a, #footer a:visited
{
	text-transform:		none;
	font-weight: 		normal;
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;
	color:				#FFFFFF;
	text-decoration: 	none;
}
#footer a:hover
{
	color:				#FFFF00;
	text-decoration: 	underline;
}
#yellow
{
	color: 				#66CCFF;
}
small {
	color:				#CC3300;
}
.label
{
	color: 				#666666;
	vertical-align:		top;
	text-align: 		right;
	padding-right: 		1px;
	padding-top:		5px;
}
.button
{
	border: 			5px solid #333333;
	color: 				#FFFFFF;
	background-color:   #333333;
	font-weight: 		bold;
}
p
{
	padding-top:		0px;
	margin-top:			0px;
}

a.clear, a.clear:hover {
	background-color: 	transparent;
}

#mcp-title {
	color:				#CC3300;
	font-weight: 		normal;
	font-size:			24pt;
	line-height: 		26pt;
	text-align: 		left;
	padding: 			15px 0 0 0;

}

/* MOVIES@CHURCH FAQS **************************************************/

.question{ 
	cursor: hand;
	/*cursor: pointer;*/
	font-family:		'Lucida Grande', Helvetica, Arial, sans-serif;	
	font-size:			12px;
	line-height:		18px;
	padding-top:		5px;
	padding-bottom:		5px; 
}


.openquestion{ /*class added to contents of 2nd demo when they are open*/
color: #000000;
font-weight: bold;
background-color: #EFEFEF;
}

.closedquestion{ /*class added to contents of 2nd demo when they are closed*/
color: #000000;
}

.answer {
padding: 5px 20px 20px 15px;
}

/* FILMS ****************************************************************/

.listing {
	font-size:			8pt;
	line-height:		9pt;
}

a.listing {
	text-decoration: 	none;
	font-weight: 		bold;
	font-size:			8pt;
	line-height:		9pt;	
}
a.listing:link navmovies
a.listing:visited {
	text-decoration: 	none;
	font-weight: 		bold;
	color: 				#333333;
}
a.listing:hover {
	text-decoration: 	none;
	font-weight: 		bold;
	color:				#FF9900; 
}
a.listing:active {
	text-decoration: 	none;
	font-weight: 		bold;
	color:				#FF9900; 
}

/* NAV GROUP LINKS ***********************************************************************/

ul#nav {
	position: relative;
	width: 400px;
	height: 85px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li#navhome a, li#navmovies a, li#navstore a , li#navbroadcast a {
	background: transparent;
	position: absolute;
	height: 72px;
	bottom: 0;
	text-decoration: none;
}

li#navhome a {
	width: 80px;
}
li#navmovies a {
	width: 107px;
}
li#navstore a {
	width: 79px;
}
li#navbroadcast a {
	width: 107px;
}
/* adjusted values for IE6 */
* html*li#navhome a, * html*li#navmovies a, * html*li#navstore a , * html*li#navbroadcast a { bottom: -1px; }

li#navhome a { left: 0px;}
li#navmovies a { left: 80px; }
li#navstore a { left: 187px;}
li#navbroadcast a { left: 266px;}


/* FLICKS NAV */
ul#flicks {
	font-size: 14px;
	list-style: none;
	background:transparent;
	margin:0 auto;	
}
ul#flicks li {
	display:inline;
}
ul#flicks li a {
	float: left;
	margin-right: 15px;
	/*
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	*/
	color: 				#333333;
	text-decoration: 	none;
	text-transform: 	capitalize;
	font-weight: 		bold;
		
}
ul#flicks li a:hover {
	text-decoration: 	none;
	color: 				#000000;
	background-color: 	#FFFF00;
}
ul#flicks li a.current {
	text-decoration: 	none;
	color: 				#000000;
	background-color: 	#FFFF00;
}

.flickstitle {
	font-family: Arial,Verdana;
	color: #CC0000;
	font-size: 23px;
	line-height: 23px;
	font-weight: bold;
}

/* FLICKS2 NAV */
ul#flicks2 {
	font-size: 11px;
	list-style: none;
	background:transparent;
	margin:0 auto;	
	font-family: Arial,Verdana;
}
ul#flicks2 li {
	display:inline;
}
ul#flicks2 li a {
	float: left;
	margin-right: 15px;
	color: 				#FFFFFF;
	text-decoration: 	none;
	text-transform:		uppercase;
	font-weight: 		bold;
		
}
ul#flicks2 li a:hover {
	text-decoration: 	none;
	color: 				#FFFFFF;
	background-color: 	#000000;
}
ul#flicks2 li a.current {
	text-decoration: 	none;
	color: 				#FFFFFF;
	background-color: 	#FFFF00;
}



/* CONTACT US FORM */
.fieldclass {
	background-image: url(../images/field-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	color: #333333;
	line-height: 13px;
	padding: 4px;
	margin-bottom: 10px;
	width: 360px;
}
.movie-nav { background-color: #FFFFFF; } 
.clear {background-color: transparent; border-bottom: 0px solid #FFFFFF; }


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD 

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE 

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE 

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
*/


/* STANDARD */

button:hover, .buttons a:hover{
    background:#fad2ab;
    border:1px solid #ff6600;
    color:#d12f19;
}
.buttons a:active{
    background-color:#FFCC99;
    border:1px solid #ff9900;
    color:#ff6600;
}


/* http://particletree.com/features/rediscovering-the-button-element */
/* POSITIVE */

button.blue, .buttons a.blue{
    color:#0099FF;
}
.buttons a.blue:hover, button.blue:hover{
    background-color:#b6d0eb;
    border:1px solid #0099FF;
    color:#0066CC;
}
.buttons a.blue:active{
    background-color:#0099FF;
    border:1px solid #0066CC;
    color:#fff;
}

/* NEGATIVE */

.buttons a.orange, button.orange{
    color:#ff6600;
}
.buttons a.orange:hover, button.orange:hover{
    background:#fad2ab;
    border:1px solid #ff6600;
    color:#d12f19;
}
.buttons a.orange:active{
    background-color:#FFCC99;
    border:1px solid #ff9900;
    color:#fff;
}



/* FLICKS @YOUR BRICKS */
a#trailer-icon { padding-left:25px; text-decoration:none; font-weight:bold; line-height:1em; color:#666; background:url(http://www.movieschangepeople.com/images/icon-trailer.png) no-repeat 0 0px; height: 20px; }
a#trailer-icon:hover { text-decoration:underline; font-weight:bold;}

a#enquire-icon { padding-left:25px; text-decoration:none; font-weight:bold; line-height:1em; color:#666; background:url(http://www.movieschangepeople.com/images/icon_enquire.png) no-repeat 0 0px; height: 20px; }
a#enquire-icon:hover { text-decoration:underline; font-weight:bold;}


/* BROADCAST */

.poster {
	border: 0px solid #CCCCCC;
	vertical-align: text-top;
}

/* BROADCAST TAKEN FROM APPLE */
a#email-icon { padding-left:25px; text-decoration:none; font-weight:bold; line-height:1em; color:#666; background:url(http://www.movieschangepeople.com/images/icon_email.gif) no-repeat 0 2px; }
a#email-icon:hover { text-decoration:underline; font-weight:bold;}

.clearfix { display:block; *display:inline-block; }
.clearfix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; _height:1%; }

td.info-heading { color:#444; font-size:11px; font-weight: bold;padding: 3px;vertical-align: text-top;}
td.info { font-size:11px;color:#7b7b7b;padding: 3px;vertical-align: text-top; }



.home {
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	background-color: #CCCCCC;
	width: 250px;
	vertical-align: text-top;
}
h4 a {
	font-weight: 		bold;
}
.title
{
	color:				#ff6600;
	font-size:			16px;
	line-height: 		17px;
	margin-top:			3px;
	margin-bottom:		4px;
	font-weight: bold;
}
.error-msg {
	padding: 			10px;
	color: 				white;
	background-color: 	#CC0000;
	font-weight: 		bold;
	text-align: 		center;	
}
a.error-msg,a.error-msg:link,a.error-msg:hover {
	color: 				white;
	background-color: 	#CC0000;
	font-weight: 		bold;
	text-decoration: 	underline;
}
.msg {
	padding: 			10px;
	color: 				white;
	background-color:	#00cc33;
	font-weight: 		bold;
	text-align: 		center;
}
a.msg,a.msg:link,a.msg:hover  {
	color: 				white;
	background-color: 	#00cc33;
	font-weight: 		bold;
	text-decoration: 	underline;
}

/****************LIST TABLE FORMAT********************/
#box-table {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:420px;text-align:left;border-collapse:collapse;
}
#box-table th {
	font-size:13px;font-weight:normal;background:#3bb4dc;border-top:4px solid #a9dbeb;border-bottom:1px solid #fff;color:#FFFFFF;padding:8px;
}
#box-table td {
	background:#d6edf5;border-bottom:1px solid #fff;color:#3bb4dc;border-top:1px solid transparent;padding:8px;
}
#box-table tr:hover td{
	background:#a9dbeb;color:#333333;
}