/* DCC Main CSS Document */
* { margin: 0; padding: 0; border: 0; }
html { font-size: 62.5%; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #716B64; background-image: url(images/bottom_bg.jpg); background-position: top left; background-repeat: repeat-y; }
body { background-image: url(images/top_bg.jpg); background-position: top left; background-repeat: no-repeat; }
img { border: none; }
input, select { font-family: Arial,Helvetica,sans-serif; }
html, form, body { margin: 0px; padding: 0px; height: 100%; }
table#wrapper { width: 770px; height: 100%; border: none; margin: 0px 0px 0px 10px; padding: 0px; }
/* Standard Backgrounds */
td#content { height: auto; background-image: url(images/content_bgrnd.png); background-position: top left; background-repeat: repeat-y; }
td#footer { height: auto; background-image: url(images/content_bgrnd.png); background-position: top left; background-repeat: repeat-y; }

div.moduleimage { padding: 17px 0px 0px 21px; }
body.page_events_detail div.moduleimage { padding: 20px 0px 0px; margin: -3px; }

div.homepage_movie { font-family: Arial,Helvetica,sans-serif; }

div.homepage_movie p { font-size: 1.3em; line-height: 1.5em; padding: 0; }

div.homepage_movie h1 { color: #FF3300; font-size: 1.7em; font-weight: normal; }

div.homepage_movie a { color: #FF3300 !important; text-decoration: underline !important; }

body.page_home p { font-size: 1.3em; line-height: 1.5em; }

/* Events Backgrounds  */
div.moduleimage a { padding: 0; display: block; background: url(/App_Styles/Images/img_shdw_bg.gif) no-repeat top left; }
div.moduleimage a img { padding: 3px; display: block; background: url(/App_Styles/Images/img_shdw_cap.gif) no-repeat bottom left; }
div.mcontact { padding: 17px 0px 0px 21px; }
body.page_events td#content { height: auto; background-image: url(images/content_bgrnd_events.png); background-position: top left; background-repeat: repeat-y; }
body.page_home td#footer, body.page_events td#footer { height: auto; background-image: url(images/content_bgrnd_events.png); background-position: top left; background-repeat: repeat-y; }
/* Home page Backgrounds */
/* Media List Backgrounds */
body.page_medialist td#content { height: auto; background-image: url(images/content_bgrnd_medialist.png); background-position: top left; background-repeat: repeat-y; }
body.page_medialist td#footer { height: auto; background-image: url(images/content_bgrnd_medialist.png); background-position: top left; background-repeat: repeat-y; }
/* Home Backgrounds */
/* Content */
img#dcc_logo { margin: 15px 0px 0px 15px; }
td#content div.div_logo { min-height: 95px; height: auto !important; height: 95px; position: relative; }
td#content div.div_logo div.search { position: absolute; top: 25px; right: -5px; width: 215px; }
td#content div.div_logo div.search input.text { border: 1px solid #ccc; padding: 2px; font-size: 1.2em; width: 150px; float: left; margin: 0px 5px 0px 0px; }
td#content div.div_logo div.search input.img { float: left; }
td#content div.header_shadow { background-image: url(images/bar_top.png); background-position: top left; background-repeat: repeat-x; height: 5px; width: 750px; margin: 0px 0px 0px 5px; font-size: 0; }
body.page_home td#content div.header_shadow, body.page_events td#content div.header_shadow, body.page_events_list td#content div.header_shadow { background-image: url(images/bar_top_events.png); background-position: top left; background-repeat: repeat-x; height: 5px; width: 750px; margin: 0px 0px 0px 5px; }
body.page_home td#content div.header_shadow { background-image: url(images/white_shadow.png); }
body.page_home div.banners { display: block; width: 750px; padding: 0 0 10px; margin: 0 5px; background: transparent url(images/page_break.jpg) no-repeat bottom left; }
body.page_home div.banners div.wrapban { display: block; margin: 0 auto; width: 710px; padding: 10px 20px 18px; background: #FFF; }
body.page_home div.banners div.wrapban a.left { margin: 0 18px 0 0; }
body.page_home div.banners div.wrapban a { font-size: 0; line-height: 0; }
body.page_home div.banners div.wrapban a img { }
body.page_home div.sidebar { float: left; padding: 0 0 16px 9px; }
body.page_home div.content_hold { float: left; width: 490px; background: url('Images/home_bg.png') repeat-y top left; margin: 0 0 0 -15px; position: relative; }
body.page_home div.content_hold div.header img { }
body.page_home div.content_hold div.header { font-size: 0; line-height: 0; display: block; background: #EEEEE4 url('Images/home_bg_cap.png') no-repeat bottom left; padding: 15px 0 1px 1px; height: 100%; }
body.page_home div.content_hold div.content { padding: 0 15px 9px; }
body.page_home div.content_hold div.content a { display: block; width: 460px; height: 333px; margin: 10px 0 0; position: relative; text-decoration: none; }
body.page_home div.content_hold div.content a span.title { top: 235px; left: 0; position: absolute; display: block; }
body.page_home div.content_hold div.content a span.title em { font-style: normal; }
body.page_home div.content_hold div.content a span.title em.main { float: left; display: block; padding: 3px 7px; background: #FFF; font-family: Arial,sans-serif; font-size: 2em; text-decoration: none; color: #254B4E; font-weight: bold; }
body.page_home div.content_hold div.content a span.title em.sub { clear: left; float: left; display: block; padding: 3px 7px; background: #FFF; font-family: Arial,sans-serif; font-size: 1.7em; text-decoration: none; color: #F30; font-weight: normal; }
body.page_home div.content_hold div.content a:focus span.title em, body.page_home div.content_hold div.content a:hover span.title em { background: #F30; color: #FFF; }
body.page_home div.page_structure div.left_hand_column { /*width:755px;*/ }
body.page_medialist td#content div.header_shadow { background-image: url(images/bar_top_medialist.png); background-position: top left; background-repeat: repeat-x; height: 5px; width: 750px; margin: 0px 0px 0px 5px; }
td#content div.main_nav_container { min-height: 120px; height: auto !important; height: 120px; background-color: #FCFBF5; width: 750px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px; border-bottom: 10px solid #fff; background-image: url(images/shadow_bar_nav.png); background-position: 0px 116px; background-repeat: repeat-x; }
td#content ul.main_navigation { padding: 0px 0px 0px 0px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; text-align: left; list-style: none; margin: 0px 0px 0px 0px; }
td#content ul.main_navigation li { list-style: none; float: left; padding: 3px 0px 0px 0px; background-image: url(images/top_nav_shadow_top.png); background-position: top left; background-repeat: repeat-x; }
td#content ul.main_navigation li.last { list-style: none; float: left; padding: 3px 3px 0px 0px; background-image: url(images/top_nav_shadow_right.png); background-position: top right; background-repeat: repeat-y; }
td#content ul.main_navigation li a { color: #fff; text-decoration: none; padding: 4px 10px 4px 10px; background-color: #ff3300; background-image: url(images/main_nav_bgrnd.png); background-position: bottom left; background-repeat: no-repeat; display: block; }
td#content ul.main_navigation li a:hover { color: #716B64; text-decoration: none; padding: 4px 10px 4px 10px; background-color: #fff; background-image: url(/App_Styles/Images/overline.gif); display: block; }
td#content ul.main_navigation li a.on { color: #716B64; text-decoration: none; padding: 4px 10px 4px 10px; background-color: #fff; background-image: url(/App_Styles/Images/overline.gif); display: block; }
/* Page Content */
td#content div.page_structure { width: 750px; }
div.page_structure div.right_hand_column { float: left; width: 250px; padding: 0px 0px 20px 0px; }
/* Standard */
div.page_structure div.left_hand_column { float: left; width: 460px; padding: 0px 10px 0px 15px; margin: 0px; }
/* FullPage */
body.page_events div.page_structure div.left_hand_column { width: 100%; padding: 0px 10px 0px 15px; margin: 0px; }
/* Media List */
body.page_medialist div.page_structure div.left_hand_column { width: 100%; padding: 0px 0px 0px 25px; margin: 0px; }
div.right_hand_column div.section_header { margin: 0px 12px 0px 22px; height: 60px; position: relative; background-image: url(images/sub_nav_top_shadow.gif); background-position: 0px 57px; background-repeat: repeat-x; }
div.right_hand_column div.section_footer { margin: 0px 12px 0px 22px; height: 4px; background-image: url(images/sub_nav_bottom_shadow.gif); background-position: top left; background-repeat: repeat-x; }
body.page_media_detail div.right_hand_column div.section_header img { margin-bottom: -1px; }
div.right_hand_column div.section_header img { position: absolute; bottom: 0px; left: -2px; }
div.right_hand_column div.page_navigation { margin: 0px 10px 0px 0px; background-image: url(images/sub_nav_right_shadow.gif); background-position: top right; background-repeat: repeat-y; padding: 0px 0px 0px 0px; }
div.page_navigation ul.nav_items { font-family: Arial,Helvetica,sans-serif; font-size: 1.3em; line-height: 1.2em; font-weight: bold; padding: 0px 0px 0px 4px; text-align: left; list-style: none; margin: 0px 4px 0px 20px; background-image: url(images/sub_nav_left_shadow.gif); background-position: top left; background-repeat: repeat-y; }
div.page_navigation ul.nav_items li { list-style: none; padding: 1px 0px 0px 0px; background-image: url(images/dash.gif); background-position: top left; background-repeat: repeat-x; }
div.page_navigation ul.nav_items li.first { list-style: none; border-top: 1px solid #E3E2D9; background: none; }
div.page_navigation ul.nav_items li a { color: #666; text-decoration: none; padding: 6px 10px 2px; background-color: #fff; display: block; width: auto; min-height: 40px; height: auto !important; height: 40px; }
div.page_navigation ul.nav_items li a:hover { color: #ff3300; text-decoration: none; padding: 6px 10px 2px; background-color: #FFEAE5; display: block; width: auto; min-height: 40px; height: auto !important; height: 40px; }
div.page_navigation ul.nav_items li a.on { color: #ff3300; text-decoration: none; padding: 6px 10px 2px; background-color: #FFEAE5; display: block; width: auto; min-height: 40px; height: auto !important; height: 40px; }
/* Sub page items */
div.page_navigation ul.nav_items ul.sub_nav_items li a { font-weight: normal; }
div.page_navigation ul.nav_items ul.sub_nav_items { padding: 0px 0px 0px 0px; text-align: left; list-style: none; margin: 0px 0px 0px 0px; }
div.page_navigation ul.nav_items ul.sub_nav_items li { list-style: none; padding: 1px 0px 0px 0px; background-image: url(images/dash.gif); background-position: top left; background-repeat: repeat-x; }
div.page_navigation ul.nav_items ul.sub_nav_items li a { color: #666; text-decoration: none; padding: 4px 10px 4px 25px; background-color: #fff; display: block; width: auto; min-height: 20px; height: auto !important; height: 20px; }
div.page_navigation ul.nav_items ul.sub_nav_items li a:hover { color: #ff3300; text-decoration: none; padding: 4px 10px 4px 25px; background-color: #FFEAE5; display: block; width: auto; min-height: 20px; height: auto !important; height: 20px; }
div.page_navigation ul.nav_items ul.sub_nav_items li a.on { color: #ff3300; text-decoration: none; padding: 4px 10px 4px 25px; background-color: #FFEAE5; display: block; width: auto; min-height: 20px; height: auto !important; height: 20px; }
/* Footer */
td#footer div.footer_shadow { background-image: url(images/bar_bottom.png); background-position: top left; background-repeat: repeat-x; width: 750px; margin: 0px 0px 0px 0px; }
td#footer div.main_nav_container { background-image: url(images/footer_bg_expand.jpg); background-position: -12px 0px; background-repeat: repeat-y; width: 100%; padding: 20px 0px 0px 0px; }
td#footer ul.main_navigation { padding: 0px 0px 0px 0px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; text-align: left; list-style: none; margin: 0px 0px 0px 5px; }
td#footer ul.main_navigation li { list-style: none; float: left; padding: 3px 0px 0px 0px; background-image: url(images/top_nav_shadow_top.png); background-position: top left; background-repeat: repeat-x; }
td#footer ul.main_navigation li.last { list-style: none; float: left; padding: 3px 3px 0px 0px; background-image: url(images/top_nav_shadow_right.png); background-position: top right; background-repeat: repeat-y; }
td#footer ul.main_navigation li a { color: #fff; text-decoration: none; padding: 4px 10px 4px 10px; background-color: #ff3300; background-image: url(images/main_nav_bgrnd.png); background-position: bottom left; background-repeat: repeat-y; display: block; }
td#footer ul.main_navigation li a:hover { color: #716B64; text-decoration: none; padding: 4px 10px 4px 10px; background-color: #fff; background-image: url(/App_Styles/Images/overline.gif); display: block; }
td#footer ul.main_navigation li a.on { color: #716B64; text-decoration: none; padding: 4px 10px 4px 10px; background-color: #fff; background-image: url(/App_Styles/Images/overline.gif); display: block; }
td#footer div.footer_detail { width: 750px; min-height: 80px; height: auto !important; height: 80px; background-color: #EEEEE4; margin: 0px 0px 0px 5px; border-top: 10px solid #fff; position: relative; }
td#footer div.footer_detail div.copyright { font-size: 1.0em; line-height: 1.0em; font-weight: bold; position: absolute; bottom: 10px; left: 10px; }
/* Footer sub navigation */
ul.footer_sub_navigation { font-size: 1.2em; line-height: 1.2em; font-weight: bold; text-align: left; list-style: none; width: auto; margin: 0px 0px 0px 0px; }
ul.footer_sub_navigation li { list-style: none; float: left; padding: 0 0 3px; background: url(images/bot_nav_shadow_bot.png) 0 100% repeat-x; }
ul.footer_sub_navigation li.last { padding: 0 3px 3px 0; background: url(images/bot_nav_shadow_right.png) 100% 100% no-repeat; }
ul.footer_sub_navigation li a { color: #fff; text-decoration: none; padding: 4px 10px 4px 10px; background-color: #2A4D53; background-image: url(Images/sub_footer_nav_bgrnd.png); background-position: top left; background-repeat: repeat-x; display: block; }
ul.footer_sub_navigation li a:hover { color: #716B64; text-decoration: none; padding: 4px 10px 4px 10px; background-color: #fff; background-image: none; display: block; }
ul.footer_sub_navigation li a.on { color: #716B64; text-decoration: none; padding: 4px 10px 4px 10px; background-color: #fff; background-image: none; display: block; }
/* Hacks */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* Modules */
div.module { width: 220px; margin: 0 0 0 20px; background: url(/App_Styles/Images/modules/module_shadow_bottom.png) no-repeat 50% 100%; padding: 0 0 4px; }
div.mevents { width: 220px; margin: 0 0 0 -4px; background: url(/App_Styles/Images/modules/module_shadow_bottom.png) no-repeat 50% 100%; padding: 0 0 4px; }
div.module_nobg { width: 220px; margin: 0 0 0 20px; padding: 0 0 4px; }
body.page_events_detail div.module_nobg { width: 220px; margin: 0 -4px; padding: 5px 0 4px; }
body.page_events_detail div.sidebar { background: none !important; }
div.module_rss { width: 220px; margin: 0 0 0 20px; padding: 0 0 4px; }
div.module div.module_header { padding: 21px 0 0; display: block; background: #EEEEE4 url(/App_Styles/Images/modules/module_shadow_top.png) no-repeat 100% 100%; line-height: 0; font-size: 0; }
div.module div.module_header img { padding: 0; position: relative; }
ul.module { list-style: none; background: url(/App_Styles/Images/modules/module_shadow_repeat.png) repeat-y top left; }
div.module ul li { background: url(/App_Styles/Images/dash.gif) repeat-x; position: relative; padding: 1px 0 0; }
div.module ul li.first { background: none; padding: 0; }
div.module ul li { display: block; margin: 0 4px; }
div.module ul.comments li { display: block; margin: 0 4px; padding: 10px 0 6px; }
ul.comments li div.bg { display: block; background: url(/App_Styles/Images/modules/module_comment_bg.png) no-repeat top right; padding: 2px 0 0 0; margin: 0 10px; }
ul.comments li span { display: block; background: transparent url(/App_Styles/Images/modules/module_comment_cap.png) no-repeat bottom right; padding: 0 0 2px; }
ul.comments li em { display: block; background: #FFF; text-align: right; color: #716B64; padding: 4px 0 0; font-weight: normal; font-style: normal; font-family: Arial; font-size: 1.1em; }
ul.comments li em a { color: #F30; text-decoration: none; }
ul.comments li span a { display: block; background: transparent url(/App_Styles/Images/modules/messenger/generic_grey.gif) no-repeat 2px 0; padding: 3px 7px 4px 34px; margin: 0; }
ul.comments li span a { font-family: Arial; font-weight: bold; color: #716B64; text-decoration: none; font-size: 1.1em; }
ul.comments li span a:hover { background-image: url(/App_Styles/Images/modules/messenger/orange.gif); color: #F30; }
ul.news li, ul.gallery li, ul.events li { width: 212px; }
ul.news li a, ul.gallery li a, ul.events li a { display: block; position: relative; padding: 10px 10px 15px; font-family: Arial,Helvetica,sans-serif; text-decoration: none; background: #FFF; }
ul.news li a { padding: 10px 10px 25px; }
ul.news li a:hover, ul.gallery li a:hover, ul.events li a:hover { background: #FFEAE5; }
ul.news li a:hover em, ul.gallery li a:hover em, ul.events li a:hover em { color: #f30; cursor: hand; }
ul.news li a span.date, ul.gallery li a span.image, ul.events li a span.date { position: absolute; top: 10px; right: 10px; color: #F30; padding: 2px 0 0; }
ul.news li a em, ul.gallery li a em, ul.events li a em { /*white-space:nowrap;*/ display: block; width: 140px; overflow: hidden; font-style: normal; font-size: 1.3em; color: #716B64; font-weight: bold; padding: 0 0 2px; }
ul.gallery li a { /*height:40px;*/ padding: 10px 10px 25px; position: relative; font-size: 1.1em; }
ul.gallery li a span.image img { display: block; border-bottom: 1px solid #F00; margin: 0 auto; cursor: hand; font-size: 0; line-height: 0; }
ul.gallery li a span.image { display: block; width: 50px; background: url(/App_Styles/Images/modules/galleries_bg.png); top: 3px; right: 3px; }
ul.gallery li a span.image span.cap { display: block; line-height: 0; font-size: 0; width: 50px; background: url(/App_Styles/Images/modules/galleries_bg_cap.png) no-repeat bottom center; height: 3px; padding: 5px 0 0; }
ul.events li a span { font-size: 1.1em; }
ul.comments li a.cat0:hover, ul.events li a span.cat0 { color: #ff313f; }
ul.comments li a.cat1:hover, ul.events li a span.cat1 { color: #91c40d; }
ul.comments li a.cat2:hover, ul.events li a span.cat2 { color: #00aeed; }
ul.comments li a.cat3:hover, ul.events li a span.cat3 { color: #ff5de8; }
ul.comments li a.cat4:hover, ul.events li a span.cat4 { color: #00c51e; }
ul.comments li a.cat5:hover, ul.events li a span.cat5 { color: #935cea; }
ul.comments li a.cat6:hover, ul.events li a span.cat6 { color: #f0bd0d; }
ul.comments li a.cat7:hover, ul.events li a span.cat7 { color: #00c6c4; }
ul.comments li a.cat8:hover, ul.events li a span.cat8 { color: #F30; }
ul.comments li a.cat9:hover, ul.events li a span.cat9 { color: #006aff; }
div.email { background: url(/App_Styles/Images/modules/newsletter_shadow.png); margin: 12px 1px 0; }
div.email div.cap { background: url(/App_Styles/Images/modules/rss_bg_cap.png) no-repeat bottom left; padding: 3px; display: block; color: #FFF; text-decoration: none; font-family: Arial,sans-serif; font-size: 1.3em; font-weight: normal; }
div.email div.cap a { color: #fff; text-decoration: none; display: block; background: url(/App_Styles/Images/modules/newsletter_bg.png) no-repeat 0 0; padding: 10px 10px 10px 35px; }
div.email div.cap a:hover { color: #fff; background: url(/App_Styles/Images/modules/newsletter_bg.png) no-repeat -240px 0; }
div.rss { background: url(/App_Styles/Images/modules/rss_bg.png); margin: 15px 1px 0; }
div.rss div.cap { padding: 3px; background: url(/App_Styles/Images/modules/rss_bg_cap.png) no-repeat bottom left; }
div.rss div.cap h3 { display: block; padding: 10px 8px 8px 35px; color: #FFF; text-decoration: none; font-family: Arial,sans-serif; font-size: 1.2em; }
div.rss div.cap a { display: block; padding: 5px 5px 5px 35px; color: #FFF; text-decoration: none; font-family: Arial,sans-serif; font-size: 1.2em; }
div.rss div.cap a.scheme_1 { border-top: 1px solid #857e77; }
div.rss div.cap a.scheme_2 { border-top: 1px solid #6e6963; }
div.rss div.cap a.events { }
div.rss div.cap a em { font-style: normal; text-decoration: underline; }
div.rss div.cap a:hover { background: #7F7973; }