body { font-size: 13px; margin: 0; padding: 0; } #layout { width: 874px; margin: 0 auto; } #logoleft { width: 79px; height: 650px; float: left; background: url(../../mangoo_custom/images/layout/logo1.gif) no-repeat; } #main { width: 780px; float: left; } #logo { position: relative; height: 133px; background: url(../../mangoo_custom/images/layout/logo3.gif) no-repeat; } #navigation { height: 30px; border-top: 1px solid #FFFFFF; background-color: #8786DF; } #header { display: none; } #PAGEP1 #header, #PAGEP28 #header { display: block; height: 193px; border-top: 1px solid #FFFFFF; background: url(../../mangoo_custom/images/layout/image.jpg) no-repeat; } #contentwrapper { border-top: 1px solid #FFFFFF; background: url(../../mangoo_custom/images/layout/content_bg.gif) repeat-y; } #content { float: left; width: 550px; padding: 30px 0 15px 0; } #sidebarwrapper { float: left; width: 182px; padding: 30px 24px 0 23px; } #subnavigation { clear: both; margin: 0; padding: 0; } #sidebar { clear: both; margin: 0; padding: 0; } #floatclear { clear: both; margin: 0; padding: 0; } #footer { height: 21px; margin-bottom: 15px; border-top: 1px solid #FFFFFF; background-color: #92a07e; } .layoutimage { margin: 0 0 12px 0; } .breadcrumbs {} a { text-decoration: none; color: #525B48; } a:link, a:visited {} a:active, a:hover { text-decoration: underline; } a[href^="http:"] {} a[href^="mailto:"] {} .text { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #7D0D33; } .strong { font-weight: bold; } .marker { background-color: #B5D5FF; } .cblock { clear: both; padding: 15px 58px 0 58px; border-top: 1px dashed #FFFFFF; } #C1 { padding-top: 0; border: none; } .cblock.backlink { border: none; } .cblock.message { clear: both; padding: 0 58px 15px 58px; border: none; } .cblock.article.standard {} .cblock.article.teaser {} .cblock.article.headline {} .cblock.article.first {} .cblock.messagetop {} .cblock.messagebottom {} .cblock.articletop {} .cblock.articlebottom {} #LINKID a { width: 17px; overflow: hidden; background: url(../../mangoo_custom/images/div/basket.gif) no-repeat; } #LINKID a:hover { background: url(../../mangoo_custom/images/div/basket_over.gif) no-repeat; } *LINKID a { width: 29px; } #LINKID a div { visibility: hidden; } .cblock h3 { margin: 0 0 12px 0; line-height: 1em; font-size: 10px; font-weight: normal; letter-spacing: .1em; color: #525B48; text-transform: uppercase; } *html .cblock h3 { margin-bottom: 18px; } .cblock h1 { margin: -6px 0 12px -33px; padding: 6px 0 0 33px; line-height: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #7D0D33; } .cblock.highlight h1 { background: url(../../mangoo_custom/images/layout/hot.gif) no-repeat; } .cblock.message h1 { font-size: 17px; } .cblock.message.error h1 { color: #CC0000; } .cblock h2 { clear: both; margin: 18px 0 12px 0; line-height: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; font-weight: bold; color: #7D0D33; } .cblock p.info { margin: 0 0 12px 0; font-size: 11px; color: #7D0D33; } .cblock p.info .date, .cblock p.info .author {} .cblock p.text { margin: 0 0 12px 0; font-size: 13px; line-height: 1.5em; color: #7D0D33; } .cblock p strong {} .cblock p i {} .cblock p u {} .cblock p.emph { font-weight: bold; } .cblock p.quote { margin: 0 0 12px 9px; padding: 0 0 0 .8em; border-left: 1px solid #8F3644; font-style: italic; color: #8F3644; } .cblock p.small { font-size: 11px; width: 90%; } .cblock.message p { padding: 0; font-weight: normal; } .cblock.message.error p {} .cblock div.mediaplayer { margin: 0 0 12px 0; } .cblock div.mediaplayer p { color: #7D0D33; font: 13px/1.5em Arial, Helvetica, Verdana, sans-serif; } .cblock p.footnote { margin: 0 0 12px 0; width: 90%; font-size: 11px; color: #7D0D33; } .cblock .inlinelnk { } .cblock p .detaillink { display: block; float: right; margin: 18px 0 12px 0; } .cblock.backlink { padding: 0 0 2em 0; } .cblock.backlink.top { display: none; } .cblock.backlink.bottom { padding-left: 58px; } .cblock.article .image { margin: 3px 0 0 0; } .cblock.article .image.left { float: left; margin-right: 9px; } .cblock.article .image.right { float: right; margin-left: 9px; } .cblock.article .image.middle { display: block; margin: 0 0 12px 0; } .cblock.article .image p { margin: 2px 0 0 0; padding: 2px 0; font-size: 10px; text-align: center; background-color: #92a07e; color: #FFFFFF; } .cblock.article table { table-layout: auto; border-collapse: collapse; margin: 0 0 12px 0; } .cblock.article table td { padding: .2em .4em .2em 0; line-height: 1.4em; vertical-align: top; font-size: 13px; color: #7D0D33; } .cblock ul { margin: 0 0 12px 0; width: 90%; } .cblock li { margin: 6px 0 6px 24px; font-size: 13px; line-height: 1.4em; color: #7D0D33; } .cblock.article ul.links { display: block; clear: both; } .cblock.article ul.links li {} .cblock.article ul.links li a.file {} .cblock form { margin: 0; padding: 0; width: 424px; } .cblock form div.fields { padding: 0 0 12px 0; line-height: 25px; } .cblock form div.action {} .cblock form div.fields br { clear: both; } .cblock form div.fields label { display: block; float: left; width: 110px; margin: 0 6px 0 0; text-align: left; color: #7D0D33; font-size: 13px; } .cblock form div.fields label.error { color: #CC0000; font-weight: bold; } .cblock form div.fields label.textarea { display: block; clear: both; width: 100%; text-align: left; } .cblock form div.fields label.checkboxlabel { text-align: left; width: 300px; } .cblock form div.fields input { width: 290px; margin: 0; padding: 0; } *html .cblock form div.fields input { vertical-align: -5px; } .cblock form div.fields input.grid2 { width: 100px; } .cblock form div.fields input.grid3 { width: 200px; } .cblock form div.fields select { width: 290px; margin: 0; padding: 0; vertical-align: 1px; } *html .cblock form div.fields select { vertical-align: -5px; } .cblock form div.fields select.grid2 { width: 104px; } .cblock form div.fields select.grid3 { width: 204px; } .cblock form div.fields textarea { float: left; width: 409px; height: 160px; font-family: Arial, sans-serif; } *html .cblock form div.fields textarea { width: 414px; } .cblock form div.fields input.checkbox { float: left; margin: 6px 3px 0 145px; width: 15px; } *html .cblock form div.fields input.checkbox { margin: 3px 3px 0 108px; } .cblock form #cpt { float: left; margin: -2px 10px 0 0; } .cblock form div.fields input.cptinput { width: 70px; } .cblock form div.action input { float: right; margin: 0 14px 0 0; width: 140px; } *html .cblock form div.action input { margin-right: 7px; } .cblock form div.action p.info { float: left; } #logo a { position: absolute; display: block; right: 0; top: 103px; height: 30px; padding: 0 12px; background-color: #A9D2F6; font-size: 11px; font-weight: bold; text-decoration: none; color: #7D0D33; line-height: 30px; } #logo a:hover { background-color: #7D0D33; color: #FFFFFF; } #navigation ul { margin: 0; padding: 0; list-style-type: none; } #navigation li { float: left; display: inline; margin: 0; padding: 0; text-transform: uppercase; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; letter-spacing: .1em; } *html #navigation li { font-weight: bold; } #navigation li a { display: block; text-decoration: none; padding: 0 12px; line-height: 30px; color: #FFFFFF; } #navigation li a:hover { background-color: #7D0D33; } #navigation li.selected a, #navigation li.active a { background-color: #7D0D33; } #subnavigation ul { margin: 0 0 30px 0; padding: 0; list-style-type: none; } #subnavigation li { margin-bottom: 9px; text-transform: uppercase; font-size: 12px; line-height: 15px; } #subnavigation ul.level3 li { font-size: 11px; } #subnavigation li a { text-decoration: none; } #subnavigation li a:hover { color: #7D0D33; } #subnavigation li.active a, #subnavigation li.selected a { color: #7D0D33; border-left: 9px solid; padding-left: 3px; font-weight: bold; } #subnavigation #P17, #subnavigation #P37 { padding: 3px 0 3px 18px; background: url(../../mangoo_custom/images/layout/newentry.gif) no-repeat 0 2px; } #subnavigation #P17 a, #subnavigation #P37 a { border: none; } #sidebar .cblock { padding: 0; border: none; } #sidebar .cblock h1 { margin-bottom: 9px; font-size: 12px; color: #7D0D33; } #sidebar div.events, #sidebar div.newsletter, #sidebar div.guestbook { padding-left: 0; padding-right: 0; margin-bottom: 21px; border: none; } #sidebar div.events h1, #sidebar div.newsletter h1, #sidebar div.guestbook h1 { margin-bottom: 9px; font-size: 12px; color: #7D0D33; } #sidebar div.events div.link a, #sidebar div.newsletter div.link a, #sidebar div.guestbook div.link a { padding: 0 12px 0 12px; font-size: 10px; text-transform: uppercase; background: url(../../mangoo_custom/images/layout/link.gif) no-repeat right 1px; } #sidebar div.events div.text { padding: 0 0 0 12px; font-size: 11px; color: #7D0D33; line-height: 1.2em; letter-spacing: .1em; } #sidebar div.events div.link { margin-top: 3px; } #sidebar div.guestbook div.entry { padding: 0 0 9px 0; } #sidebar div.guestbook div.bubbletop { height: 9px; line-height: 9px; background: url(../../mangoo_custom/images/layout/bubble_top.gif) no-repeat; } #sidebar div.guestbook div.text { padding: 0 12px; font-size: 11px; color: #FFFFFF; line-height: 1.2em; letter-spacing: .1em; background-color: #92A07E; } #sidebar div.guestbook div.bubblebottom { height: 9px; line-height: 9px; background: url(../../mangoo_custom/images/layout/bubble_bottom.gif) no-repeat; } #sidebar div.guestbook div.author { display: inline; padding: 3px 6px 0 20px; float: right; font-size: 10px; color: #7D0D33; font-weight: bold; background: url(../../mangoo_custom/images/layout/bubble_text.gif) no-repeat; } #PAGEP16 .cblock.article .image { width: 160px; } #PAGEP6 .cblock td.col1 { width: 110px; font-weight: bold; } .cblock.events div.event h2 { line-height: 1.3em; } .cblock.events div.event p.text { float: left; } .cblock.events div.event a.detail { float: right; } .cblock.events div.backlink.top { display: none; } .cblock.events div.event table { clear: both; table-layout: auto; border-collapse: collapse; margin: 15px 0 15px 0; } .cblock.events div.event table td { padding: 0 .4em 0 0; line-height: 1.4em; vertical-align: top; font-size: 13px; color: #7D0D33; } .cblock.events div.event table td.col1 { width: 90px; font-weight: bold; } .cblock div.listfnc { margin: 0; padding: 0 0 20px 0; border: 1px solid #CDDEAC; } .cblock div.listfnc div.liststatus { display: inline; float: left; margin: 0; padding: 0; font-size: 12px; color: #525B48; font-weight: bold; } .cblock div.listfnc div.listnav { display: inline; float: right; margin: 0; padding: 0; margin-right: -33px; font-size: 11px; color: #525B48; } .cblock div.listfnc div.listnav span.firstlnk, .cblock div.listfnc div.listnav span.prevlnk, .cblock div.listfnc div.listnav span.middlelnk, .cblock div.listfnc div.listnav span.nextlnk, .cblock div.listfnc div.listnav span.endlnk, .cblock div.listfnc div.listnav span.backlnk { padding: 0 3px; color: #525B48; text-transform: uppercase; } .cblock div.listfnc div.listnav span.firstnolnk, .cblock div.listfnc div.listnav span.prevnolnk, .cblock div.listfnc div.listnav span.middlenolnk, .cblock div.listfnc div.listnav span.nextnolnk, .cblock div.listfnc div.listnav span.endnolnk, .cblock div.listfnc div.listnav span.backnolnk { padding: 0 3px; color: #a6b48e; text-transform: uppercase; } .cblock div.listfnc div.listnav a:hover { text-decoration: none; } .cblock div.listfnc div.listnav a:hover span { color: #7D0D33; } .cblock.gallery {} .cblock.gallery div.galrow {} .cblock.gallery div.galrow div.image { position: relative; float: left; margin: 0 12px 10px 0; padding: 1px; width: 132px; height: 132px; border: 1px solid #FFFFFF; text-align: center; line-height: 126px; } *html .cblock.gallery div.galrow div.image { font-size: 118px; } .cblock.gallery div.galrow div.image.lastcol { margin-right: 0; } .cblock.gallery div.galrow div.image a, .cblock.gallery div.galrow div.image img { vertical-align: middle; } .cblock.gallery div.galrow div.image p { clear: both; margin: 0; padding: 0; font-size: 11px; color: #666666; } .cblock.gallery div.galrow div.image img.zoom { position: absolute; left: 2px; bottom: 1px; } .cblock.gallery div.galrow div.image p.title { position: absolute; margin: 0; padding: 0; right: 3px; bottom: 0; height: 30px; width: 128px; text-align: center; line-height: 1em; font-size: 11px; color: #7D0D33; } #footer ul { list-style-type: none; margin: 0; padding: 0; } #footer li { margin: 0; padding: 0 0 0 15px; display: inline; font-size: 11px; color: #FFFFFF; line-height: 18px; } #footer li a { color: #FFFFFF; }