/* box layout */

/* Here's the maths for the widths (important!):

boxbody = boxleft + boxcenter
boxwrap = boxbody + boxright  */

.boxwrap   { width: 760px; margin-left: auto; margin-right: auto; }

.boxbody   { width: 600px; float: left;  }
.boxcenter { 
	width: 440px; /* value for IE 5.5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	float: right; 
	width: 438px; /* value for good browsers */
	}
	
html>body .boxcenter {
  width: 438px; /* value for opera and other good browsers */
} 

.boxleft   { width: 160px; float: left;  }
.boxright  { width: 160px; float: right; }
.boxheader { 
	width: 100%;  
	clear: both;
	padding-bottom: 10px;
	}
.boxfooter { width: 100%;  clear: both;  }

.boxclear  { clear: both; line-height: 0px }

/* ie hack: */
     .iehackwrap { text-align: center;  }
     .boxwrap    { text-align: left; }     
     
/* box style */

.boxwrap   { background: #fff; }

.boxheader { background: #fff; }
.boxfooter {
	text-align:center;
	width: 735px;
	margin: 10px;
	background: #fff; 
	 }
.boxcenter { background: #fff; 
	border-left: 1px solid #CDC9C3;
	border-right: 1px solid #CDC9C3;
	margin-bottom: 10px;
	}
	
.boxleft   { background: #fff; }
.boxright  { background: #fff; }

div { margin: 0px; padding: 0px; }

/* formatting */


/* h1 { padding: 2px 10px; margin: 0px;} */

p  { padding: 5px 10px; margin: 0px;}

p.top { 
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
	}


/* style */


/* h1 { font-size: 1.3em; } */
p { font-size: 0.8em; }
.boxfooter p {

	border-top: 1px solid #CDC9C3;
	font-size: 0.8em; 
	text-align: center; 
	}

.comment { border: 1px solid red; margin: 1em; padding: 0.5em; background: #fff; }


#scrolling div.boxleft, #scrolling div.boxright
   { overflow: auto; height: 4em;}
   
/* -- additional CSS from prev page -- */

body {
	margin: 10px 10px 10px 10px;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%; /* allows to use ems as pixels: 1.1em = 11px */
	color: #333;
	background-color: #ececec;
	}
a {
	text-decoration: none;
	font-weight: normal;
	color: #333;
	outline: none;
	}
a:visited {
	color: #333;
	}
a:active {
	color: #ccc;
	}
a:hover {
	color: #000;
	text-decoration: underline;
	}
	
#wrapper	{
	background: #fff;
	width: 760px;
	height: auto;
	margin: 10px auto;
	padding: 0;
	/* border: 1px solid #fff; */
	text-align:left;
    /* part 2 of 2 centering hack */
	}

.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-top: 0.6em;
	margin-bottom: 1.0em; 
	}

h2 {
	font-size: 1.1em;
	line-height: 2.0em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 1.4em;
	line-height: 2.2em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
	
.imgBodyRight {
	padding: 0px 5px 5px 5px;
	margin: 0px 5px 5px 5px;
	float: right;
	clear: none;
}
	
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}	
	
#top {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: 0px;
	background: #fff;
	height: 341px;
	}
#topSmall {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: 0px;
	background: #fff;
	height: 186px;
	}
	
#left {
	width: 136px;
	padding:0;
	margin-left: 12px;
	margin-right: 12px;
	float:left;
	background: #ececec;
	}

#middleBox {
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #CDC9C3;
	border-right: 1px solid #CDC9C3;
	margin: 0;
	float: left;
	background: red;
	width: 440px; /* value for IE 5.5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 418px; /* value for good browsers */
	}
	
html>body #middleBox {
  width: 418px; /* value for opera and other good browsers */
} 

	
#right {
		width:136px;
		padding: 0px;
		margin-left: 12px;
		margin-right: 12px;
		float:left;
		background: #ececdd;
		}
#bottom {
	clear: both;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	border: 0px;
	background: #fff;
	}
	
span.ir {
	display: block;
	width:0;
	height:0;
	overflow: hidden;
	font-size: 0.5em;
	}
/* image replacement below */
.boxheader h1 {
	background-color: #fff;
	background-image: url(images/home_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 321px;
	}
#topAbout h1 {
	background-color: #fff;
	background-image: url(images/about_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 186px;
	}
#topStatement h1 {
	background-color: #fff;
	background-image: url(images/statement_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 186px;
	}
#left h1 {
	background-color: red;
	background-image: url(images/menu_left_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	}
#right h1 {
	background-color: #fff;
	background-image: url(images/menu_right_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	}
.boxcenter h1 {
	background-color: #fff;
	background-image: url(images/quotes.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 279px;
	}
/* blue header*/
.boxcenter h2 {
	padding: 5px 10px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1.8em;
	color: #fff;
	background-color: #1C8ACA;

	}
/* control the date in WP */
.boxcenter h4 {
	padding: 5px 10px; margin: 0px;
	font-size: 1.2em;
	margin-top: 1.4em;
	margin-bottom: 0;
	}
/* control the title in WP */
.boxcenter h3 {
	padding: 5px 10px; margin: 0px;
	color: #0099FF;
	font-size: 1.4em;
	margin-top: 0em;
	margin-bottom: 0;
	}
/* control the title in WP screenings page */	
#screenings h3 {
	padding: 2px 5px 0px 10px; margin: 0px;
	color: #0099FF;
	font-size: 1.3em;
	margin-top: 0;
	margin-bottom: 0;
	/* background-color: red; */	
	}
#screenings h3 strong {
	color: #333;
	}
	
/* control the text in WP screenings page */	
#screenings p {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
	/* background-color:#99CC00; */	
	}
	
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
/* navigation */
.boxleft ul {
	border: 0;
	margin-left: 0;
	padding-left: 1em;
	font-size: 1.1em !important;
	line-height: 1.6em;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	text-align: left;
	}
	
.boxright ul {
	border: 0;
	margin-left: 0; 
	padding-left: 1em;
	font-size: 1.1em !important;
	line-height: 1.6em;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	text-align: left;
	}
.boxright li {
 padding-left: 11px;
 background-image: url(images/carrot.gif);
 background-repeat: no-repeat;
 background-position: 0 .5em;
	}
.boxleft li {
 padding-left: 11px;
 background-image: url(images/carrot.gif);
 background-repeat: no-repeat;
 background-position: 0 .5em;
	}
	
.border_box {
margin-left:10px;
width:405px;
padding:5px;
border:1px solid #CDC9C3;
}

/* set the on state for nav */
#synopsis {margin-left: 1.0em;}
#statement {margin-left: 1.0em;}
#bio {margin-left: 1.0em;}
#cast {margin-left: 1.0em;}
#reviews {margin-left: 1.0em;}
#press_kit {margin-left: 1.0em;}
#saying {margin-left: 1.0em;}

body#synopsis #left li#synopsis a {
	list-style-image: none;
	list-style-type: none;
}


/* just call for the id in the body tag... */
body#synopsis_on .boxleft li#synopsis a,
body#statement_on .boxleft li#statement a,
body#bio_on .boxleft li#bio a,
body#cast_on .boxleft li#cast a,
body#reviews_on .boxleft li#reviews a,
body#press_kit_on .boxleft li#press_kit a,
body#saying_on .boxleft li#saying a {
	color: #0066cc;
	font-weight: bold;
	text-decoration: underline;
	list-style-image: none;
	list-style-type: none;
	}
	
body#clips_on .boxleft li#clips a
	 {
	color: #0066cc;
	font-weight: bold;
	text-decoration: underline;
	list-style-image: none;
	list-style-type: none;
	}	

body#involved_on .boxright li#involved a,
body#plan_on .boxright li#plan a,
body#donate_on .boxright li#donate a,
body#complain_on .boxright li#complain a,
body#links_on .boxright li#links a,
body#poster_on .boxright li#poster a
	 {
	color: #0066cc;
	font-weight: bold;
	text-decoration: underline;
	list-style-image: none;
	list-style-type: none;
	}	
	
.boxleft ul li.subnav a {
	margin-left: 1.5em;
	list-style-image: none;
	list-style-type: none;
	background-color:#99CC00;
}

/* -- more code for the center box --- */

.boxcenter a {
	color:#0066cc;
	}
	
.boxcenter li {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-top: 0.6em;
	margin-bottom: 1.0em;
	margin-left: -14px;
	margin-right: 10px;
	}

.boxcenter li ul li {
	font-size: 1.0em;
	line-height: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	}
   
   
 #involved_on div.boxcenter li{
  line-height: 1.4em;
  margin-bottom: 1.5em;
 }
 
 #involved_on div.boxcenter li li{
  line-height: 1em;
  margin-bottom: .4em;
 }
 
#donate_on div.boxcenter h3{
 line-height: 1.4em;
}
 
 #saying_on div.boxcenter h4{
   margin-bottom: 1em;
 }
	
.boxcenter h4 {
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-align:center;
	color: #1C8ACA;
	margin-top: 0;
	margin-bottom: 0;
	}	

.boxcenter h4 em {
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: normal;
	text-align: center;
	color:#333;
	margin-top: 0;
	margin-bottom: 0;
	font-style: italic;
	}
/* .boxcenter h4 a:link, a:visited {
	color: #1C8ACA; !important
	} */
	
.boxcenter table td {
	
	font-size: 1.2em;
	line-height: 1.6em;
	padding-left: 10px;
}