body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } a { text-decoration: none; outline: none; } input, input:focus { outline: none !important; } /* master text styles */ body { font-family: Verdana, Arial, Sans-Serif; font-size: 75%; /* 12px */ line-height: 1.5; color: #444; } html>body { font-size: 12px; } *:first-child+html body { font-size: 75%; } p, dt, dd, li { font-size: 1em; } p, dd, ol, ul { margin-bottom: 12px; } select, input, textarea { font: 99% Verdana, Arial, Sans-Serif; } h2 { font-family: Georgia, serif; font-size: 1.83em /* 22px */; color: #da1614; letter-spacing: -1px; margin-bottom: 12px; } h3 { font-family: Georgia, serif; font-size: 1.5em /* 18px */; color: #444; margin: 18px 0 12px; } h4 { font-family: "Lucida Grande", Tahoma, Arial, Sans-Serif; font-size: 1.2em; font-weight: bold; margin-bottom: 12px; } a { color: #da1614; } a:hover, a:active { color: #FF6600; } a.title { display: block; font-weight: bold; color: #444; } ul { list-style-position: inside; } ol { list-style: decimal inside; margin-left: 1.5em; } ul li { list-style: disc; margin-left: 1.5em; margin-bottom: .4em; } dt { font-weight: bold; } /* page layout styles */ body { background: #282c7e url(/static/images/body-background.png) 0 175px repeat-x; } .inner { position: relative; width: 960px; margin: 0 auto; } #content { float: left; width: 620px; padding: 30px 0 60px 40px; } #sidebar { float: right; width: 220px; padding: 30px 40px 60px 0; } #full-width { padding: 30px 40px 60px 40px; } #main { background: transparent url(/static/images/main-shadow.png) 50% 0 repeat-y; } #main .inner { background: #fff url(/static/images/main-background.png) repeat-x; } /* header */ #header { background: #fff url(/static/images/header-background.png) 50% 0 no-repeat; } #header .wave { background: transparent url(/static/images/header-wave.png) 50% 0 no-repeat; } #header .inner { height: 145px; background: transparent url(/static/images/header-flag.png) 0 10px no-repeat; } #header h1 { position: absolute; overflow: hidden; left: 160px; top: 22px; width: 460px; height: 29px; text-indent: -100em; background: transparent url(/static/images/mmyc-banner.png) no-repeat; } #header .subheader { position: absolute; font-size: 18px; left: 100px; top: 50px; } #header #login-form { position: absolute; right: 30px; top: 20px; } /* user menu */ #user-options { position: absolute; right: 20px; top: 6px; } #user-options li { list-style: none; float: left; font-size: .9em; font-weight: bold; color: #555; } #user-options li a { } #user-options li a:hover, #user-options li a:active { color: #FF6600; text-decoration: underline; } /* banner */ #banner { min-height: 38px; background: #d21612 url(/static/images/banner-background-narrow.png) repeat-x; } #banner.alert { background-image: url(/static/images/banner-background-alert.png); } #banner .alert { padding-top: 36px; color: #e8e8e8; background: transparent url(/static/images/banner-background-bottom.png) left bottom repeat-x; } #banner .inner { padding: 0 40px 18px 40px; width: 880px; } #banner h3 { font: normal 14px/22px Verdana, Arial, Sans-Serif; margin: 0; color: #fff; } /* content styles */ #content ol { list-style-type: decimal; list-style-position: inside; } #content h2.outside { font-weight: normal; width: 100%; padding: 10px 20px; margin-bottom: 18px; border: 1px solid #333; background-color: #fff; } .box { position: relative; margin-bottom: 18px; width: 100%; } .box-header h2 { line-height: 1em; padding-bottom: 2px; margin-bottom: 2px; color: #de1713; border-bottom: 1px dotted #ccc; } .box-header h3 { font-size: 2.2em; font-weight: normal; line-height: 1em; padding-bottom: 2px; margin-bottom: 2px; color: #de1713; border-bottom: 1px dotted #ccc; } .box-header h3 a { color: #FF6600; } .box-header h3 a:hover, .box-header h3 a:active { text-decoration: underline; } .box-header .date { margin-bottom: 12px; } .date { font-family: "Trebuchet MS", Helvetica, sans-serif; color: #777; } .dates { font-weight: bold; } .name { font-weight: bold; } .phone { font-size: 1.1em; } div.role { width: 260px; float: left; padding: 4px 12px; margin-bottom: 8px; border: 1px solid #ccc; } div.role.even { margin-left: 20px; } div.role .role { display: block; color: #bb1410; } div.role .name { display: block; font-size: 1.3em; font-weight: normal; } div.role .phone { display: block; } div.role a { display: block; } #products { width: 100%; } #products td { width: 33%; vertical-align: top; } div.product { position: relative; padding: 6px 8px; margin: 6px; border: 1px solid #d8d8d8; } div.product .name { padding-right: 40px; } div.product a.thickbox { display: block; width: 100%; text-align: center; padding-top: 12px; } div.product .description { display: block; } div.product .price { position: absolute; right: 6px; top: 4px; font-size: 1.2em; } #map_mmyc { overflow: hidden; } .map-container { padding: 1px; border: 1px solid #888; } .byline { border-top: 1px dotted #ccc; margin-top: 12px; padding-top: 2px; color: #777; } .link-category { float: left; width: 376px; padding: 0 20px 20px 20px; border: 1px solid #d8d8d8; } .link-category.odd { margin-right: 30px; } .link-category h3, .link-category h4 { clear: both; margin: 12px 0 2px 0; } .link-category a { display: block; padding-left: 26px; height: 16px; margin-bottom: 6px; background: transparent url(/static/images/link-icon.png) 2px 0 no-repeat; } .primary-more { font: normal 1.83em/1em Georgia, serif; text-align: right; margin-top: 1em; } .primary-more a:after { content:" \00bb"; } .author { font-style: italic; text-align: right; color: #777; } /* sidebar */ .portlet { margin-bottom: 36px; color: #555; margin-top: 18px; } .portlet h2 { font-size: 1.2em; font-weight: bold; letter-spacing: 0; line-height: 1em; text-transform: uppercase; margin-bottom: 6px; color: #236ffe; } .portlet h3 { font-size: 1.2em; font-weight: bold; margin: 10px 0 2px 0; color: #666; } .portlet .dates, .portlet .category { font-weight: normal; } #events-portlet ul { margin: 0; } #events-portlet li { list-style: none; padding-left: 20px; padding-bottom: 4px; margin: 0 0 4px 0; border-bottom: 1px dotted #ccc; } #events-portlet .title { display: block; } #events-portlet .times { display: block; } #events-portlet .icon { float: left; margin: 4px 0 0 -20px; } #online-portlet li, #news-archives-portlet li { list-style: none outside; margin-left: 0; } .portlet .more { display: block; text-align: right; } /* footer */ #footer { color: #999; height: 97px; background: transparent url(/static/images/footer-background.png) 50% 0 no-repeat; } #footer .inner { text-align: center; margin: 0 auto; } #footer .menu { width: auto; padding: 12px 0; margin: 0; } #footer .menu li { display: inline; list-style-type: none; } #footer a:link, #footer a:visited { color: #d0d0d0; } #footer a:hover, #footer a:active { color: #fff; text-decoration: underline; } /* special tabs */ #top-link { position: absolute; display: block; right: 20px; top: -22px; width: 52px; height: 23px; padding-top: 8px; text-align: center; color: #ddd; background: transparent url(/static/images/top-tab.png) no-repeat; } #top-link:hover { height: 28px; padding-top: 3px; background-position: -73px 0; } /* monthly calendar */ #calendar { width: 868px; border-collapse: collapse; } #calendar caption { width: 100%; text-align: center; line-height: 1.6em; margin-bottom: 8px; } #calendar caption div { position: relative; } #calendar caption .current { font-size: 1.6em; font-weight: normal; } #calendar caption .prev, #calendar caption .next { position: absolute; bottom: 0; font-size: 1em; } #calendar caption .prev { left: 0; } #calendar caption .next { right: 0; } #calendar thead { background-color: #666 } #calendar th, #calendar td { width: 121px; } #calendar th { font-size: .9em; text-align: center; color: #eee; } #calendar th .day-name { display: block; background-color: #666; padding: 1px 0; width: 100%; } #calendar td { vertical-align: top; height: 80px; padding: 1px 1px 0 0; } #calendar td.last { padding-right: 0; } #calendar .day-number { display: block; text-align: right; padding: 2px; } #calendar .day { border: 1px solid #d8d8d8; height: 100%; } #calendar td.not-in-month { background-color: #eee; } #calendar .not-in-month .day-number { color: #aaa; } #calendar .today .day { border-color: #ff7878; } #calendar .today .day-number { font-weight: bold; } #calendar td a { display: block; font-size: .9em; line-height: 1.2em; padding: 0 2px 1px 20px; } #calendar td a img { float: left; width: 16px; height: 16px; margin-left: -18px; } /* photos and galleries */ img.photo, .photo img { padding: 1px; border: 1px solid #5799fe; } .gallery-photo { float: left; } .gallery-photo .photo { width: 180px; padding: 0 16px 10px 0; } .gallery-photo .photo img { display: block; margin: 0 auto; } /* webcam page and gallery */ .camera { float: left; width: 382px; border: 1px solid #ccc; padding: 6px 0 18px 30px; background-color: #eee; } .camera.odd { margin-right: 40px; } .camera .help { margin-top: 6px; } .live-view { position: relative; overflow: hidden; width: 352px; height: 240px; } .live-view .galleria_wrapper, .live-view .replaced { position: absolute; left: 0; top: 0; } .live-view .caption { display: none; position: absolute; right: 0; bottom: 0; color: #000; background-color: #333; opacity: .7; padding: 2px 5px; } .galleria li { list-style: none; position: relative; float: left; overflow: hidden; width: 70px; height: 48px; padding: 3px 3px 20px 3px; margin: 0 17px 10px 0; } .galleria li img.thumb { cursor: pointer; display: block; } .galleria li .caption { position: absolute; display: block; left: 3px; top: 52px; width: 70px; font-size: .9em; text-align: center; color: #fff; background-color: #555; } .galleria li.hover { background: transparent url(/static/images/thumb-highlight.png) no-repeat; } .gallery { margin-bottom: 0; } /* news pagination */ #pagination { font-size: 1.1em; } #pagination .previous { float: left; } #pagination .next { float: right; } /* reports page */ .report .box-header img { float: right; margin: 0 0 10px 16px; } .report h3 { margin-right: 120px; } .report .extended { overflow: hidden; } .signature { font-style: italic; text-align: right; } /* login form in header */ #login-form h2 { display: inline-block; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #555; width: auto; margin: 0 0 2px 0; } #login-form input { padding: 2px; margin-bottom: 3px; border: 1px solid #5499fe; background-color: #fff; } #login-form input:focus { background-color: #fff; } #login-form .login-button { margin: 0 0 0 auto; } #login-form a { display: block; font-size: 11px; text-align: right; color: #ccc; } .form-prompt-text { color: #c0c0c0 !important; padding-left: 2px; } /* general forms */ .row { margin: 0 0 8px 13em; } .row label { float: left; margin-left: -12em; } form .error { padding: 12px 8px 12px 52px; border: 1px solid #d41612; background: transparent url(/static/images/dialog-error.png) 6px 60% no-repeat; } .login-button { display: block; width: 74px; height: 22px; text-indent: -100em; border: none; cursor: pointer; background: transparent url(/static/images/login-button.png) no-repeat; } /* file links */ .file-info { display: block; margin-left: 26px; color: #777; } a.pdf { display: block; padding: 4px 0 0 26px; background: transparent url(/static/images/pdf.png) no-repeat; } a.xls { display: block; padding: 4px 0 0 26px; background: transparent url(/static/images/xls.png) no-repeat; } /* ajax chat window */ #chat-list { height: 22em; overflow: hidden; } #chat-up, #chat-down { display: block; overflow: hidden; height: 12px; text-indent: -100em; border: 1px solid #aaa; } #chat-up { background: #eee url(/media/img/admin/arrow-up.gif) 50% 2px no-repeat; } #chat-down { background: #eee url(/media/img/admin/arrow-down.gif) 50% 2px no-repeat; } #chat-form { margin-top: 8px; } #chat-message { width: 150px; } .chat-button { float: right; overflow: hidden; width: 59px; height: 19px; border: none; cursor: pointer; text-indent: -100em; background: transparent url(/static/images/send-button.png) no-repeat; } .chat-item { width: 208px; white-space: pre-wrap; } .chat-item-time { color: #777; padding-right: 4px; letter-spacing: -1px; } .chat-item-name { font-weight: bold; padding-right: 4px; } /* in-page notification messages */ .notice { border: 1px solid #ccc; padding: 6px 30px; background-color: #eee; } .notice .controls { margin: 40px 0 20px 0; } .notice input#hide { float: left; } .notice input#proceed { float: right; } /* sitemap */ #sitemap li { list-style: none; list-style-position: outside; font-size: 1.1667em /* 14px */; margin-bottom: 12px; } #sitemap li li { font-size: .857em; border-left: 1px dotted #898989; margin: 0 0 0 15px; padding-left: 25px; background: transparent url(/static/images/horizontal-dots.gif) 0 50% no-repeat; } #sitemap li li ul { padding-bottom: 15px; } /* misc */ .mail-this { display: block; position: absolute; right: 0; top: 0; padding-left: 18px; background: transparent url(/static/images/mail-icon.png) no-repeat; } .more { display: block; } .more:after { content:" \00bb"; } .video { margin: 0 auto 1em auto; } #results-table { width: 500px; border-collapse: collapse; margin: 1em auto; } #results-table caption { text-align: left; font-family: Georgia, serif; font-size: 1.4em; } #results-table thead th { font-size: 1.2em; color: #fff; background-color: #236ffe; padding: .2em 1em; } #results-table tbody th { font-weight: bold; text-align: left; background-color: #8fc7ff; padding: .3em 1em; } #results-table td { padding: .3em 1em; } #results-table .place { text-align: center; } #results-table th, #results-table td { border: 1px solid #8cc5ff; } .photo.left { float: left; margin-right: 20px; } .photo.right { float: right; margin-left: 20px; } /* custom TinyMCE styles */ .p-centered { width: auto; margin: 0 auto; border: 2px solid red; } .content-table { margin-bottom: 1em; } /* Clearfix http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */ .clearfix, #full-width, .box { display: inline-block; } .clearfix:after, #main:after, #full-width:after, .box:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }