body { padding: 0px; margin: 0px; background: #000 url('http://www.dcatheater.org/images/home_images/redCurtain2.jpg') no-repeat fixed top center; font-family: Verdana, sans-serif; opacity:.9999;}

p {font-size: 12px; line-height: 18px; margin: 6px 0; }
h1, h2, h3, h4 {text-transform: uppercase; margin: 0;}
h1 {font-size: 14px; line-height: 18px;}
h2 {font-size: 12px; line-height: 16px;}
h3 {font-size: 11px; line-height: 14px;}
a:link, a:visited, a:active {font-weight: bold; text-decoration: none; color: #a81724;}
a:hover {text-decoration: underline;}

.hide {display: none; visibility: hidden;}
.allcaps {text-transform: uppercase;}
.small {font-size: 80%;}
.red {color: #bf1e2d;}
.subhead {font-style: italic; text-transform: none;}
.caption {font-size: 65%; line-height: 100%; font-style: italic; margin: 0 0 6px 0;}
.imageright {float: right; margin-left: 10px;}
.imageleft {float: left; margin-right: 10px;}
.noborder {border: 0;}
.leftalign {float: left;}
.rightalign {float: right;}

#banner_logo { padding: 6px 6px 2px 9px;}
#wrapper  { background: #000; width: 698px; _width: 697px; margin: 0pt auto; padding-top: 16px; padding-bottom: 10px; position: relative;}

/* MAIN NAVIGATION */

ul.mainnavlist { padding: 0; background: #000; width: 674px; _width: 684px; margin: 0 auto; height: 1.68em;}
li.mainnav {font-family: "Times New Roman", Times, serif; font-size: 9pt; margin: 0px; float:left; border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; list-style: none;}
.mainnavoff { background: #000; }
.mainnavon { background: #4D4D4D; }
.mainnav a {display: block; padding: 5px 15px;}
.mainnav a:link, .mainnav a:visited, .mainnav a:active {text-decoration: none; color: #fff; font-weight: normal;}
.mainnav a:hover {text-decoration: none; background: #4D4D4D;}

li.mainnav ul {padding: 0; margin: 1px 0 0 0; list-style: none; position: absolute; z-index: 100; background: #6D6E71; font-family: Arial, Verdana, sans-serif; font-size: 0.833em; text-transform: uppercase; display: none;}
li.mainnav ul li {display: block;}
#nav_blog {border-right: 1px solid #fff;}
li.mainnav ul li a {display: block; padding: 10px 15px; _height: 1%; _width: 160px;}
li.mainnav ul li a:hover, li.mainnav ul li a:active {background: #96989B;}

/* SUBNAV */

.subnavcontainer { float:left; width: 140px; margin: -7px 5px 0 5px;}
.subnavtitle { background:#A71825; color:#fff; border: 1px solid; padding: 7px 10px 5px 10px; _padding: 5px 10px 6px 10px; text-align:center; font-family: Times New Roman; font-size: 14px; width:90px; position: relative; left: 14px; top: 7px; margin: 0;}
.subnavback { background:#3A3A3C; width: 140px; padding: 7px 0 5px 0; _padding: 12px 0 5px 0; }
.subnavmain { border: 1px solid #fff;  margin: 5px 5px 0 5px; font-size:10px; font-family: Arial;}
.subnavmain a:link, .subnavmain a:visited, .subnavmain a:active {color: #fff;}
.subnavitem1 { background:#6D6E71; color: #fff; padding: 7px 5px 7px 5px;}
.subnavitem2 { background:#96989B; color: #fff; padding: 7px 5px 7px 5px;}

.subsubnav { margin: 5px 0 0 20px; padding: 0;}
.subsubnav li {line-height: 14px; padding: 0;}

#showcasewrapper { margin: 2px 0 0 10px; _margin: 0px 0 0 5px; color:#FFFFFF; float:left; width:490px; }
#showcasetagline { position:relative; top: 0px; _top: 0px; float:left; width:310px; font-style: italic; font-weight: bold; font-family: Times New Roman; font-size: 13px; color: #999999; padding: 5px;}
#showcasetitle { position:relative; top: 8px; left: -14px; background:#a81724; float:left; width:160px; height: 20px; text-align: center; padding: 3px 0 0 0; border: solid 1px #000; font-family: Times New Roman; font-size: 12px; z-index: 1;}
#showcasemain { float:left; width:480px; min-height: 442px; _height: 453px; background: #fff; padding: 15px 0px 0px 10px; position: relative; }
.showcase { float:left; width:240px; color: #000; font-family: Verdana;}
.showcase_image { width:230px; height:300px; border: 0;}
.showcase h3 {font-size: 11px; margin: 0; padding: 5px;}
.showcase p {margin: 0; padding: 2px 5px; font-size: 10px; line-height: 16px;}
.showcase a:link, .showcase a:visited, .showcase a:active {font-weight: bold; font-size: 9px; text-decoration: none; color: #a81724;}
.showcase a:hover {text-decoration: underline;}

#programswrapper { width: 100%; margin-top:6px; _margin-top:10px; margin-left:4px; _margin-left:0px; margin-bottom: 10px; overflow: hidden;}
#programsmainwrapper { float: left; width: 354px;}
#programsmain { float:left; width:330px; min-height: 490px; _height: 490px; background: #fff; padding: 4px 12px 12px 12px; position: relative;}
.programstitle {color: #bf1e2d; font-family: Lucida Grande; font-size: 12px; font-weight:bold; margin:0 0 0 5px; }
#programsmain h1, #widerpage h1, #widestpage h1 {background: #96989B; border-top: 1px solid #6D6E71; border-right: 1px solid #6D6E71; border-bottom: 1px solid #6D6E71; margin: 15px 0 12px -12px; _margin: 18px 0 12px -12px; padding: 4px 0 4px 12px;}
#programsmain ul, #widerpage ul {font-size: 12px; line-height: 18px; padding: 0; margin: 6px 14px;}
#programsmain ul li, #widerpage ul li {padding: 2px 0;}

.programs_now { background: url(/images/second_level_images/shadow.png) no-repeat bottom right !important; background: url(/images/second_level_images/shadow.gif) no-repeat bottom right; margin: 6px 0 0 10px; position: relative; height: 350px;}
.showphoto { display: block; position: relative; top: 0; left: 0; background-color: #fff; border:1px solid black; margin: -6px 6px 6px -6px; border: 0; position: absolute; }
.photobg {position: relative;}
.photobg img {position: absolute; top: 6px; left: 10px;}
.programs_copy { float:left; color: #000;  background:#fff; padding: 5px 10px 5px 5px;  font-family: Verdana; }
.programs_copy p {font-size: 10px; line-height: 14px;}
.programs_copy h3 {margin: 0;}
.programs_copy a:link, .programs_copy a:visted, .programs_copy a:active, .showcase_copy a:visited,  .showcase_copy a:active {font-weight: bold; font-size: 9px; text-decoration: none; color: #a81724;}
.programs_copy a:hover, .programs_copy a:hover {text-decoration: underline;}

.programsmore { float:left; background:#3A3A3C; color: #000; width:178px; padding-bottom:5px; _padding-bottom:0px; margin-bottom: 5px; }
.programsmore_title { float:left; background:#96989B; font-family: Times; font-size: 12px; font-weight:bold; margin: 19px 0 10px 0;  _margin: 19px 0 4px 0; height: 20px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom:1px solid #fff; text-align:center; padding: 6px 6px 0 6px;}

.programsmore ul { clear:left; list-style-type: disc; margin-left:20px; _margin-left:24px; margin-top:0px; _margin-top: 10px; padding-left:0px; padding-top:0px; _text-indent:2px;  font-family: Arial; font-size: 10px;} 
.programsmore li { line-height: 12px; color: #fff;}
.programsmore a:link, .programsmore a:visited, .programsmore a:active {color: #fff; text-decoration: none;}
.programsmore a:hover {text-decoration: underline;}
.programswrapper2 { float: left; padding: 0 0 0 15px; margin-top:20px;width: 494px; border:1px solid #fff;}
.emptylist {list-style: none; font-size: 10px;}

.programsnowplaying {font-size: 10px; font-family: Verdana, sans-serif; padding: 5px; margin: 5px 0; background:#96989B; border: 2px solid #6D6E71; width: 316px; overflow: hidden;}
.programsnowplaying h3, .programsnowplaying h4, .programsnowplaying p {font-size: 10px; line-height: 14px;}
.programsnowplaying h3, .programsnowplaying h4 {margin: 0 0 5px 0;}
.programsnowplaying p {margin: 0;}
.programsnowplaying img {float:left; margin: 0 5px 0 0;}
.programsnowplaying_copy {margin: 0 0 0 75px;}
.programsupcoming ul {margin: 0 0 0 14px; padding: 0;}
.programsupcoming ul li, .small_list li, .downloads_list li {margin-left: 0; font-size: 10px; line-height: 16px; padding: 2px 0;}
.highlighted {background:#c5cad1;}
.highlighted p, .highlighted h3 {font-size: 12px; line-height: 16px;}

.programsshowtimes { float:left; width:344px; background:#3A3A3C; padding: 0 0 4px 10px; margin-top:9px; color: #96989B;}
.programsshowtimes_title  { background:#A71825; color:#fff; border: 1px solid #fff; padding: 5px 10px 5px 10px; text-align:center; font-family: Times New Roman; font-size: 14px; width:100px; position: relative; left: 4px; top: -14px; margin: 0;}
.programsshowtimes p { padding-left: 7px; margin: 0 0 12px 0;}
.programsshowtimes_time { float:left; margin: 0 0 10px 6px; font-size:10px; font-family: Arial; width: 100px;}
.programsshowtimes_time a:link, .programsshowtimes_time a:visited, .programsshowtimes_time a:hover, .programsshowtimes_time a:active {color: #fff;}

#pastshows, #downloads { border: 1px solid #000; font-size: 10px; padding: 0;}
#pastshows {margin: 0}
#downloads {margin: 10px 0;}
#downloads p, #downloads h3 {font-size: 10px; line-height: 12px; margin: 0;}
#pastshows p {font-size: 9px; line-height: 10px; margin: 0;}
#pastshows th a {color: #fff; text-decoration: underline;}
#pastshows th img {padding: 0 0 0 4px;}

.downloads_list {}
.downloads_list li {list-style-type: none; padding: 6px 0 !important; border-bottom: 1px solid #6D6E71;}

#widerpage { float: left; width: 475px; min-height: 490px; _height: 453px; background: #fff; margin-top:0; padding: 4px 12px 12px 12px; margin-left: 5px;}
#widestpage { float: left; width: 656px; min-height: 490px; _height: 453px; background: #fff; margin-top:0; padding: 4px 12px 12px 12px; margin-left: 5px;}

.sidebarwrapper { float: left; margin-top: 11px; padding: 0 0 0 15px; width: 170px; }
.sidebarspacer {float: left; height:5px; width: 170px;}
.sidebarsecondwrapper { float: left; position: relative; top: 8px; padding: 0 0 0 8px; width: 170px;}
.sidebarwrapper img, .sidebarsecondwrapper img {border: 0;}
.sidebarsecondspacer {float: left; height: 8px; width: 170px; font-size: 0;}
.sidebarsecondsponsor { float: left; width: 170px; text-align:center; color:#fff;}
.sidebarsecondsponsor img { max-width: 166px; border: 2px solid #3A3A3C; }

.newswrapper { float: left; height: 180px; margin-left: 5px; padding: 0; color: #fff; }
.news_head { z-index:1; position:relative; left: 8px; top: 5px; width: 150px; height: 20px; padding: 3px 0 0 0; color: #fff; background: #59595b; border: 2px solid #000; text-align:center; font-family: Times New Roman; font-size: 12px; margin: 0;}
.news_body { float: left; width: 160px; padding: 15px 5px 5px; color: #fff; background: #333; margin-top: -5px;}
.news_body p { font-family: Arial, sans-serif; font-size: 9px; line-height: 12px; padding: 6px; margin: 0}
.news_body a:link, .news_body a:visited {color: #fff;}
.news_body p.odd {background: #6D6E71;} 
.news_body p.even {background: #96989B;}

#cityseal {margin: 14px 0; float:left;}
#cityseal img {float: left;}
#cityseal p {color: #fff; font-family: Arial, sans-serif; font-size: 8px; line-height: 12px; margin-left: 65px;} #cityseal img+p {margin-top: 0;}

.wrapper2 { float: left; padding: 0 0 0 10px; width: 680px;}

.upcomingwrapper { width: 490px; float: left; padding: 0 0 0 0; color: #fff;}
.upcomingtitle { background:#a81724; width:140px; height: 20px; text-align: center; padding: 3px 0 0 0; margin: 10px 0 5px 0; border: solid 1px #000; font-family: Times New Roman; font-size: 12px;}
.upcoming { float: left; width: 159px; padding: 2px; color: #fff; font-family: Verdana;}
.upcoming img { float: left;}
.upcoming_copy {padding-left: 76px;}
.upcoming_copy p {font-size: 8px; line-height: 10px; margin: 0 0 5px 0;}

.mailinglist {text-align: center; background: #BD6625; border: 1px solid #630C0D;}
.mailinglist a {padding: 0 0 0 30px; background: url(http://www.dcatheater.org/images/home_images/mail_icon.gif) no-repeat 0 0; color: #4F0303; font-size: 16px; font-weight: bold; font-family: "Times New Roman", Times, serif; text-decoration: none; line-height: 1.2em; letter-spacing: 0.01em;}
.mailinglist a span {color: #fff;}
.mailinglist2 { position:relative; top: 4px; background:#be6727; float:left; width:480px; _width:480px; height: 20px; text-align: center; padding: 7px 0 0 0; margin-bottom: 10px; _margin-top: 4px; border: solid 2px #630D0D; font-family: Times New Roman; font-size: 13px;}
.mailinglist img, .mailinglist2 img {border: 0;}

.clear {clear:left;}

#footer { color:#fff; margin: 0pt auto; width: 640px; text-align: center; margin-top: 8px; font-family: Times New Roman; font-size: 12px;}
#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {color: #fff;}

/* ------------------- PHOTO GALLERY -------------------- */
#photowindow {background: #fff;}
#photogallery {margin: 0; padding: 0; background: #fff; width: 100%; overflow: auto;}
#photowindow #photogallery {margin-top: 20px;}
#photogallery .paginate { margin: 10px 0 10px 6px; font-family: Arial, Sans-serif; font-size: 10px; text-transform: uppercase;}
#photogallery .spacer { font-size: 10px; margin: 5px 0 5px 0;}
#photogallery img {margin: 0; padding: 0; border: 0;}
#photogallery .jumpnav {padding: 10px 0;}
#photogallery .border {border: 1px solid #000;}
#photogallery .paddedborder { padding: 20px; border: 1px solid #000;}
#photogallery .thumbs { text-align: center; padding: 5px 0; background-color: #c5cad1;}
#photogallery .title {margin: 3px 0 0 0; font-size: 10px;}
#photogallery .caption { margin: 12px 0 4px 0; font-size: 10px; font-style: normal;}
#photogallery .stats { margin: 4px 0 4px 0; font-family: Verdana, Arial, Sans-serif; font-size: 10px;}
#photogallery .imageBG { text-align: center; background-color: #C5CAD1; }
#photogallery .categories { padding: 5px; text-transform: uppercase;}
#photogallery .tableBorder { border: 1px solid #000; }
#photogallery tr.odd, #pastshows tr.odd, #downloads tr.odd {background: #c5cad1;} 
#photogallery tr.even, #pastshows tr.even, #downloads tr.even {background: #96989b;}
#photogallery th, #pastshows th, #downloads th { font-family: Arial, Sans-serif; font-size: 10px; color: #fff; font-weight: bold; text-transform: uppercase; text-align: left; padding: 5px; background-color:  #3A3A3C; }
#photogallery td { font-family: Verdana, Arial, Sans-serif; font-size: 10px; }

/* ------------------- BLOG -------------------- */
.blogentry { border-bottom: 1px solid #6D6E71; padding: 0 0 10px; width: 330px; _width: 320px; _border: none;}
.blogentry p {font-size: 10px; line-height: 14px; margin: 6px 0;}
.blogentry h2, .comments h2, #comment_form h2, h2.sentence_case {text-transform: none; }
.blogentry_title { font-size: 14px; line-height: 16px; clear: both; background: #3a3a3c; border-top: 1px solid #6D6E71; border-right: 1px solid #6D6E71; border-bottom: 1px solid #6D6E71; margin: 6px 0 0 0px; padding: 4px 4px 4px 10px; position: relative; left: -12px; width: 327px; _width: 317px;}
.blogentry_title a:link, .blogentry_title a:visited, .blogentry_title a:hover, .blogentry_title a:active {color: #fff;}
.blogentry_posted, .blogentry_categories, .blogentry_comments { font-weight: normal; color: #6D6E71; font-size: 9px; line-height: 12px;}
.blogentry_posted {padding: 3px 0 5px;}
.blogentry_categories {padding: 5px 0 0;}
.blogentry_comments {padding: 3px 0;}
p.readmore {margin: 0; padding: 0 0 6px; }
.paginate { font-size: 10px; margin: 6px 0 6px; display: inline;}
.category_heading {margin-bottom: 0 !important; }
.comments p {font-size: 10px; line-height: 14px;}
.comment, .comment_preview {background: #C5CAD1; border: 1px solid #6D6E71; padding: 5px 10px;}
.comment {margin: 5px 0;}
.comment_posted {font-weight: normal; color: #6D6E71; font-size: 9px; line-height: 12px; padding: 0 0 6px;}
.comment_preview p {font-size: 10px; line-height: 14px; padding: 0 5px;}
.nav_categories {margin: 5px 0 0 20px; padding: 0; color: #fff;}
.nav_categories ul {margin: 0; padding-left: 10px;}
.nav_categories li {line-height: 14px;}
.nav_categories ul li {list-style-type: disc;}