@import url(_sub.css.php); /* defaults, globals, and miscellaneous ==============================================================================*/ * { /* removes defaults from all elements */ margin: 0; padding: 0; } table { margin:0; padding:0; font-size:1em; } body { margin: 0; font-family: 'lucida grande', 'tahoma', arial, helvetica, sans-serif; font-size: 62.5%; /* sets the stage for using ems */ text-align: center; background-color: #7B6A54; /* D8D1C8 */ } sup { font-size: .4em; color:#84725A; } /*hr { display: none; }*/ hr .sectionrule { display:block; size: 1px; color:#002D61; } a { text-decoration: none; } .clearHack { display: block; visibility: hidden; clear: both; height: 0; } #clearone { clear:both; height:1em; } #skipLink { display: none; } .subspacer { /* for kicking text below top-right */ margin: 0 0 48px 0; } /* inline images - NOT IMPLEMENTED YET IN PHILLIPS SITE ==============================================================================*/ img { border: 0; /* removes border in case images get have anchor around them */ } .inlineImage { text-align: center; font-size: 1.0em; font-weight: normal; color: #999; } .inlineImage img { padding: 3px; border: 1px solid #ccc; } .noStyle img { padding: 0; border: 0 none; } .right { float: right; margin: 1.3em 0 0 2em; } .left { float: left; margin: 1.3em 2em 0 0; } .center { position: relative; margin-left: auto; margin-right: auto; } /* site id and utility links ==============================================================================*/ h1 { position: relative; height: 70px; } h1 a { display: block; position: absolute; top: 30px; width: 700px; height: 26px; text-indent: -5000px; overflow: hidden; background: url(../images/pu_title.gif) no-repeat; } #navUtilities { position: absolute; top: 20px; right: 10px; margin-left: 150px; font-size: 1.0em; line-height: 1.0em; font-weight: normal; color: #9CF; } #navUtilities a { text-decoration: none; color: #D8D1C8; } #navUtilities a:hover { color: #fff; text-decoration: underline; } /* layout setup - header ==============================================================================*/ #header { position: relative; height: 268px; width: 900px; clear: both; margin: 0 auto; background: url(../images/bg_headercol.gif);/* works best here */ background-repeat: repeat-x; } #headerwrapper { position: relative; height: 268px; margin: 0 auto; width: 768px; text-align: left; background-image: url(../images/bg_header.gif); background-repeat: repeat-x; overflow:hidden; } /* top-level navigation ==============================================================================*/ #Mainnav { height: 28px; margin-bottom: 7px; list-style: none; } #Mainnav li { float: left; /*margin-right: 1px;*/ height: 28px; overflow: hidden; /* if text-resize, this'll keep the nav the same size */ } #Mainnav li a { display: block; line-height: 28px; text-indent: -5000px; overflow: hidden; background-position: center top; /* horizontally centers the background image */ } #navHome { width: 78px; background: url(../images/nav_home.gif) no-repeat; } #navUniv { width: 109px; background: url(../images/nav_pu.gif) no-repeat; } #navAlum { width: 114px; background: url(../images/nav_puaa.gif) no-repeat; } #navLegacy { width: 116px; background: url(../images/nav_pulf.gif) no-repeat; } #navTradition { width: 105px; background: url(../images/nav_putp.gif) no-repeat; } #navScholar { width: 154px; background: url(../images/nav_pulsp.gif) no-repeat; } #navNews { width: 92px; background: url(../images/nav_pune.gif) no-repeat; } #Mainnav li a:hover { background-position: 50% -28px; } #Mainnav li a.currentSection, #Mainnav li a.currentSection:hover { background-position: 50% -56px; } /* homepic ==============================================================================*/ #picHome { float: left; width: 180px;/*256*/ height: 142px;/*202*/ /*margin-bottom: 8px; /* to force following elements down */ background-color: transparent; border:1px solid #fff; padding:4px; } /* slideshow - the div shows but this NOT BEEN TESTED YET IN PHILLIPS SITE ==============================================================================*/ #slideshow { position: relative; float: right; width: 540px; background-color: transparent; /*#8e2344;*/ height: 142px; min-height:142px; border:1px solid #fff; padding:4px; } /* alert to non-Flash-enabled browsers */ #slideshow div { width:540px; height:142px; /*background-color:#8e2344;*/ background: url(../images/scholarspotlight2.gif) no-repeat; } #slideshow div h1.blip { position:relative; top:40px; left:20px; width:340px; font-size:13px; padding:10px 5px 0 0; margin-left:30px; margin-bottom:20px; color:#fff; text-align:left; font-style:italic; } #slideshow div h1.blip a { poition:static; display:inline; background-image:none; text-indent:0; font-size:9px; float:none; margin:0; padding-left:4px; color: #fff; font-weight: normal; border:none; } #slideshow p { float:right; text-align: right; font-size: 9px; font-weight: bold; color: #fff; padding-right:10px; } #slideshow a { font-size:9px; padding-left:4px; color: #fff; font-weight: normal; } /* layout setup - content section ==============================================================================*/ #content { position: relative; clear: both; margin: 0 auto; width: 900px; background: url(../images/bg_contentcol.gif) repeat; background-color: #fff; } #contentwrapper { position: relative; margin: 0 auto; width: 768px; background-color: #fff; text-align: left; } #contact { position: relative; float: left; height: auto; margin: 0; } #news { position: relative; float: left; min-height: 280px; height: auto; margin: 0 2px; width: 180px; } /* px navigation ====================================*/ #quickLinks { margin:5px auto 10px; padding:0; color:#fff; background-image:url(../images/quicklinks.jpg); background-repeat:no-repeat; height:50px; } #quickLinks p { position:relative; top:32px; display:block; margin:0 4px 10px; color:#666; font-size:9px; background-image:none; } #quicklinks .select-holder { position:relative; top:30px; clear:both; width:180px; margin:0 auto; padding:0; /*overflow-hidden;*/ } /*==================================*/ #newsHeadline { clear:both; margin:5px auto 5px; min-height:24px; height:24px; padding:0; background:url(../images/_news/news.gif) no-repeat; } /*==================================*/ #eventsHeadline { clear:both; margin:10px auto 5px; min-height:24px; height:24px; padding:0; background:url(../images/_news/events.gif) no-repeat; } /*==================================*/ #feature { position: relative; float: right; min-height: 280px; height: auto; margin: 0 2px; width: 547px; } #topright { float: right; margin-top: 6px; margin-right: 0px; margin-bottom: 6px; margin-left: 4px; border: 0px; } /* headers ==============================================================================*/ #news h2 { clear: none; margin: 10px 5px 7px 5px; padding-bottom: 3px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; color: #002D61; text-transform: uppercase; border-bottom: 1px solid #ccc; } #contact h2 { clear: none; margin: 10px 5px 7px 5px; padding-bottom: 3px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; color: #002D61; border-bottom: 1px solid #ccc; } #feature h2 { clear: none; margin: 10px 0px 3px 0px; padding-bottom: 3px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; color: #8E2344; text-transform: uppercase; border-bottom: 1px solid #ccc; } /* TRAIDITION PRO|JECT */ #feature h1.tp { font-size:13px; line-height:1.2em; margin:0; padding:0; color:#002D61; font-weight:bold; height:auto; } #feature leader { clear: none; margin: 10px 0px 3px 0px; padding-bottom: 3px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; color: #002D61; text-transform: uppercase; } #feature p.tp { margin-top:0; margin-bottom:1.3em; } #feature p.center { text-align:center; } #feature p.leader { clear: none; margin: 10px 0px 5px 0px; padding-bottom: 3px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; color: #8E2344; font-style: italic; text-transform: uppercase; } #feature p.subsubhead { /*------------------------------*/ clear: none; margin: 0 0 1px 0; font-size: 1.2em; font-weight: bold; color: #510000; text-decoration:none; text-transform: capitalize; } #feature p.subhead { clear: none; margin: 0 0 5px 0; padding: 1px; font-size: 1.2em; line-height: 1.3em; font-weight: bold; color: #002D61; text-decoration:underline; text-transform: uppercase; } #feature p.subsub { clear: none; margin: 2px 0px 2px 0px; padding-left: 3px; font-size: 1.2em; line-height: 1.4em; font-weight: normal; color: #002D61; } #feature span.special { color:#002D61; font-weight:bold; font-style:italic; } #callout { float:right; width:160px; border:1px #002d61 solid; margin: 5px 0 5px 10px; padding:10px; font-size:.92em; text-align:left; } /* news & announcements ==============================================================================*/ /* #news links & images not implemented yet*/ #news a { color: #5A0000; font-weight: bold; } #news a:hover { text-decoration: underline; color: #84725A; } #news img { padding: 2px; background: #fff; border: 1px solid #ccc; } #news img.l { float: left; margin-right: 7px; } #news img.r { float: right; margin-right: 7px; } /* #newsItem controls for left sidebar*/ .newsItem { clear: both; margin: 5px; border:1px dotted #84725A; border-top-style:none; border-left-style:none; border-right-style:none; } .first { border:1px dotted #84725A; border-left-style:none; border-right-style:none; padding-top:5px; } #news .newsItem h3 { clear: none; margin-bottom: -.5em; padding-bottom: 2px; font-size: 1.1em; line-height: 1.4em; font-weight: bold; color: #9A948E; } #news .newsItem h3 span { font-size: 9px; color: #999; } #news .newsItem p { margin: .5em 0 .5em 0; font-size: 1.1em; line-height: 1.4em; font-weight: normal; width:180px; white-space:pre-wrap; overflow:hidden; } .newsItem a img.l { float: left; margin-right: 7px; padding: 2px; border: 1px solid #ccc; } .newsItem a img.r { float: right; margin-right: 7px; padding: 2px; border: 1px solid #ccc; } .newsItem a:hover img.l { border: 1px solid #5A0000; background-color: #CEEAFF; } .newsItem a:hover img.r { border: 1px solid #5A0000; background-color: #CEEAFF; } /* contacts ===============================================================================*/ #contact a { color: #84725A; font-weight: bold; } #contact a:hover { text-decoration: underline; color: #5A0000; } #contact img { padding: 2px; background: #fff; border: 1px solid #ccc; } #contact img.l { float: left; margin-right: 10px; margin-bottom:8px; } #contact img.r { float: right; margin-right: 7px; margin-bottom:8px; } /* #newsItem controls for left sidebar*/ .contactItem { clear: both; padding-top: 4px; margin: 10px 5px 5px 5px; min-width: 320px; } #contact .contactItem h3 { clear: none; margin-top: 18px; padding-bottom: 3px; font-size: 1.1em; text-transform: uppercase; line-height: 1.0em; font-weight: bold; color: #002D61; } #contact .contactItem h3 span { font-size: 9px; color: #999; } #contact .contactItem p { margin: .5em .5em .5em 0; font-size: 1.1em; line-height: 1.0em; font-weight: normal; color: #9A948E; } #contact .contactItem p.title { margin: .5em 0 .5em 0; font-size: 1.2em; line-height: 1.4em; font-weight: norma; font-style: italic; color: #5A0000; } .contactItem a img.l { float: left; margin-right: 7px; margin-bottom:10px; padding: 2px; border: 1px solid #ccc; } .contactItem a img.r { float: right; margin-right: 7px; padding: 2px; border: 1px solid #ccc; } .contactItem a:hover img.l { border: 1px solid #5A0000; background-color: #CEEAFF; } .contactItem a:hover img.r { border: 1px solid #5A0000; background-color: #CEEAFF; } #connectionsection { margin-top:156px; } .connection { font-size:1.4em; border-bottom:1px solid #510000; padding:1.2em 0; } /* features ==============================================================================*/ #feature p { font-size: 1.2em; line-height: 1.5em; font-weight: normal; color: #555; } #feature a { color: #5A0000; font-weight: bold; } #feature a:hover { text-decoration: underline; color: #84725A; } /*==============================*/ #subsub { /*background-color: #e1e1e1;*/ } #subsub a { color: #002D61; font-size: 1.2em; font-weight: bold; line-height:1.2em; } #subsub a:hover { text-decoration: underline; color: #5A0000; } /*==============================*/ #feature ul { list-style-image: none; } #feature li { font-size: 1.2em; line-height: 1.5em; font-weight: normal; color: #555; margin-left: 20px; list-style-type: square; list-style-position: outside; } #feature li a { font-weight: bold; } #feature li a:hover { text-decoration: underline; color: #5A0000; } .featureItem { margin: 10px auto; } .featureItem a { margin-right: 3px; } #feature a.endRow { margin-right: 0; } .featureItem a img { padding: 3px; border: 1px solid #ccc; } .featureItem a:hover img { border: 1px solid #9A0003; background-color: #CEEAFF; } /* footer ==============================================================================*/ #footer { position: relative; /*height: 260px;*/ width: 900px; clear: both; margin: 0 auto; background-image: url(../images/bg_footercol.gif); background-repeat: repeat-x; background-color: #D8D1C8; } #footerwrapper { position: relative; /*height: 250px;*/ margin: 0 auto; padding: 10px 0 0 0; width: 768px; background-image: url(../images/bg_footer.gif); background-repeat: repeat-x; text-align: left; } #siteMap, #copyright { margin-top: 0; } #siteMap { float: right; width: 497px; } #siteMap .column { float: left; width: 160px; } #siteMap li { list-style: none; font-size: .91em; line-height: 1.4em; font-weight: normal; padding: .36em .18em; } #siteMap li a { display: inline; padding: .36em .18em; font-weight: bold; color: #002D61; } #siteMap li li a { font-size: 1.1em; line-height: 1.2em; padding-left: 10px; /* adjust subtopic here */ color: #5A0000; } #siteMap li a:hover { text-decoration: underline; color: #5A0000; } #siteMap li li a:hover { text-decoration: underline; color: #002D61; } #siteMapFooter2 a { font-weight:normal; margin-left: 15px; /* adjust subtopic here */ } #siteMapFooter2 a:hover { text-decoration: underline; } #siteMapFooter3 a { font-weight:normal; margin-left: 15px; /* adjust subtopic here */ } #siteMapFooter3 a:hover { text-decoration: underline; } #siteMapFooter4 a { font-weight:normal; margin-left: 15px; /* adjust subtopic here */ } #siteMapFooter4 a:hover { text-decoration: underline; } #siteMapFooter5 a { font-weight:normal; margin-left: 15px; /* adjust subtopic here */ } #siteMapFooter5 a:hover { text-decoration: underline; } #siteMapFooter6 a { font-weight:normal; margin-left: 15px; /* adjust subtopic here */ } #siteMapFooter6 a:hover { text-decoration: underline; } #siteMapFooter7 a { font-weight:normal; margin-left: 15px; /* adjust subtopic here */ } #siteMapFooter7 a:hover { text-decoration: underline; } .subtopic { display:none; } #copyright { float: left; width: 250px; border: 1px solid #797066; margin: 0 5px; } #copyright p { margin: 15px 10px; font-size: 1.1em; line-height: 1.4em; font-weight: normal; color: #002D61; } #copyright strong { font-size: 1.1em; line-height: 1.4em; font-weight: bold; color: #002D61; } #copyright a { font-weight: bold; color: #666666; } #copyright a:hover { text-decoration: underline; color: #5A0000; } #pagination { font-size: 1.2em; font-weight: bold; color: #666; } #pagination a:link { font-weight: bold; text-decoration: underline; color: #510000; } #pagination a:active { font-weight: bold; text-decoration: none; color: #510000; } #pagination a:visited { font-weight: bold; text-decoration: none; color: #510000; } #pagination a:hover { font-weight: bold; text-decoration: underline; background-color: #CC9999; color: #002D61; } .obits { font-size: .9em } .obitshead { font-weight: bold; color: #002D61; } .obitslabel { color: #510000; font-weight:bold; font-size: .8em; } table.scholars { font-size: 1.2em; } table.scholars .name { font-size: 1.4em; font-weight: bold; font-color: #510000; display: inline; } table.scholars img { padding-bottom: 1.4em; } table.scholars a:link { color: #510000; text-decoration: none; } table.scholars a:hover { text-decoration: underline; } /* AWARDS TABLE STRUCUTRE*/ table.awards { clear: none; width: 100%; line-height: 1.4em; border-collapse: collapse; font-size: 1.4em; color: #333; margin-left: auto; margin-right: auto; } table.awards caption { margin: 0; padding: 0; line-height: 2em; color: #383805; text-align: left; font-weight: bold; font-size: 1.6em; } table.awards thead tr { color: #fff; background: #84725A; } table.awards thead tr th { padding: .4em; } table.awards tbody th { padding: .4em; } table.awards tbody td { padding-left: .4em; } table.awards tbody tr.odd { background: #e1e1e1; } table.awards tbody tr.odd td { background: #fff; } /* SCHEDULE TABLE STRUCUTRE*/ table.schedule { clear: none; width: 100%; line-height: 1.4em; border-collapse: collapse; font-size: 1.2em; color: #333; margin-left: auto; margin-right: auto; background-color:#e1e1e1; } table.schedule caption { margin: 0 0 1.2em 0; padding: 0; line-height: 1.4em; color: #FFF; background: #510000; text-align: center; font-weight: bold; font-size: 1.2em; } table.schedule thead tr { color: #002D61; font-size:1.2em; border-bottom:1px solid #002D61; } table.schedule thead tr th { padding:.6em .2em; } table.schedule tbody th { padding: .6em; } table.schedule tbody td { padding-left: .8em; line-height: 1.4em; } table.schedule td.head { color:#510000; font-size:1.2em; font-weight:bold; font-style:italic; }