:link img,:visited img,a,abbr,acronym,address,article,aside,audio,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,option,p,pre,q,s,samp,section,select,small,span,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;outline:0;font-family:inherit;vertical-align:baseline;white-space:normal;background:transparent;font-weight:inherit;font-style:inherit;font-size:100%;text-align:left;}body{font:76%/1.8 Verdana,Arial,Helvetica,sans-serif;color:#666;padding:0 0 25px 0;}:link,:visited,:hover{text-decoration:none;}ol,ul,li{list-style:none;}blockquote,q{quotes:none;}a,:active,:focus{outline:0;/* remember to define focus styles! */}table{border-collapse:collapse;border-spacing:0;font-size:1em;/* tables still need 'cellspacing="0"' in the markup */}address{font-style:normal}article,aside,footer,header,nav,section,dialog,hgroup,menu{float:left;display:block;}figure{display:block;}#bodyContent{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;background:url(../images/bkgd_side_btm.png) right repeat-y;min-width:940px;}* html #bodyContent{width:expression(document.body.clientWidth< 941 ? "940px" : "auto");/* set min-width for IE */min-width:940px;/* sets min-width value for all standards-compliant browsers */}#wrapper_main{float:left;width:100%;background:url(../images/bkgd_side_btm.png) right repeat-y;}#main{margin-right:329px;background:url(../images/bkgd_main.jpg) top repeat-x;}#wrapper_main #main{zoom:1;}#sidebar{float:left;width:329px;margin-left:-329px;color:#fff;}#sidebar_left{float:left;width:131px;}#sidebar_right{float:left;width:198px;}#footer{height:26px;background-color:#262C37;position:fixed;bottom:-1px;left:0;width:100%;overflow:hidden;}#footer{position:absolute;}html>body #footer{position:fixed;}#logo{width:368px;height:121px;}.left{float:left;}.right{float:right;}.clear{clear:both;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}.mail{height:16px;width:100px;margin-bottom:1.2em}a:link,a:visited{color:#9c4a00;cursor:pointer;}a:hover,a:active{color:#7b3100;}h1,h2,h3,h4,h5,h6{font-weight:bold;color:#333;}h1{font-size:1.6em;padding-bottom:6px;}h2{font-size:1.4em;}h3{font-size:1.2em;margin-bottom:-25px;line-height:1.4;}h4{font-size:1.0em;margin-bottom:-25px;}h5{font-size:0.95em;color:#666;}h6{font-size:0.7em;}p,li{font-size:0.9em;line-height:1.6;margin-bottom:1.2em;}li>p{margin-top:0.2em;}strong,b,.b{font-weight:bold;}em{font-style:italic;}h1#tagline{font-style:italic;font-weight:normal;font-size:14px;margin-left:72px;height:41;}#home h3,#home h2,.error h2{border-top:1px solid #CCCCCC;color:#666666;margin:25px 25px 0 0;padding:20px 0 0;}.error h2{margin-top:15px;padding-left:25px;}p.dropcap:first-letter{color:#666;font-size:3.3em;float:left;display:block;line-height:1;margin:.13em .05em 0 -.05em;}@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {p.dropcap:first-letter{line-height:.55;}}@media all and (-webkit-min-device-pixel-ratio:0) and (min-width:0px) {body:not(:root:root) p.dropcap:first-letter { line-height:.7; } } #indents p { margin-left:25px; padding-bottom:10px; } #group_gray p, #group_blue p { margin:0 50px; padding-top:4px; border-top:solid 1px #ccc; } #group_gray h4 { margin:0 50px 0 0; text-align:right; position:relative; top:24px; } /* Gray group used on Activites with h1 h4 p */ #group_gray h4.two { margin:-22px 50px 0 0; text-align:right; position:relative; top:47px; } #group_blue h4 { margin:0 50px 0 0; text-align:right; position:relative; top:25px; color:#0C6285; } /* Blue group used on Board with h1 h2 h4 p */ #group_blue h4.two { margin:-21px 50px 0 0; text-align:right; position:relative; top:49px; color:#0C6285; } #group_blue p.plain { margin:0 50px 25px 50px; padding-top:0; border-top:none; } #group_blue h2.one { font-size:1.2em; margin-top:25px; } .bodycopy { padding:25px 25px 50px 25px; } .bodycopy p, .bodycopy li { margin:10px 25px 1.2em 25px; } .bodycopy p.noindent { margin:0 0 1.2em 0; } .addlength {padding-bottom:100px; } .blue { color:#0C6285; font-weight:normal; } .ital { font-style:italic; } .pulled-right { display:block; float:right; padding:0 0 0 10px; margin:0 0 10px 10px; width:170px; font-size:1.5em; line-height:1.4; text-align:right; color:#666; border-left:3px solid #ccc; } .pulled-left { display:block; float:left; padding:0 10px 0 0; margin:0 10px 10px 0; width:170px; font-size:1.5em; line-height:1.4; text-align:left; color:#666; border-right:3px solid #ccc; } .cover-r { float:right; margin-left:25px; margin-bottom:12px; border:1px solid #888; box-shadow: 3px 3px 5px #bbb; -moz-box-shadow: 3px 3px 5px #bbb; -webkit-box-shadow: 3px 3px 5px #bbb; behavior: url("css/ie-css3.htc"); } .cover-l { float:left; margin-right:25px; margin-bottom:12px; } #press p.cover-r, #press p.cover-l { padding-bottom:0; } #footer a, #footer a:link, #footer a:visited, #footer a:active { color:#CCCCCC; height:25px; float:right; width:329px; font-size:0.8em; line-height:2.6; text-align:right; padding-right:10px; } #footer a:hover { color:#B7D7E3; text-decoration:underline; cursor:pointer; } /* NON-FLASH DISEASES ---------------------------------- */ body#home { background:url(../images/bkgd_disease.gif) repeat-y; } #home .bodycopy { margin-top:10px; padding:0 25px 24px 0; } .diseaselist { margin-left:219px; padding:15px 0 50px 25px; } #diseaselist { padding:10px 0 25px; float:left; width:218px; } #home #diseaselist h3 { margin:0; padding:0; color:#666; border:none; background-color:transparent; text-align:center; font-size:1.35em; } #diseaselist p { margin:0 0 0 5px; } #diseaselist li a, .btn li a { background:url(../images/bkgd_disease_btn.png) top left no-repeat; width:168px; height:68px; text-align:center; display:block; color:#0c6285; zoom:1; margin-bottom:-5px; } #diseaselist li a:hover, .btn li a:hover { background:url(../images/bkgd_disease_btn.png) top right no-repeat; color:#fff; } #diseaselist li a span, .btn li a span { width:168px; height:38px; display:block; text-align:center; padding:15px 0; font-style:italic; font-weight:bold; font-variant:small-caps; font-size:12px; line-height:1.3; } #diseaselist li a span.twoline, .btn li a span.twoline { position:relative; top:3px; } #diseaselist li a span.oneline, .btn li a span.oneline { position:relative; top:11px; } .btn { margin:5px 0 1.2em; padding-left:60px; float:right; background:url(../images/logo_dohad.gif) no-repeat 14px 10px; } /* CONTACT PAGE ----------------------------------------------- */ #contact .bodycopy p { margin:0 0 1.2em 0; } #contact #wrapper_contactinfo { background:#ccc url(../images/bkgd_info.png) right repeat-y; padding:20px 0; margin:0 -25px; min-width:590px; } * html #contact #wrapper_contactinfo { width: expression( document.body.clientWidth < 591 ? "590px" : "auto" ); /* set min-width for IE */ min-width:590px; /* sets min-width value for all standards-compliant browsers */ } #contact fieldset { display:block; width:310px; float:left; font-size:0.8em; padding:0; margin:0; border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */ } #contact label { width:76px; margin-top:0.3em; padding:0.2em; float:left; text-align:right; text-transform:uppercase; } #contact .textfield, #contact textarea, #contact .submit { margin:3px 3px 3px 10px; color:#333; padding:3px 8px; border:solid 0 #fff; } #contact .textfield { height:20px; width:200px; background:transparent url(../images/textfield_bg.png) no-repeat fixed !important; voice-family:"\"}\""; voice-family:inherit; width:187px; } #contact fieldset>input.textfield { background:transparent url(../images/textfield_bg.png) no-repeat !important; } #contact textarea { height:165px; width:200px; background:transparent url(../images/textarea_bg.png) no-repeat fixed !important; voice-family:"\"}\""; voice-family:inherit; width:190px; } #contact fieldset>textarea { background:transparent url(../images/textarea_bg.png) no-repeat !important; } #contact .submit { color:#666; height:20px; width:80px; cursor:pointer; text-transform:uppercase; background:transparent url(../images/submit.png) no-repeat; } #contact .btntext { font-size:1.0em; } #contactinfo { float:right; margin:8px -25px 0 15px; color:#fff; width:287px; } #contactinfo h2 { font-size:1.2em; color:#b7d7e3; } #contactinfo a:link, #info a:visited { color:#fff; } #contactinfo a:hover, #info a:active { color:#FFFFCC; } #contactinfo span { font-weight:bold; margin-right:10px; } input#info { border: 1px solid #ccc; background-color:#ccc; color:#ccc; height:0px; } .validation-advice { padding:5px; background-color:#8B0907; color:#FFF; font-weight:bold; text-align:center; } #thanks h1 { font-size:1.6em; margin:6px 0 25px 0; color:#333; line-height:1.2; } #thanks p.intro { margin:0 50px 25px 50px; padding-top:4px; border-top:solid 1px #ccc; } #thanks img.thanks { margin-left:50px; } /* NAVIGATION ----------------------------------------------- */ a#nav_home:link, a#nav_home:visited { display:block; width:50px; height:30px; position:absolute; top:151px; margin-left:-24px; text-align:center; color:#67adc9; font-weight:bold; line-height:2.3; font-size:10px; z-index:1000; } a#nav_home:hover, a#nav_home:active { color:#00263A; } * html #home a#nav_home { margin-right:16px; } #nav_a:link, #nav_a:visited { background:url(../images/nav_a.jpg) top left no-repeat; display:block; width:131px; height:162px; } #nav_a:hover, #nav_a:active { background:url(../images/nav_a.jpg) top right no-repeat; } #nav_b:link, #nav_b:visited { background:url(../images/nav_b.jpg) top left no-repeat; display:block; width:198px; height:162px; } #nav_b:hover, #nav_b:active { background:url(../images/nav_b.jpg) top right no-repeat; } #nav_c:link, #nav_c:visited { background:url(../images/nav_c.jpg) top left no-repeat; display:block; width:131px; height:132px; } #nav_c:hover, #nav_c:active { background:url(../images/nav_c.jpg) top right no-repeat; } #nav_menu { width:198px; height:296px; background:url(../images/nav_menu.png) no-repeat; margin:0; padding:0; } #nav_menu.nondonate { padding-top:46px; } #nav_menu li, #nav_menu #submenu li { float:left; width:100%; margin:0; padding:0; } #nav_menu a, #nav_menu #submenu li a { display:block; text-decoration:none; padding:0 0 0 10px; height:25px; width:188px; color:#fff; line-height:2.7; font-size:10px; } * html #bodyContent #nav_menu a { width:198px; } #menu0 a { text-align:right; margin-top:21px; font-weight:bold; } #menu0 a span { margin-right:10px; } #menu0 a:hover { background:url(../images/nav_menu.png) -198px -21px no-repeat; } #menu1 a:hover { background:url(../images/nav_menu.png) -198px -46px no-repeat; } #menu2 a:hover { background:url(../images/nav_menu.png) -198px -71px no-repeat; } #menu3 a:hover { background:url(../images/nav_menu.png) -198px -96px no-repeat; } #menu4 a:hover { background:url(../images/nav_menu.png) -198px -121px no-repeat; } #menu5 a:hover { background:url(../images/nav_menu.png) -198px -146px no-repeat; } #menu6 a:hover { background:url(../images/nav_menu.png) -198px -171px no-repeat; } #menu7 a:hover { background:url(../images/nav_menu.png) -198px -196px no-repeat; } #menu8 a:hover { background:url(../images/nav_menu.png) -198px -221px no-repeat; } #home #menu1 a { background:url(../images/nav_menu.png) -198px -46px no-repeat; color:#000; font-weight:bold; } #science #menu2 a { background:url(../images/nav_menu.png) -198px -71px no-repeat; color:#000; font-weight:bold; } #disease #menu3 a { background:url(../images/nav_menu.png) -198px -96px no-repeat; color:#000; font-weight:bold; } #publications #menu4 a { background:url(../images/nav_menu.png) -198px -121px no-repeat; color:#000; font-weight:bold; } #schedule #menu7 a { background:url(../images/nav_menu.png) -198px -196px no-repeat; color:#000; font-weight:bold; } #contact #menu8 a { background:url(../images/nav_menu.png) -198px -221px no-repeat; color:#000; font-weight:bold; } #tabmenu { float:left; margin:15px 0; } .shadetabs li a { text-decoration:none; padding:10px 0 10px 25px; margin-bottom:-16px; height:36px; width:118px; display:block; font-size:0.9em; font-weight:bold; } .shadetabs li a:hover { background-color:#e9eded; } .shadetabs li a.one { text-decoration:none; padding:10px 0 6px 25px; margin-bottom:-16px; height:24px; width:118px; display:block; font-size:0.9em; font-weight:bold; } .shadetabs_sm li a { text-decoration:none; padding:10px 0 6px 25px; margin-bottom:-16px; height:24px; width:118px; display:block; font-size:0.9em; font-weight:bold; } .shadetabs_sm li a:hover { background-color:#EDF3F5; } .tabcontentstyle{ margin-left:143px; margin-top:9px; border-left-width:1px; border-left-style:solid; border-left-color:#CCC; padding:17px 25px 25px 25px; } .tabcontent{ display:none; } .tabcontentstyle ul { margin:0 25px 14px 25px; } .tabcontentstyle ul li { background:url(../images/bullet.gif) no-repeat; padding-left:15px; } /* PRESS ARTICLS MENU ----------------------------------- */ #menu5.current a { background:url(../images/nav_menu.png) -198px -146px no-repeat; color:#000; font-weight:bold; } #menu6.current a { background:url(../images/nav_menu.png) -198px -171px no-repeat; color:#000; font-weight:bold; } #nav_menu #submenu li a { color:#333; background-color:#ddd; line-height:2.3; } #nav_menu #submenu li a:hover { color:#b2320d; background-color:#fff; } #sub10 #nav_menu li.sub10 a, #sub20 #nav_menu li.sub20 a, #sub30 #nav_menu li.sub30 a, #sub40 #nav_menu li.sub40 a, #sub50 #nav_menu li.sub50 a, #sub60 #nav_menu li.sub60 a, #sub70 #nav_menu li.sub70 a, #sub80 #nav_menu li.sub80 a, #sub90 #nav_menu li.sub90 a, #sub100 #nav_menu li.sub100 a, #sub110 #nav_menu li.sub110 a, #sub120 #nav_menu li.sub120 a, #sub120 #nav_menu li.sub120 a, #sub130 #nav_menu li.sub130 a, #sub140 #nav_menu li.sub140 a, #sub150 #nav_menu li.sub150 a, #sub160 #nav_menu li.sub160 a { font-weight:bold; color:#b2320d; background-color:#fff; } #nav_menu #submenu li a.top { background:url(../images/nav_menu_sub.png) top no-repeat; } #nav_menu #submenu li a:hover.top { background:url(../images/nav_menu_sub.png) bottom no-repeat; } .top #nav_menu #submenu li a.top { background:url(../images/nav_menu_sub.png) bottom no-repeat; } #nav_menu li#btmspacer { height:11px; background:url(../images/nav_menu_pressbtm.png) top no-repeat; } #menu6.submenu_btm a, #menu7.submenu_btm a, #menu8.submenu_btm a { background:url(../images/nav_menu_pressbtm.png) top no-repeat; } #menu6.submenu_btm a:hover, #menu7.submenu_btm a:hover, #menu8.submenu_btm a:hover { background:url(../images/nav_menu_pressbtm.png) bottom no-repeat; } /* TEMPORARY UNTIL WE HAVE MORE ARTICLES TO PUSH THE MENU DOWN ... ALSO DELETE CLASS IN MENU_ARTICLES FILE ----------------------------------- */ /* example: