/* MAKE FONTS ACCESSIBLE!!!!*/

body { margin: 0; padding: 0; background-color: #fff;  font-size: 100%; font-family:  Verdana, sans-serif;  color: #666; }
a, a:visited { color: #431D68;}
a:hover { color: #60417E; }
img { border: 0; }

#container { width: 960px; margin: auto; margin-top: 20px;  }
#topBar { margin-bottom: 0px; }
#topImages { }
#topImageLeft { float: left; display: block; width: 600px; padding-top: 51px;}
#topImageRight { float: right; display: block; width: 166px;}

#underImagesRule { float: left; } /* float is to clear */
#underImagesRule { display: block; width: 960px; margin-top: 4px; border-bottom: 1px solid  #900; height: 1px; overflow: hidden; margin-bottom: 10px; }


#banner { display: block; width: 960px;  padding-bottom: 12px; border-bottom: 1px solid  #900;  margin-bottom: 20px;}

/* NAV */


#navListDiv { background: #E1DDD0 url(/images/common/nav_bottom.gif) bottom no-repeat; padding-bottom: 20px;}
#navListDiv ul { background: url(/images/common/nav_top.gif) top no-repeat; }

#nav { float: left; width: 200px;    margin-bottom: 12px; }
#nav ul { list-style-type: none; margin: 0; padding: 0; /* background: #E1DDD0;  */padding-bottom: 10px; padding-top: 20px;}
#nav ul li { margin: 0; padding: 0; }
#nav ul li a { font-family: arial;  color: #333; text-decoration: none; display: block; width: 180px;/*  height: 20px;  */ line-height: 1.6em; border-bottom: 1px solid #F1EDDF; font-size: 0.80em; padding-left: 20px;}
#nav ul li a:hover, #nav ul li.on a, #nav ul li.on ul li.on a, #nav ul li.on ul li a:hover { color: #421C66; background-color: #F1EDDF; }

/* Nav second level */

#nav ul li ul {  list-style-type: none; margin: 0; padding: 0;   background-color: #F1EDDF; padding-bottom: 6px;}
#nav ul li ul li { /* margin-bottom: 4px; */ } /*make this adjustment with padding on a so you don't have skips in the hand cursor */
#nav ul li ul li a { color: #333; /* height: 16px;  */ padding-left: 32px; width: 168px; font-size: 0.75em;}
#nav ul li.on ul li a { color: #333; /* height: 16px; */ }

#nav ul li.on ul li a:hover, #nav ul li.on ul li.on a { background: #F7F4EB;}

div.donateButton { margin: 10px 0px 20px 0px; }




#centerCol { float: left; width: 380px;   padding-bottom: 10px; }


/* MAKE FONTS ACCESSIBLE!!!!*/

p {  font-size: 0.75em; margin-top: 0;  }

#content {padding-left: 30px; width: 350px; /*  background: #efefef; */}


#content ul { }
#content ul li, #content ol li  { margin-bottom: 6px; font-size: 0.75em;}
/* second level */
#content ul li li, #content ol li li { margin-bottom: 6px; font-size: 1em;}
#content ul ul, #content ul ol; #content ol ul, #content ol ol { margin-top: 6px; } /* not working */

#content p { margin-top: 0; margin-bottom: 12px;}

/* #content h1 { font-size: 24px; font-family: georgia, serif; font-weight: normal; color: #37612E; margin-top: 0; } */
h2 { font-size: 0.75em; color: #85161B; margin-top: 0; margin-bottom: 4px;} /* 1.5em*/
h3 { font-size: 0.75em; color: #85161B; margin-top: 0; margin-bottom: 4px;}
h4 { font-size: 0.75em;  margin-top: 0;}

#rightCol { float: right; width: 350px;  padding-bottom: 10px; margin-bottom:10px; /* background: #efefef; */}
#rightCol p { margin-top: 0; }

div.quote { font-family: Georgia, serif;  color: #92804E; font-style: normal;}
div.quote p {margin-bottom: 6px; font-size: 0.95em;}
div.quote p.quoteByLine { font-size: 0.85em; font-style: normal;}


#infoDiv { display: block; }

#rightCol ul { list-style-type: none; margin: 0; padding: 0; margin-top: 20px; }
#rightCol ul li { list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px;}

.clearer { clear: both; display: block;  height: 10px; }



#photoCaption { margin-top: 0; font-size: 0.75em;  }
.quote { margin-top: 20px; }



/* footer */

#footer {  float: left; display: block; width: 960px; border-top: 1px solid #900; color: #666;  font-size: .65em; padding-bottom: 10px; margin-bottom: 10px;} 
#footer a { text-decoration: none; }
/* #footer a:hover { color: #fff; } */
#copyright { float: left; width: 200px; margin-top: 8px;   }
#contact { float: right; width: 250px; margin-top: 8px;  text-align: right; }

#privacy { float: left; padding-left: 40px; width: 100px; margin-top: 8px;}
#credit { float: left; padding-left: 100px; width: 250px; margin-top: 8px;  text-align: right; }
#credit a, #credit a:visited { color: #999; }
#credit a:hover { color: #69c; }



.clearer { display: block; clear: both; }


/* Links */

#content a, #rightCol a { color: #369; }
#content a:visited, #rightCol a:visited { color: #369; }
#content a:hover, #rightCol a:hover { color: #39C; }
#content h2 a, #content h2 a:visited { color: #85161B; text-decoration: none; }
#content h2 a:hover, #content h2 a:hover { color: #C30;}





/* Calendar list and details */

.calendar #content { padding-left: 30px; width: 480px;/*  background: #efefef;  */}
.calendar #rightCol {width: 220px;  }





/* home */

.home #container { margin-top: 40px;  }
.home #main {float: right; width: 720px; margin-top: 10px; }

.home #slideshow { display: block; width: 720px; height: 460px; float: right; overflow: visible;} /* CP 2010-06-18*/

.home #centerCol { float: left; width: 450px; }
.home #content { width: 450px; padding-left: 0; }
.home #rightCol { float: right; width: 220px; }

#logoHome { margin-bottom: 20px; }

div.mission { font-family: Georgia, serif;  color: #92804E; font-style: normal;  border-bottom: 1px solid  #900; padding-bottom: 4px; }
div.mission p {margin-bottom: 8px; margin-top: 8px; font-size: 0.80em; line-height: 1.2em;}
div.mission p.moreLink { margin-top: 0px; margin-bottom: 6px; }


div#luminaNewsHeading { padding-top: 20px; }
div.homeNewsItem { margin-top: 20px; }
div.homeNewsItem h3 { margin: 0; padding: 0; margin-bottom: 2px; }
div.homeNewsItem p { margin: 0; padding: 0; margin-top: 0px; margin-bottom: 4px; }
div.homeNewsItem p.moreLink { margin-top: 0px; margin-bottom: 6px; }
.home .donateButton { margin-top: 12px; }

div#slideshow { border-bottom: 1px solid  #900; padding-bottom: 12px; margin-bottom: 20px;}
div#luminaPresentsHeading { padding-bottom: 20px; }
div.homeCurrentPerformances p { margin: 0; padding: 0; }
div.homeCurrentPerformances h3 { margin: 0; padding: 0; margin-bottom: 2px; }
div.homeCurrentPerformances p.moreLink { margin-bottom: 20px; }

div.luminaCalendarHeading { padding-bottom: 20px; }

.home p.homeVid { margin-top: 12px; }


/* Performance entries */

div.performanceEntry { margin-bottom: 20px; padding-bottom: 6px; border-bottom: 1px solid #efefef;}
div.performanceEntry h2 { margin-bottom: 2px; }


/* small calendar grid */

table.calendarBG {background: #EBE6D8; width: 220px; }
td.calendarCell { background: #F8F5ED; font-size: 0.75em; }
td.calendarBlank { font-size: 0.75em; }
td.calendarToday { font-size: 0.75em; }

tr.calendarHeader { font-size: 0.75em; }
th div.calendarMonthLinks { font-size: 0.75em; }
td.calendarDayHeading { font-size: 0.75em; } 



/* calendarDetails */

h4.greenHeading { color: #51a760; margin-bottom: 4px; }
div.greenDetails { margin-bottom: 20px; }
h4.blueHeading { color: #4f9aa4; margin-bottom: 4px; }
div.blueDetails { margin-bottom: 20px; }


/* calendar index (list) */

#calendarIndex h4.greenHeading { font-weight: normal; }
#calendarIndex h4.blueHeading { font-weight: normal; }
#calendarIndex div.entry { padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #900; }

/* calendar production schedule (list) */

.entryTitle span.rehearsalDate { color: #666; padding-left: 20px; }
p.greenHeading { color: #51a760; }
p.blueHeading { color: #4f9aa4;}
p.greenDetails { margin-bottom: 12px; }
p.blueDetails { margin-bottom: 12px; }
#calendarProductionSchedule div.entry { padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #900; }

/* calendar grid */

table#calendarGrid {width: 720px;}
table#calendarGrid th { font-family: verdana, sans-serif; font-weight: bold; }
table#calendarGrid td {text-align: center; vertical-align: middle; height: 80px; font-family: verdana, sans-serif; width: 14%;}

table#calendarGrid td.calendarDayHeading {background: #F2EEE3; height: 20px;} 
table#calendarGrid td.calendarBlank  {background: #F2EEE3; } 


/* gallery and calendar grid */

body.gallery #rightCol {display: none; }


/* registration */

table.registrationTable {  border: 1px solid #efefef; border-width: 0 0 1px 1px; margin-top: 0px; width: 100%; margin-bottom: 4px;}
table.registrationTable td { border: 1px solid #efefef; border-width: 1px 1px 0 0; font-size: 0.75em; padding: 4px; text-align: center;}
table.registrationTable td.leftCell { text-align: left; }

.registration h2 { margin-top: 20px; }


/* registration and policies */

.registration #rightCol { /* display: none; */  width: 240px;}
.registration #rightCol div.quote { width: 240px; }

.registration #centerCol { width: 480px; }
.registration #content { width: 450px; padding-left: 30px;}



/* policies */


ol.lettered { list-style-type: lower-alpha; }


/* testimonials */


#testimonials #content div.quote { font-family: verdana, sans-serif;  color: #666; font-style: normal; margin-bottom: 20px;}
#testimonials #content div.quote p {margin-bottom: 6px; font-size: 0.75em;}
#testimonials #content div.quote p.quoteByLine { font-size: 0.75em; font-style: normal;}



/* email link - press, contact and where else? */

span.emailLink { font-size: 0.75em; display: inline; }

/* press */

div#newsWide { margin-left: 230px; }

/* staf bios */

div.bioSection { clear: both; /* float: left;  */ margin-bottom: 20px;}
div.bioPhoto { float: left; width: 150px;}
div.bioRight { float: right; width: 540px; }


/* gallery landing */

#gallery div#galleryDiv { /* width: 620px; */ display: block; float: left; padding: 0; /* border: 1px solid red; */  }

div.gallerySection { display: block;   float: left;  margin-bottom: 20px; /* width: 610px; */ /* background: #ccc; */ }
div.galleryThumb { float: left; width: 75px; }
div.galleryDescription { float: right; width: 240px;  padding-left: 20px; /* background: #ccc; */  font-size: 0.75em;  }
 div.galleryTitle { font-weight: bold; margin-bottom: 8px; }

 #galleryLeftDiv { width: 340px; float: left; /* background: #efefef; */}
 #galleryRightDiv { width: 340px; float: right; /* background: #efefef; */}
 
 
 /* gallery all */
 
 
 .gallery #underImagesRule {  margin-bottom: 20px; }
 
 
 /* Gallery */

.gallery #content {  padding-left: 40px; width: 720px;  }
.gallery #rightCol {width: 0px;  }



#video div.galleryThumb {  width: 130px; }
#video div.galleryDescription { width: 340px; }




/* site map */

div#content ul.sitemapList { list-style-type: none;  margin: 0; padding: 0;}
div#content ul.sitemapList li a { text-decoration: none; }
div#content ul.sitemapList li { margin: 0; padding: 0; font-size: 0.75em; margin-top: 2px; font-weight: bold; }
div#content ul.sitemapList li ul { list-style-type:none; margin: 0; padding: 0; }
div#content ul.sitemapList li li { margin-left: 15px; font-size: 0.95em; font-weight: normal;  }
div#content ul.sitemapList li.topItem { margin-top: 0; }

/* FAQ */

dl.faqList { list-style-type: none; margin: 0; padding: 0; }
dl.faqList dt { font-size: 0.75em; font-weight: bold;   margin: 0; padding: 0; margin-top: 15px;}
dl.faqList dd { font-size: 0.75em; font-weight: normal;   margin: 0; padding: 0; margin-top: 5px }


/* Registration Forms */

.formTable { width: 550px;} 
.formTable td { padding-bottom: 4px; font-size: 0.75em; } 
.formTable td p { font-size: 1em; }
.formTable td.formLabelCell { } 
.formTable td. { } 
input { border: 1px solid #666; }

/* Order Form */

#orderForm #leftCol { /* background: #efefef; */ }
#orderForm #rightCol { /* background: #ccc;  */}

div.orderButtons { clear: both;  margin-top: 0px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
span.orderItemName { font-weight: bold; color: #85161B; }
div.orderItem { float: left; width: 110px;  padding-right: 5px;}
div.orderItem a { display: block; width: 100px;  font-size: 0.75em;  padding: 4px;  border: 1px solid #ccc; text-align: center; background-color: #F1EDDF; text-decoration: none; }

div.orderItem a:hover { background-color: #F7F4EB; }