/* Default Stylesheet for Nterchange Frontend */ /* ========================================== */ @import url("print.css") print; /*@import url("other_stylesheet.css") screen;*/ /* HTML RULES */ /* ================================================== */ html { } body { font:12px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif; background:#8cc63e url(/images/layout/bg.gif) repeat-y center top; } h1 { font-size:25px; color:#DE065D; font-weight:bold; margin:5px 0 10px; } h2 { font-size:18px; color:#036BA7; font-weight:bold; margin:5px 0; } h3 { font-size:15px; color:#036BA7; font-weight:bold; margin:5px 0; } p { line-height:1.5; margin:5px 0 10px; } a {} a:hover {} a:focus {outline:0;} #main a { color:#DE065D; } #main ul { padding-left:25px; list-style-type:none; list-style-image:url(/images/layout/bullet-red.gif); } #main ol { padding-left:25px; list-style-type:decimal; } #main li { line-height:1.5; padding-bottom:5px; padding-left:5px; } #main strong { font-weight:bold; } #main em { font-style:italic; } #main ol.footnotes { list-style-type:none; padding-left:5px; font-size:11px; } #main a.footnote { text-decoration:none; } #main a.footnote sup { text-decoration:underline; } #main .mediaelement { margin-bottom:5px; } /* SITE LAYOUT RULES */ /* ================================================== */ /* #site { min-width:960px; width:100%; height:100%; background:transparent url(/images/layout/site.png) repeat-y center top; } #canvas { width:959px; margin:0 auto; padding-top:26px; background:yellow; } */ #site { width:960px; margin:0 auto; padding-top:26px; } #masthead { position:relative; width:958px; height:270px; background:transparent url(/images/layout/masthead.jpg) no-repeat center top;} #logo {} #nav { position:relative; left:72px; top:201px; width:580px; } #nav ul {} #nav ul li { position:relative; float:left; } #nav ul li a { display:block; height:50px; background-position:left top; background-repeat:no-repeat; } #nav ul li a:hover { background-position:0px -50px; } #nav ul li.active a { background-position:0px -100px; } #nav ul li a span { display:none; } #nav #home { width:126px; background-image:url(/images/nav/home.gif); } #nav #my-story { width:130px; background-image:url(/images/nav/my-story.gif); } #nav #case-study { width:180px; background-image:url(/images/nav/case-study.gif); } #content { width:928px; position:relative; z-index:10; padding:0 16px; } #main { float:right; width:664px; } #canvas { width:664px; } #side { float:left; width:243px; height:809px; background:transparent url(/images/layout/side.gif) no-repeat left top; padding-bottom:20px; } #side ul { padding:25px 30px; } #side li { padding:7px 0px; } #side a { color:#1166A3; font-size:17px; text-decoration:none; } #side a:hover { text-decoration:underline; } #side li.active a { font-weight:bold; } #footer { padding:60px 0; color:#333333; font-family: "Geneva", sans-serif;} #footer a { color:#333333; text-decoration:none; } #footer_nav { } #credits { text-align:center; } /* BASIC CLASSES */ /* ================================================== */ .clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; } .img_left { float:left; } .img_right { float:right; } /* NAVIGATION RULES */ /* ================================================== */ #nav ul {} #nav ul li { position:relative; } #nav ul li a {} #nav ul li a span {} #nav ul ul {} .horiz_nav {} .horiz_nav ul {} .horiz_nav ul li { float:left; } /* SEARCH */ /* ================================================== */ #search form {} #search form input.text {} #search form input.button {} #searchresults dd { margin-bottom:5px; } #searchresults dl { margin-top:15px; } /* HOMEPAGE OVERRIDES */ /* ================================================== */ .home {} .home #canvas { height:820px; background:transparent url(/images/layout/four-boxes.gif) no-repeat left top; } .home #content .kid { display:block; position:absolute; z-index:20; background-color:transparent; background-repeat:no-repeat; background-position:left top; } .home #content #kid-blue { left:806px; top:580px; width:167px; height:248px; background-image:url(/images/layout/kid-blue.png); _background-image:url(/images/layout/blank.gif); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/kid-blue.png", sizingMethod="scale"); } .home #content #kid-orange { left:555px; top:38px; width:143px; height:360px; background-image:url(/images/layout/kid-orange.png); _background-image:url(/images/layout/blank.gif); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/kid-orange.png", sizingMethod="scale"); } .home #content #kid-yellow { left:236px; top:542px; width:190px; height:261px; background-image:url(/images/layout/kid-yellow.png); _background-image:url(/images/layout/blank.gif); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/kid-yellow.png", sizingMethod="scale"); } .home #content .box { display:block; position:absolute; width:310px; height:385px; } .home #content .box a.box-head { display:block; width:310px; height:80px; } .home #content .box a.box-head h2 { display:none; } .home #content .box .box-body ul { list-style-type:none; list-style-image:url(/images/layout/bullet-orange.gif); } .home #content #red-box { left:285px; top:0px; } .home #content #red-box .box-body { padding:20px 50px 10px 25px; } .home #content #red-box .box-body ul { font-size:20px; list-style-image:url(/images/layout/bullet-red.gif); } .home #content #red-box .box-body a { color:#CD0050; } .home #content #orange-box { left:633px; top:0px; } .home #content #orange-box .box-body { padding:20px 25px 10px 80px; } .home #content #orange-box .box-body ul { font-size:16px; list-style-image:url(/images/layout/bullet-orange.gif); } .home #content #orange-box .box-body a { color:#FF9900; } .home #content #green-box { left:285px; top:420px; } .home #content #green-box .box-body { padding:25px 25px 10px 90px; } .home #content #green-box .box-body ul { font-size:20px; list-style-image:url(/images/layout/bullet-green.gif); } .home #content #green-box .box-body a { color:#7CBE2A; } .home #content #blue-box { left:633px; top:420px; } .home #content #blue-box .box-body { padding:20px 50px 10px 20px; } .home #content #blue-box .box-body ul { font-size:18px; list-style-image:url(/images/layout/bullet-blue.gif); } .home #content #blue-box .box-body a { color:#36A5B5; } #get-involved-bottom { display:block; width:672px; height:101px; margin-top:20px; background:transparent url(/images/layout/get-involved-bottom.gif) no-repeat left top; } #get-involved-bottom span {display:none;}