/* Tri-I Chemical Biology M. Fletcher for P. Childers September 2009 */ /* reset */ body, div, p, ul, li, h1, h2, h3, form, input, button, textarea, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } img { border:0; } h1, h2, h3 { font-weight:normal; } /* general styles */ body { background:#edf6d7 url('../image/body.gif') repeat-y center; font-family:Arial, sans-serif; color:#3f4b52; font-size:12px; } body.ps #navigation li#ps a, body.fac #navigation li#fac a, body.cs #navigation li#cs a, body.alum #navigation li#alum a, body.ev #navigation li#ev a { background-position:0 -50px; } #container { width:855px; background:#fff; margin:0 auto; } #header { width:765px; height:190px; background:#639c40; margin:0 auto; } #header-tpcb-logo { width:180px; height:180px; padding:4px 53px 4px 32px; float:left; } #header-wcmc-logo { width:99px; height:36px; padding:11px 83px 5px 0px; float:left; } #header-ru-logo { width:83px; height:38px; padding:10px 50px 4px 13px; float:left; } #header-mskcc-logo { width:98px; height:40px; padding:9px 36px 3px 35px; float:left; } #navigation { width:500px; height:25px; overflow:hidden; background:url('../image/nav.gif');} #navigation li { list-style:none; float:left; } #navigation li span { display:none; } #navigation li a { display:block; height:25px; } #navigation li#ps a { width:138px; background:url('../image/nav_ps.gif'); } #navigation li#fac a { width:60px; background:url('../image/nav_fac.gif'); } #navigation li#cs a { width:115px; background:url('../image/nav_cs.gif'); } #navigation li#alum a { width:52px; background:url('../image/nav_alum.gif'); } #navigation li#ev a { width:52px; background:url('../image/nav_ev.gif'); } #navigation li#con a { width:80px; background:url('../image/nav_con.gif'); } #navigation li#ps a:hover, #navigation li#fac a:hover, #navigation li#cs a:hover, #navigation li#alum a:hover, #navigation li#ev a:hover, #navigation li#con a:hover { background-position:0 -25px !important; } #menu-ps { width:142px; height:110px; overflow:hidden; position:relative; left:265px; top:0px; display:none; z-index:99; } #menu-ps li { list-style:none; } #menu-ps li span { display:none; } #menu-ps li a { display:block; width:142px; height:20px; } #menu-ps li#msg a { height:30px; background:url('../image/menu_ps_01.gif'); } #menu-ps li#cos a { background:url('../image/menu_ps_02.gif'); } #menu-ps li#time a { background:url('../image/menu_ps_03.gif'); } #menu-ps li#aff a { background:url('../image/menu_ps_04.gif'); } #menu-ps li#app a { background:url('../image/menu_ps_05.gif'); } #menu-ps li#msg a:hover, #menu-ps li#cos a:hover, #menu-ps li#time a:hover, #menu-ps li#aff a:hover, #menu-ps li#app a:hover { background-position:-142px 0 !important; } #menu-fac { width:133px; height:134px; overflow:hidden; position:relative; left:368px; top:0px; display:none; z-index:99; } #menu-fac li { list-style:none; } #menu-fac li span { display:none; } #menu-fac li a { display:block; width:133px; height:20px; } #menu-fac li#boc a { height:30px; background:url('../image/menu_fac_01.gif'); } #menu-fac li#bcb a { height:32px; background:url('../image/menu_fac_02.gif'); } #menu-fac li#bac a { background:url('../image/menu_fac_03.gif'); } #menu-fac li#ccb a { height:32px; background:url('../image/menu_fac_04.gif'); } #menu-fac li#bc a { background:url('../image/menu_fac_05.gif'); } #menu-fac li#boc a:hover, #menu-fac li#bcb a:hover, #menu-fac li#bac a:hover, #menu-fac li#ccb a:hover, #menu-fac li#bc a:hover { background-position:-133px 0 !important; } #menu-cs { width:117px; height:50px; overflow:hidden; position:relative; left:462px; top:0px; display:none; z-index:99; } #menu-cs li { list-style:none; } #menu-cs li span { display:none; } #menu-cs li a { display:block; width:117px; height:20px; } #menu-cs li#dir a { height:30px; background:url('../image/menu_cs_01.gif'); } #menu-cs li#pub a { background:url('../image/menu_cs_02.gif'); } #menu-cs li#dir a:hover, #menu-cs li#pub a:hover { background-position:-117px 0 !important; } #random-photos-wrapper { width:854px; height:68px; margin:10px 0; background:#b4d3cb; border:1px solid #b4d3cb; border-left:0; overflow:hidden; } #random-photos { width:1200px; } #random-photos img { margin:0 0 0 1px; } #content-left { width:250px; margin:0 15px 0 45px; float:left; } #random-image { width:210px; height:148px; position:absolute; top:200px; background:#b4d3cb; } #update { width:196px; height:27px; margin:120px 0 0 0; padding:20px 0 0 14px; color:#007958; font-size:11px; background:url("../image/program_update.gif"); } #page-title { margin:10px 0 0 0; color:#003877; font-size:14px; font-weight:bold; } #caption { font-size:12px; font-style:italic; font-family:"Arial Narrow", Arial, sans-serif; } #caption.short { width:110px; margin:40px 0 0 110px; color:#00928a; } #caption.medium { width:150px; margin:40px 0 0 70px; color:#00928a; } #caption.long { width:210px; margin:40px 0 0 10px; color:#00a25e; } #site-controls { position:absolute; top:450px; } #site-controls #addresses { width:204px; margin:18px 0 16px 0; padding:0 0 0 8px; border-left:6px solid #74b3bb; } #site-controls #search { width:204px; height:13px; padding:0 0 0 8px; border-left:6px solid #b1e1eb; } #site-controls #search a { margin:0 6px 0 0; } #site-controls #search-terms { width:152px; height:11px; vertical-align:2px; font-size:9px; background:#f0f4e1; border:1px solid #e1e8c4; } #content-right { width:500px; float:left; } #content-right.home { width:460px; } #content-right #deco { width:5px; height:257px; background:url("../image/design_elements_home_page.gif"); float:left; } #content-right h1 { margin:12px 0 20px 0; color:#478f47; font-size:12px; font-weight:bold; } #content-right h1.events { margin-left:116px; } #content-right h1.contact-us { margin-left:152px; } #content-right h1.publications { margin-left:95px; } #content-right h1.alumni { margin-left:116px; } #content-right h1.faculty { margin-left:107px; } #content-right h1.students { margin-left:184px; } #content-right h1.timeline { margin-left:129px; } #content-right h1.course { margin:40px 0 20px 128px;} #content-right h1.message { margin-left:120px; } #content-right h1.affairs { margin:35px 0 50px 141px; } #content-right h2 { margin:0 0 20px 0; color:#478f47; font-size:12px; font-weight:bold; } #content-right h3 { color:#478f47; font-size:12px; } #content-right.home h1 { margin:15px 0 4px 0; color:#008d43; font-size:22px; } #content-right.home h2 { margin:0 0 20px 0; color:#005d7c; font-size:12px; font-style:italic; } #content-right.home h3 { margin:0 0 0 16px; color:#005b85; font-size:13px; font-family:"Arial Narrow", Arial, sans-serif; font-weight:bold; } #content-right p { font-size:12px; color:#004b23; } #content-right.home p { margin:0 0 12px 16px; font-size:11px; color:#3f4b52; } #content-right p.events { line-height:1.5; } #content-right p.contact-us { margin-bottom:20px; line-height:1.5; } #content-right p.affairs { margin-bottom:20px; font-size:12px; color:#004b23; } #content-right p.underscore { margin:0 0 10px 0; padding:0 0 15px 0; border-bottom:1px solid #004b23; } #content-right a { color:#004b23; text-decoration:underline; } #content-right a:hover { color:#478f47; text-decoration:none; } #content-right.message { font-family:"Arial Narrow", Arial, sans-serif; } #content-right.message p { font-size:15px; color:#002c4c; margin:0 50px 10px 0; } #content-right.message p.welcome { font-weight:bold; line-height:1.5; } #content-right.search li { list-style-type:none; } #content-right table { margin:2px 0 15px 0; width:500px; font-size:10px; border:1px solid #c9dbc4; clear:both; } #content-right table td { padding:3px; border:1px solid #c9dbc4; vertical-align:top; } #content-right table tr.head { background:#e4f1e2; font-size:9px; } #content-right table a { color:#3f4b52; } #content-right table a:hover { text-decoration:none; } #content-right img.sub-page { position:absolute; top:200px; } #content-right-left { margin:4px 0 0 0; width:115px; color:#002c4c; font-family:"Arial Narrow", Arial, sans-serif; float:left; } #content-right-left p { color:#002c4c; } #content-right-left li { margin-top:5px; font-size:14px; } #content-right-left li.last { list-style-type:none; } #content-right-right { width:360px; margin:5px 0 0 14px; float:left; } #content-right-right p { color:#002c4c; margin-bottom:10px; font-family:"Arial Narrow", Arial, sans-serif; } #heightener { height:100px; } #footer { width:855px; height:40px; clear:both; } #ie-six { width:210px; margin-top:50px; color:#002c4c; font-size:10px; } #ie-six a { color:#002c4c; } #ie-six strong { color:#478f47; } /* omg hax */ * html #slogan { float:left; } * html #header { height:193px; overflow:hidden; } * html #update { position:absolute; } * html #navigation { display:inline; } * html #random-image { top:203px; } * html #content-left { margin-left:22px; } * html #content-right img.sub-page { top:203px; } * html #menu-ps li, * html #menu-fac li, * html #menu-cs li { margin-bottom:-3px; } *+html #header { height:193px; } *+html #update { position:absolute; } *+html #random-image { top:203px; } *+html #content-right img.sub-page { top:203px; } *+html #menu-ps li, *+html #menu-fac li, *+html #menu-cs li { margin-bottom:-3px; }