/* msf layout.css */ body { margin: 10px 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: 9999; } #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; } #header div img { margin-left:12px; } /* MAIN NAVIGATION ================================================================================== */ #mainNavi { background-image:url(/fileadmin/templates/refugeecamp/images/refugeecamp/rc_nav_bg.gif); height:46px; width:979px; margin:0; padding:0; } ul#mainNavi { width: 979px; height: 46px; list-style:none; margin:0; padding:0; float:left; display: inline; position: relative; z-index:10000; } ul#mainNavi li ul, ul#mainNavi li.act ul { position:absolute; display:block; min-width:100px; list-style:none; margin:0; padding:0; top:45px; clear:both; background-color:#fff; font-size:0.5em; left:auto; border:solid 1px #ccc; border-top:solid 1px #fff; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-radius:8px; height:auto; width:260px; visibility:hidden; } ul#mainNavi li a { /*clear:none;*/ display:block; } ul#mainNavi li { margin:0; padding:0; display:block; height:46px; float:left; } html>body ul#mainNavi li { min-width:30px; width:auto; } ul#mainNavi li.sep { display:none; } ul#mainNavi li.first { padding-left:35px; } ul#mainNavi li ul li { padding-right:10px; float:none; } ul#mainNavi li a:link, ul#mainNavi li a:visited { display:block; height:46px; line-height:46px; padding-left:8px; padding-right:8px; font-size:12px; border-right:solid 1px #ccc; color:#000; text-decoration:none; float:left; } ul#mainNavi li a:hover { background-image:url(/fileadmin/templates/refugeecamp/images/refugeecamp/rc_nav_bg_act.gif); } ul#mainNavi li.act a:link, ul#mainNavi li.act a:visited { display:block; color:#ffffff; float:left; background-image:url(/fileadmin/templates/refugeecamp/images/refugeecamp/rc_nav_bg_act.gif); } ul#mainNavi li.actdonate a:link, ul#mainNavi li.actdonate a:visited { color: #ffffff; float:left; background-image:url(/fileadmin/templates/refugeecamp/images/refugeecamp/rc_nav_bg_act.gif); } ul#mainNavi li:hover ul { visibility:visible; } ul#mainNavi li ul li.first { padding:0; } /*ul#mainNavi li.act { display:block; clear:both; left:auto; margin-left:auto; float:left; }*/ ul#mainNavi li ul li { margin:0; padding:0; float:none; height:30px; border-top:solid 1px #efefef; border-right:none; line-height:30px; width:260px; } ul#mainNavi li ul li a:link,ul#mainNavi li ul li a:visited, ul#mainNavi li ul li a:hover { display:block; padding:0; padding-left:8px; padding-right:8px; margin:0; float:none; height:30px; background-image:none; border:none; line-height:30px; width:244px; } ul#mainNavi li.actdonate ul li a:link, ul#mainNavi li.actdonate ul li a:visited { color:#000; margin-left:0px; padding:0; padding-left:8px; padding-right:8px; margin:0; float:none; height:30px; background-image:none; width:244px; } ul#mainNavi li li a:hover { text-decoration: none; } /*ul#mainNavi .act:hover ul { clear:both; margin-top:10px; display:block; }*/ /* 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; } */ ul#mainNavi li.act ul li a:link, ul#mainNavi li.act ul li a:visited { display:block; margin-left:0px; padding:0; padding-left:8px; padding-right:8px; margin:0; float:none; height:30px; background-image:none; border:none; color:#000; clear:both; } ul#mainNavi li.act ul li { display:block; margin:0; padding:0; float:none; height:30px; background-image:none; } ul#mainNavi li ul li a:hover, ul#mainNavi li.act ul li a:hover, ul#mainNavi li.actdonate ul li a:hover { background-color:#e7e8e9; } /* 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: 943px; margin-left: 36px; margin-right: 0px; } /* 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.1em; 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 0px; float: left; display: inline; z-index:1; } #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.3em; font-weight: bold; /*color: #636466;*/ color:#FF0000; text-transform: uppercase; margin: 5px 0 0 0px; float: left; clear: right; z-index:1; } #pageTitle h1 embed { display: block; } .sIFR-hasFlash #pageTitle h1 { font-family: Impact, sans-serif; font-weight: normal; color: #fff; z-index:1; } .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) 720px top repeat-y; } .tmpl-2cols-wo-lc #toolbox { width: 670px; margin-left: 36px; margin-right: 12px; display: inline; } .tmpl-2cols-wo-lc #pageTitle { width: 690px; margin-left: 36px; display: inline; } .tmpl-2cols-wo-lc #pageTitle h1.wo-pb { width: 100%; } .tmpl-2cols-wo-lc #pageTitle h1.w-pb { width: 690px!important; } .tmpl-2cols-wo-lc #mainColumn { width: 690px; } .tmpl-2cols-wo-lc #mainColumn .content { margin: 0 12px 10px 36px; } .tmpl-2cols-wo-lc #rightColumn { width: 240px; } .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; line-height:49px; } #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: right; margin-left: 0px; float: right; 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; } /* ASSOCIATION SPECIFIC ===================================================================================== */ div.association_mainnav { background:#ff0000; width:955px; height:30px; margin-left:12px; } /* IMAGE COPYRIGHTS FOR REFUGEE CAMP */ #photo_copyright { float:right; margin-top:-16px; font-size:10px; color:#999; width:120px; }