body
{
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", tahoma, Verdana, sans-serif;
	font-size: small;
	color: #444;
	background: #E9eadb url(/images/wrapper-bg.jpg) repeat-y 50% 0;
}

#wrapper
{
	margin: 0 auto;
	padding: 0;
	width: 807px;
}

#inner-wrapper
{
	margin: 0 21px 0 21px;
	padding: 0;
}

/* header */
#header
{
	background: url(/images/header-bg.jpg) repeat-x;
	height: 89px;
	margin: 0;
	padding: 0;
}

#masthead
{
	background: url(/images/masthead.gif) no-repeat 20px 10px;
	padding: 0;
	margin: 0 auto;
	height: 89px;
}

#masthead h1 { display: none; }

#second-nav
{
	float: right;
	margin: 12px 20px 10px 0;
}

#second-nav p
{
	color: #c0c0c0;
	font-size: 85%;
	margin: 0;
	padding: 0;
	line-height: 17px;
}

#second-nav p.top
{
	border-bottom: 1px solid #dadada;
	padding: 0 0 3px 0;
	margin: 0 0 1px 0;
}

#second-nav a:link, a:visited
{
	color: #360;
	text-decoration: none;
}

#second-nav a:hover
{
	text-decoration: none;
	color: #f60;
}

/* main menu */
#mainmenu
{
	height: 25px;
	margin: 0;
	padding: 0;
	background: url(/images/menu-bg.gif) repeat-x;
	clear: both;
}

#nav
{
	height: 25px;
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#nav li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

#nav a
{
	float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */

}

#nav a:hover {
	background-position: 0 -25px;
	}

#nav a:active, #nav a.active {
	background-position: 0 -25px;
	}

#home a
{
	width: 77px;
	background: url(/images/homeit.gif) top left no-repeat;
}

#about a
{
	width: 77px;
	background: url("/images/aboutit.gif") no-repeat top left;
}

#faqs a
{
	width: 65px;
	background: url("/images/faqsit.gif") no-repeat top left;
}

#what a
{
	width: 132px;
	background: url("/images/whatit.gif") no-repeat top left;
}

#programs a
{
	width: 101px;
	background: url("/images/programsit.gif") no-repeat top left;
}

#kids a
{
	width: 60px;
	background: url("/images/kidsit.gif") no-repeat top left;
}

#teens a
{
	width: 72px;
	background: url("/images/teensit.gif") no-repeat top left;
}

#get a
{
	width: 121px;
	background: url("/images/getit.gif") no-repeat top left;
}

#content
{
	float: left;
        width: 562px;
	margin: 0;
        padding: 0;
	background: url(/images/features-bg.jpg) repeat-x;
	border-top: 1px solid #fff;
}

#content .gutter { padding: 20px 20px 20px 25px; }

#content h2
{
	font: 155% georgia, times, serif;
	color: #506c3a;
	margin: 0 0 15px 0;
}

#content h3
{
	font: 125% georgia, times, serif;
	color: #963;
	margin: 12px 0 5px 0;
        
}

#content h4
{
	font: 100% "Lucida Grande", tahoma, Verdana, sans-serif;
	color: #933;
	margin: 4px 0 5px 0;
        font-weight: bold

        
}

#content p { line-height: 19px; 

padding: 0 0 1em 0;
margin: 0;


}

#content p.bigger { line-height: 19px; 

padding: 0 0 1em 0;
margin: 0;
font-size:125%;

}

#content .photo img
{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #dce5bc;
	margin: 0 0 5px 0;
}

#content .photo
{
	font-size: 85%;
	float: right;
	color: #960;
	line-height: 16px;
	margin: 5px 10px 10px 25px;
        text-align: center;
        font-size: smaller;
        text-indent: 0;
}
/* .transpar for transparent gifs or pngs, so background will show through */
#content .transpar img
{
	padding: 6px;
	border: 1px solid #dce5bc;
	margin: 0 0 5px 0;
}

#content .transpar
{
	font-size: 85%;
	float: right;
	color: #960;
	line-height: 16px;
	margin: 5px 10px 10px 25px;
}
#content .photo-no-border img
{
	padding: 6px;
	border: 0px solid #dce5bc;
	margin: 0 0 5px 0;
}

#content .photo-no-border
{
	font-size: 85%;
	float: right;
	line-height: 16px;
	margin: 5px 10px 10px 25px;
}

#content .photo-ctr
{
	font-size: 85%;
	float: right;
	color: #960;
	line-height: 16px;
        vertical-align: middle;
	margin: 5px 10px 10px 25px;
}

#content #menu  {
	margin: 8px 0 25px 0;
	padding: 0;
	
	}

#content #menu li {
	padding: 0 0 0 13px;
	margin: 6px 0 5px 20px;
	background: url(/images/bullet.gif) 0 .4em no-repeat;
	
	}

#content ul {
	margin: 8px 0 10px 0;
	padding: 0;
        list-style: none;
	
	}

#content li {
	padding: 0 0 2px 11px;
	margin: 6px 0 5px 14px;
	background: url(/images/bullet1.gif) 0 .5em no-repeat;
        line-height: 19px;
	
	}

#content ol
{
	margin: 0 0 15px 5px;
	padding: 0;
        list-style: decimal;
       
      
}

#content ol li
{
	padding: 0 0 10px 0;
	margin: 0 0 0 30px;
	line-height: 18px;
        background: transparent;
        list-style: decimal;
}




#sidebar
{
	float: right;
	width: 203px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
}

#sidebar h2
{
	font: 100% georgia, times, serif;
	color: #f60;
	text-align: center;
	letter-spacing: 1px;
	padding: 6px 0 11px 0;
	background: url(/images/scroll9.gif) no-repeat 50% 100%;
	margin: 14px 0 0 0;
        text-transform: uppercase
}

#sub-nav
{
	margin: 15px 0 30px 0;
	padding: 0;
}

#sub-nav li
{
	height: 37px;
	line-height: 37px;
	border-bottom: 1px solid #d3dccd;
	list-style: none;
	margin: 0;
	padding: 0;
        
}

#sub-nav li a
{
	height: 37px;
	line-height: 37px;
	text-decoration: none;
	color: #060;
	padding: 0 0 0 18px;
	display: block;
	width: 183px;
}

#sub-nav li a:hover
{
	background: #e9f3e6;
	color: #393;
}

#sub-nav li a:active
{
	background: #e9f3e6;
	color: #393;
}

#search input#search-text
{
	width: 125px;
	color: #444;
	margin: 20px 5px 0 20px;
}

#search input#go
{
	vertical-align: top;
	margin: 20px 0 0 4px;
}

#content a,
#footer a, #features a, #news a, #home-footer a, #content-search a
{
	text-decoration: underline;
	color: #393;
}

#content a:visited,
#footer a:visited, #features a:visited, #news a:visited, #home-footer a:visited, #content-search a:visited
{
	text-decoration: underline;
	color: #393;
}

#content a:hover,
#footer a:hover, #features a:hover, #news a:hover, #home-footer a:hover , #content-search a:hover
{
	text-decoration: none;
	color: #0c0;
}



#content #edit a

{
	text-decoration: underline;
	color: #36f;
}

#content #edit a:visited
{
	text-decoration: underline;
	color: #36f;
}

#content #edit a:hover
{
	text-decoration: none;
	color: #36f;
}



#footer
{
	font-size: 80%;
	color: #555;
	line-height: 16px;
	border-top: 1px solid #c1d1ae;
	width: 515px;
	margin: 10px 25px;
	padding: 5px 0;
}

.spacer
{
	clear: both;
	height: 0;
}

.skiplink
{
	display: none
}

 


table {
	margin: 0;
width: 100%;
	border-spacing: 0;
	border-bottom:1px solid #ccc;
        border-left:1px solid #ccc;  
     
     
}


th {font-weight:bold;

    
 }

/* recessive table header - color is dark gray (which is lighter than gray) - initially for the Ordered field on Prepub alert page */
th.recess {font-weight:bold;
	font-size: 85%;
	color: #A9A9A9    
 }

td, th {
	padding: 4px;
	border-top:1px solid #ccc;
        border-right:1px solid #ccc;
	vertical-align:top;
	text-align:left;
        
}


/* COLOR IS RED TO INDICATE CLOSED ALL DAY, for hours table */
td.closed {
	color: #c00;
        font-weight: bold
}
/* COLOR IS GREEN TO INDICATE OPEN PART OF THE DAY, with early closing, for hours table */
td.open-partly {
	color: #393;
        font-weight: bold
}

/* Table Note to match OPEN_PARTLY above */
#content table-note { 
	color: #393;
        font-weight: bold
}

/* recessive  - color is dark gray (which is lighter than gray) - initially for the Ordered field on Prepub alert page, so it is not as noticeable as pubdate field */
td.recessive {
	font-size: 85%;
	color: #A9A9A9
}

/* recessive-closed - color is pink to indicate closed in off-season, grayed-out hours table */
td.recessive-closed {
	font-size: 85%;
	color: #FFC0CB 
}

#content table.rpm {
	margin: 0;
        width: 522px;
	border-spacing: 0;
	border:none
     
     
}


  

 #content td.rpm {
	padding: 4px;
	border: none;
	vertical-align:top;
	text-align:left;
        
}

/* photo gallery */

#content table.gallery {
	margin: 10px 0 0 0;
        width: 100%;
	border: none
     
 }

#content td.gallery {
	padding: 4px;
        width: 75px;
	border: none;
	text-align:left;
        font-size: 85%
}

#content td.gallery img
{
	padding: 4px;
	background-color: #fff;
	border: 1px solid #dce5bc;
	margin: 0 0 3px 0;
}

/* search results */

#content-search
{
	float: left;
        width: 765px;
	margin: 0;
        padding: 0;
	background: url(/images/features-bg.jpg) repeat-x;
	border-top: 1px solid #fff;
}

#content-search .gutter { padding: 20px 20px 20px 25px; }

#content-search h2
{
	font: 155% georgia, times, serif;
	color: #506c3a;
	margin: 0 0 15px 0;
}

#content-search h2 .keywords
{
	
	color: #0c0;
	
}

#content-search #search input#search-text
{
	width: 175px;
	color: #444;
	margin: 10px 5px 20px 0;
}

#content-search #search input#go
{
	vertical-align: top;
	margin: 10px 0 20px 4px;
}

#content-search dl.results {
	margin: 0;
	padding: 0;
	}
#content-search dl.results dt {
	font-family: georgia, times, serif;
	font-size: 135%;
	line-height: 1.5em;
	font-weight: normal;
	
	}
#content-search dl.results dt a {
	font-weight: normal;
	text-decoration: none;
        color: #963;
	}
#content-search dl.results dt a:hover {
	color: #c93;
        text-decoration: underline;
	}
#content-search dl.results dd {
	margin: 0 0 10px 0;
	padding: 0 0 17px 0;
	font-size: 100%;
        border-bottom: 1px dotted #c5cebc;
        line-height: 18px
	}
#content-search dl.results dd .more {
	font-size: 90%;
        font-weight: bold
	}

/* misc */

.required
{
	font-size: 150%;
	color: red;
	
}

#content h3 a {
	font-weight: normal;
	text-decoration: underline;
        color: #963;
	}
#content h3 a:hover {
	color: #c93;
        text-decoration: underline;
	}

#content h3 a:visited {
	color: #c93;
        text-decoration: underline;
	}

/* Synopsis style for book lists - added by MW 4/30/08 */
#content .synopsis {  

padding: 0 0 0 0;
margin: -10px 21px 10px 21px;
text-align: justify;

}

/* Float-left style for senior cinema location - added by MW 9/26/08 */
#content .float-left {  

float:left;
margin: 0 0 25px 0;
padding: 0 0 5px 0;
text-align: left;
width:45%;
height: 60px;
}

/* Float-right style for senior cinema schedule - added by MW 9/26/08 */
#content .float-right {  

float:right;
margin: 0 20px 25px 0;
padding: 0 0 5px 0;
text-align: right;
width:45%;
height: 60px;

}