@charset "utf-8"; /* ####### RESET CSS ####### */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ####### RESET CSS ####### */ /* ####### DEFAULT CSS ####### */ html{overflow-y:scroll} body{background:#660404; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#dbb6b6} h1{color:#fff; font-size:12pt; margin:15px 0} h2{margin:10px 0; font-size:10pt; display:inline-block; padding:2px 4px; background-color:#660404; color:#fff} a{color:#eee} a:hover{color:#e2412b; text-decoration:none} .italic{font-style:italic} .info li span, .info li span a{color:#ff7aee} .mtop225{margin-top:225px} #wrapper{width:100%; background:#920c0d; padding-top:45px} #header{margin:0 auto; width:850px; position:relative} #logo{margin-left:10px} #menu{position:absolute; left:406px; top:50px; overflow:hidden} #menu li{float:left} #menu a{background:transparent url(/menu_sprite.png) left top no-repeat; display:block; text-indent:-9999px; margin-right:22px; height:19px} a#m_index{width:52px} a#m_index:hover, .sel a#m_index{background-position:0 -21px} a#m_facilities{background-position:-72px 0; width:96px} a#m_facilities:hover, .sel a#m_facilities{background-position:-72px -21px} a#m_agenda{background-position:-187px 0; width:69px} a#m_agenda:hover, .sel a#m_agenda{background-position:-187px -21px} a#m_imgs{background-position:-275px 0; width:51px} a#m_imgs:hover, .sel a#m_imgs{background-position:-275px -21px} a#m_contact{background-position:-345px 0; width:69px; margin-right:0} a#m_contact:hover, .sel a#m_contact{background-position:-345px -21px} #content_wrapper{position:relative; margin-top:45px; padding-top:25px; background:transparent url(/content_bg.jpg) center top no-repeat; min-height:475px; width:850px; margin:0 auto} #dansers{position:absolute; bottom:15px; left:0; width:179px; text-align:center} #content{margin-left:220px; margin-bottom:25px; background:transparent url(/content_bg_trans.png) center top repeat-y; min-height:400px; padding:20px} #content ul{list-style-type:square; padding-left:45px} #lc_imgs{position:absolute; width:175px; left:40px; top:75px} #lc_imgs img{display:block; margin-bottom:20px} #lc_imgs .even{margin-left:40px} /* index */ #ticker_agenda{position:absolute; width:580px; left:240px; top:245px} #ticker_agenda li{position:absolute; left:0; top:0; width:590px; background:#880b0b} #ticker_agenda span{display:block; margin-bottom:5px; text-align:center; color:#fff; font-weight:bold; font-size:10pt} #ticker_agenda .description{font-style:italic} #ticker_agenda .title{color:#ffc7f8} #index_imgs{position:absolute; width:590px; height:115px; right:20px; bottom:25px} #index_imgs img{float:left; margin-right:4px} #index_imgs .even{margin-top:36px} /* facilities */ #fac dt{font-weight:bold; padding:5px} #fac dd{overflow:hidden; padding:5px 5px 10px 5px; margin-bottom:10px; border-bottom:solid 1px #bd3839} #fac dd.last{border:none} #fac .img{float:left; padding:3px; background-color:#bb5e7e} #fac .img img{display:block} #fac .content{margin-left:121px} /* agenda */ #agenda dt{font-weight:bold; padding:5px} #agenda dt span{color:#ff00df} #agenda dd{padding:5px 5px 10px 5px; margin-bottom:10px; border-bottom:solid 1px #bd3839} #agenda dd.last{border:none} /* imgs */ #content #gallery{overflow:hidden; list-style-type:none; padding:0; margin:0} #gallery li{float:left; width:125px; height:80px; margin-right:20px; padding:3px; background-color:#bb5e7e; margin-bottom:20px} #gallery li.rc{margin-right:0} /* contact */ #map{margin:15px 0} #map_canvas{height:275px; width:590px; color:#222} #map_canvas a{color:#666} #map_canvas a:hover{color:#e2412b; text-decoration:none} .form_wrapper{overflow:hidden} #footer_wrapper{background:transparent url(/footer_bg.gif) left top repeat-x; height:56px} #footer{margin:0 auto; width:850px; position:relative; height:38px} #footer div{padding:10px} #footer div a{color:#eee} #footer div a:hover{color:#e2412b; text-decoration:none} #d2d{position:absolute; right:0; top:0} /* ####### DEFAULT CSS ####### */ #sitemap{text-align:left; margin:15px} #sitemap ul{list-style-type:square; margin:15px 25px} #sitemap ul ul{margin:5px 25px} #sitemap li{line-height:19px} .success, .error{background-color:#640d0d; border:solid 5px #9e3d3d; border-left-color:#e2412b; border-width:1px 1px 1px 5px; padding:5px; margin:15px 0} .success{border-left-color:#7de22b} .success ul, .error ul{line-height:18px; list-style-type:square; margin:15px} .success p, .error p{margin:5px 10px 25px 10px} /* clearfix */ * html .clearfix {height: 1%} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix {display:inline-block} /* Hide from IE Mac \*/ .clearfix {display:block} /* End hide from IE Mac */