/* msf layout.css */ body { margin: 0px 0px 0px 0px; padding: 0; text-align: center; background: #fff;} #b-ie6 .hover-htc { behavior: url("fileadmin/templates/msf/js/csshover2.htc"); } #b-ie6 .png-htc img { behavior: url("fileadmin/templates/msf/js/pngbehavior.htc"); } .clearer { clear: both; } .fl { float: left; } .fr { float: right; } #mainContainer { width: 978px; text-align: left; margin: 0 auto; } /* Template popup */ .tmpl-popup { width: 500px!important; } /* HEADER ================================================================================== */ #header { width: 100%; float: left; } #header .MSF-A { width: 244px; height: 23px; margin: 7px 0 0 25px; float: left; display: inline; } #header .sysNavi { width: 560px; text-align: right; margin: 13px 18px 0 0; padding: 0; list-style: none; float: right; display: inline; } #header .sysNavi li { font-size: 1em; color: #000; display: inline; } #header .sysNavi li.sep { padding: 0 3px; } #header .sysNavi li a:link, #header .sysNavi li a:visited { font-size: 1em; color: #000; } #header .sysNavi li a:hover { text-decoration: underline; } #header .sysNavi li b { font-weight: bold; } #header .taglineSerch { width: 100%; height: 51px; background: url(../images/blocks/bg_tagline-search.png) left top no-repeat; float: left; } #header .taglineSerch .tagline { width: 500px; height: 33px; line-height: 32px; font-size: 1.3em; font-weight: bold; font-style: italic; margin: 10px 0 0 32px; float: left; display: inline; } #header .taglineSerch .search { width: 400px; height: 33px; text-align: right; margin: 15px 32px 0 0; float: right; display: inline; } #header .taglineSerch .search .i-text-gfx { width: 163px; margin-right: 2px; vertical-align: middle; } #header .taglineSerch .search .i-button-gfx { vertical-align: middle; } #header .taglineSerch .search a { color: #000; } #header .logoBanner { width: 100%; height: 140px; background: url(../images/blocks/bg_banner.png) left top no-repeat; float: left; position: relative; } #header .logoBanner .banner { width: 955px; height: 137px; margin: 0 11px; overflow: hidden; position: relative; } #header .banner #imageFader { width: 955px; height: 137px; position: absolute; left: 0; top: 0; z-index: 10; } #header .logoBanner .banner img { display: block; } #header .logoBanner .banner .c-lt, #header .logoBanner .banner .c-lb, #header .logoBanner .banner .c-rt, #header .logoBanner .banner .c-rb { width: 9px; height: 9px; position: absolute; z-index: 9000; } #header .logoBanner .banner .c-lt { left: 0; top: 0; } #header .logoBanner .banner .c-lb { left: 0; bottom: 0; } #header .logoBanner .banner .c-rt { right: 0; top: 0; } #header .logoBanner .banner .c-rb { right: 0; bottom: 0; } #b-ie6 #header .logoBanner .banner .c-rt, #b-ie6 #header .logoBanner .banner .c-rb { right: -1px; } #b-ie6 #header .logoBanner .banner .c-lb, #b-ie6 #header .logoBanner .banner .c-rb { bottom: -1px; } #header .logoBanner .logo { width: 272px; height: 92px; position: absolute; left: 30px; top: -1px; z-index: 22; } /* MAIN NAVIGATION ================================================================================== */ ul#mainNavi { width: 955px; height: 44px; list-style: none; background: url(../images/blocks/bg_mainnavi_l1.png) left 22px repeat-x; margin: 0 12px 0 11px; padding: 0; float: left; display: inline; position: relative; } ul#mainNavi ul { width: 955px; height: 42px; list-style: none; background: url(../images/blocks/bg_mainnavi_l2.png) left top repeat-x; margin: 0; padding: 0; position: absolute; left: 0; top: 22px; z-index: 11; display: none; } ul#mainNavi li { height: 22px; line-height: 21px; font-size: 1em; color: #000; text-transform: uppercase; float: left; } ul#mainNavi li.sep { padding: 0 3px; } ul#mainNavi li.first { padding-left: 25px; } ul#mainNavi li li { padding-right: 10px; } ul#mainNavi li a:link, ul#mainNavi li a:visited { height: 12px; line-height: 11px; color: #000; padding: 1px 2px 0 2px; margin-top: 5px; float: left; } ul#mainNavi li a:hover { text-decoration: none; background: #e8eaee; } ul#mainNavi li.act a:link, ul#mainNavi li.act a:visited, ul#mainNavi li.act a:hover { color: #fff; background: #ff0000; } ul#mainNavi li.donate a:link, ul#mainNavi li.donate a:visited { /* color: #ff0000; */ } ul#mainNavi li.actdonate a:link, ul#mainNavi li.actdonate a:visited { color: #fff; background: #ff0000; } ul#mainNavi li:hover ul { display: block; } ul#mainNavi li li a:link, ul#mainNavi li li a:visited { color: #000!important; background: transparent!important; } ul#mainNavi li li a:hover { text-decoration: underline; } /* ul#mainNavi li.donate li a:link, ul#mainNavi li.donate li a:visited, ul#mainNavi li.actdonate li a:link, ul#mainNavi li.actdonate li a:visited { color: #000!important; } */ /* SUB NAVIGATION ================================================================================== */ #subNavi { width: 100%; background: url(../images/blocks/bg_subnavi.png) left top repeat-y; float: left; } #subNavi .sn-t { width: 100%; height: 20px; background: url(../images/blocks/bg_subnavi_t.png) left top repeat-y; float: left; } #subNavi .sn-b { width: 100%; height: 20px; background: url(../images/blocks/bg_subnavi_b.png) left bottom repeat-y; float: left; } #subNavi ul { width: 100%; list-style: none; margin: 0; padding: 0; float: left; } #subNavi ul li { width: 100%; float: left; } #subNavi ul li.sep { width: 163px; height: 1px; background: url(../images/blocks/bg_line01_h.gif) left top repeat-x; margin: 0 21px 0 21px; float: left; display: inline; } #subNavi ul li.act { } #subNavi ul li.sub { } #subNavi ul li.actsub { } #subNavi ul ul { background: url(../images/blocks/bg_subnavi_l2.png) left top repeat-y; padding: 2px 0; display: none; } #subNavi ul li.actsub ul { display: block; } #subNavi ul li.actsub ul ul { display: none; } #subNavi ul ul ul { width: 155px; background: none; background-color: #c1c1c2; margin: 0 21px 0 36px; padding: 1px 0; display: none; } #subNavi ul ul li.actsub ul { display: block; display: inline; } #subNavi ul ul ul .sep{ width: 127px; margin: 0 7px 0 21px; } #subNavi a:link, #subNavi a:visited { color: #000; text-transform: uppercase; display: block; zoom: 1; } #subNavi a:hover { text-decoration: none; } #subNavi .level1 { margin: 0 21px; padding: 9px 0 9px 15px; } #subNavi li span {margin: 0 21px; padding: 9px 0 9px 15px; display: block;} #subNavi .level1:hover , #subNavi ul li.act .level1 { color: #ff0000; } #subNavi ul li.sub .level1 { background: url(../images/bullets/bullet02.gif) left 11px no-repeat; } #subNavi ul li.actsub .level1 { color: #ff0000; /* background: url(../images/bullets/bullet03.gif) 1px 13px no-repeat; */ } #subNavi .level2 { background: 15px 4px no-repeat; margin: 0 21px; padding: 2px 0 2px 30px; } #subNavi .level2:hover { background-color: #fff; } #subNavi ul ul li.sub .level2 { background-image: url(../images/bullets/bullet02.gif); } #subNavi ul ul li.actsub .level2 { background-image: none; } #subNavi ul ul li.act .level2, #subNavi ul ul li.actsub .level2 { color: #ff0000; } #subNavi .level3 { text-transform: none!important; margin: 0 7px 0 1px; padding: 2px 2px 2px 21px; } #subNavi .level3:hover { /* background: #fff; */ text-decoration: underline; } #subNavi ul ul ul li.act .level3 { color: #ff0000; } /* PATHWAY ================================================================================== */ ul#pathway { width: 762px; list-style: none; background: url(../images/blocks/bg_line01_h.gif) left bottom repeat-x; margin: 11px 0 0 0; padding: 0 0 10px 0; float: left; display: inline; } ul#pathway li { display: inline; } ul#pathway li a:link, ul#pathway li a:visited { color: #000; } /* Template 2cols w/o left column */ .tmpl-2cols-wo-lc ul#pathway { width: 763px; margin-left: 36px; margin-right: 168px; } /* COLUMNS AND CONTENT HOLDERS ================================================================================== */ #contentContainer { width: 100%; margin: 0; float: left; } #leftColumn { min-height: 100px; float: left; overflow: hidden; } #leftColumn .content { min-height: 100px; height: auto!important; height: 100px; } #mainColumn { min-height: 10px; float: left; overflow: hidden; } #mainColumn .content { line-height: 1.4em; font-size: 1.2em; min-height: 400px; height: auto!important; height: 400px; } #rightColumn { min-height: 10px; float: right; overflow: hidden; } #rightColumn .content { font-size: 1.1em; } /* #leftColumn .content, #mainColumn .content, #rightColumn .content { background: #feffe8; } */ #toolbox { height: 20px; line-height: 20px; text-align: right; background: transparent; margin: 0 0 3px 0; float: left; } #toolbox a:link, #toolbox a:visited { color: #b1b1b1; padding: 0 0 0 15px; zoom: 1; } #toolbox .page-email { background: url(../images/icons/icon01.gif) left 50% no-repeat; } #toolbox .page-print { background: url(../images/icons/icon02.gif) left 50% no-repeat; } #toolbox .page-rss { background: url(../images/icons/icon06.gif) left 50% no-repeat; padding-left: 11px!important; } #wrapper { float: left; z-index: 1; position: relative; } #wrapper .pageBullet { width: 64px; position: absolute; left: 23px; top: -15px; z-index: 99; } #pageTitle { width: 560px; min-height: 44px; height: auto!important; height: 44px; margin: -10px 0 0 20px; float: left; display: inline; } #pageTitle .pagebullet { width: 64px; height: 64px; vertical-align: middle; margin-right: 5px; float: left; overflow: hidden; } #b-ie6 #pageTitle .pagebullet { position: relative; z-index: 999; } #pageTitle img.fake { display: none; } #pageTitle h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 3.5em; font-weight: bold; color: #636466; text-transform: uppercase; margin: 5px 0 0 0; float: left; clear: right; } #pageTitle h1 embed { display: block; } .sIFR-hasFlash #pageTitle h1 { font-family: Impact, sans-serif; font-weight: normal; color: #fff; } .sIFR-active #pageTitle h1 { color:#fff; } /* Template home */ .tmpl-home #contentContainer { background: url(../images/blocks/bg_line01_v.gif) 794px top repeat-y; margin-top: 5px; } .tmpl-home #mainColumn { width: 794px; } .tmpl-home #mainColumn .content {line-height: 1.2em; font-size: 1.1em; margin: 5px 13px 10px 0; } .tmpl-home #rightColumn { width: 184px; } .tmpl-home #rightColumn .content { margin: 0 12px 10px 8px; } /* Template 2cols w/o right column */ .tmpl-2cols #wrapper { width: 773px; } .tmpl-2cols #toolbox { width: 761px; } .tmpl-3cols #pageTitle { width: 740px; } .tmpl-3cols #pageTitle h1.wo-pb{ width: 100%; } .tmpl-3cols #pageTitle h1.w-pb{ width: 671px!important; } .tmpl-2cols #leftColumn { width: 205px; } .tmpl-2cols #leftColumn .content { margin: 10px 14px 10px 11px; } .tmpl-2cols #mainColumn { width: 773px; } .tmpl-2cols #mainColumn .content { margin: 0 12px 10px 21px; } /* Template 2cols w/o left column */ .tmpl-2cols-wo-lc #wrapper { width: 978px; background: url(../images/blocks/bg_line01_v.gif) 799px top repeat-y; } .tmpl-2cols-wo-lc #toolbox { width: 751px; margin-left: 36px; margin-right: 12px; display: inline; } .tmpl-2cols-wo-lc #pageTitle { width: 763px; margin-left: 36px; display: inline; } .tmpl-2cols-wo-lc #pageTitle h1.wo-pb { width: 100%; } .tmpl-2cols-wo-lc #pageTitle h1.w-pb { width: 694px!important; } .tmpl-2cols-wo-lc #mainColumn { width: 799px; } .tmpl-2cols-wo-lc #mainColumn .content { margin: 0 12px 10px 36px; } .tmpl-2cols-wo-lc #rightColumn { width: 179px; } .tmpl-2cols-wo-lc #rightColumn .content { margin: 0 12px 10px 11px; } /* Template 3 cols */ .tmpl-3cols #wrapper { width: 773px; background: url(../images/blocks/bg_line01_v.gif) 594px top repeat-y; } .tmpl-3cols #toolbox { width: 581px; } .tmpl-3cols #pageTitle { width: 560px; } .tmpl-3cols #pageTitle h1.wo-pb { width: 100%; } .tmpl-3cols #pageTitle h1.w-pb { width: 491px!important; } .tmpl-3cols #leftColumn { width: 205px; } .tmpl-3cols #leftColumn .content { margin: 10px 14px 10px 11px; } .tmpl-3cols #mainColumn { width: 594px; } .tmpl-3cols #mainColumn .content { margin: 0 13px 10px 21px; } .tmpl-3cols #rightColumn { width: 179px; } .tmpl-3cols #rightColumn .content { margin: 0 12px 10px 11px; } /* Template popup */ .tmpl-popup #contentContainer { margin: 0; } .tmpl-popup #mainColumn { width: 100%; } .tmpl-popup #mainColumn .content { line-height: 1.2em; font-size: 1em; margin: 10px; } /* FOOTER ================================================================================== */ #footer { width: 100%; height: 50px; float: left; } #footer .separator { height: 1px; background: url(../images/blocks/bg_line01_h.gif) left top repeat-x; clear: both; } #footer .footerNavi { text-align: center; list-style: none; margin: 10px 35%; padding: 0; width:400px; } #footer .footerNavi li { font-size: 1em; color: #000; display: inline; } #footer .footerNavi li.sep { padding: 0 4px; } #footer .footerNavi li a:link, #footer .footerNavi li a:visited { color: #000; } #footer .copyright { width: 31%; font-size: 1em; color: #ccc; text-align: left; margin-left: 35px; float: left; display: inline; } #footer .copyright a:link, #footer .copyright a:visited { color: #ccc; } /* Template home */ .tmpl-home #footer { margin: 30px 0 0 0; } .tmpl-home #footer .separator { width: 775px; margin: 0 0 0 21px; } /* Template 2cols */ .tmpl-2cols #footer, .tmpl-2cols-wo-lc #footer { text-align: center; margin: 60px 0 0 0; } .tmpl-2cols #footer .separator , .tmpl-2cols-wo-lc #footer .separator { width: 925px; margin: 0 auto; } /* Template 3cols */ .tmpl-3cols #footer { text-align: center; margin: 60px 0 0 0; } .tmpl-3cols #footer .separator { width: 925px; margin: 0 auto; }