/* Philadelphia University College of Architecture and the Built Environment Stylesheet --------------------------------------------------------- All styles contained herein define the visual presentation for the College of Architecture and the Built Environment web site */ /* LAYOUT GLOBAL */ body {background: #333;} #page .content {width: 1170px;padding-top:10px; } #page { width: 100%; background-color: #000;} #programs #page { width: 100%; background-color: #000;} img#brand {float: left; display: block; padding: 20px 0 0 12px;} #department {padding: 16px 0 36px 73px;} /*old code #department {padding: 48px 0 22px 73px;} */ #main {clear: both;margin-top:26px;} #colL {float: left; width: 256px; overflow: hidden;} #colL .wrapper {padding: 68px 0 0 29px;} #colM {width: 539px; float: left;} #colM .wrapper {margin-left: 121px; margin-top: 280px;} #colR {float: left; width: 246px; overflow: hidden;} #colR .wrapper {margin-top: 334px; margin-left: 17px;} #department {padding: 16px 0 36px 73px;} /*old code #department {padding: 48px 0 22px 73px;} */ #colM .main{/*min-height:550px;*/} #home #colR .wrapper {margin-top: 334px; margin-left: 17px;} /* UNIVERSITY BANNER */ #banner {width: 950px; height: 22px; background-color: #666; margin-left: 75px; margin-top:-7px;} #philautextname {position: absolute; left: 52px; height: 20px; width: 230px; background-color:transparent;text-transform:uppercase;color: #FFF;font: bold 14px Arial, Helvetica, Verdana, sans-serif;display: inline;padding: 3px 0 0 28px;margin: 0;letter-spacing:0.1em;} #philautextname a {color: #FFFFFF;text-decoration: none;} #philautextname a:hover {color: #FFFFFF;text-decoration: underline;} .content-pad {padding: 20px 16px 0 18px;} .date { float:right; width: 140px; padding:4px 0 0 0; background-color:transparent;color: #FFFFFF;font: 11px Arial, Helvetica, Verdana, sans-serif;} /*old code (from the Uiniversity site, new code is slightly modified) #utilities, #nav1, #utilities li, #nav1 li {list-style-type: none !important; margin: 0; padding: 0;} #utilities {float: left; padding-top: 5px;padding-left:245px;} #utilities li, #nav1 li {display: block; float: left; text-indent: 0 !important; } #utilities li {font: normal 10px Arial, Helvetica, sans-serif; padding: 0 7px;} #utilities li.first {border-left: none;} #utilities li a:link, #utilities li a:hover, #utilities li a:visited, #utilities li a:active {text-decoration: none; color: #fff;} #utilities li a:hover {color:#fff;font-weight: bold; text-decoration:underline;} */ /* new code*/ #nav1 li {list-style-type: none !important; margin: 0; padding: 0;} #utilities li {list-style-type: none !important; margin: 0; padding: 0;} #nav1 {list-style-type: none !important; margin: 0; padding: 0;} #utilities {list-style-type: none !important; margin: 0; padding: 0;} #utilities {float: left;padding-left:245px;} #utilities li{display: inline; text-indent: 0 !important; } #utilities li {font: normal 10px Arial, Helvetica, sans-serif; padding: 0 7px;} #utilities li.first {border-left: none;} #utilities li a:active {padding-bottom:10px;text-decoration: none; color: #fff;} #utilities li a:visited {padding-bottom:10px;text-decoration: none; color: #fff;} #utilities li a:hover {padding-bottom:10px;text-decoration: none; color: #fff;} #utilities li a:link {padding-bottom:10px;text-decoration: none; color: #fff;} #utilities li a:hover {color:#fff;font-weight: non; text-decoration:underline;} #nav1 li {display: block; float: left; text-indent: 0 !important; } /* UNIVERSITY FOOTER */ #footer {clear: both; background: #333; color: #8f8f8d; font: normal 12px Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-position: 200px 16px; width: 100%;} #footer .wrapper {padding: 18px 0 18px 200px; width: 892px;} #footer .wrapper a:hover {color:#fff;} #philausymbol {display: block;float:left;width: 80px; height:74px; background-image:url(../images/PUnew_logo.png); background-repeat: no-repeat; overflow:hidden;} #philausymbol:hover {background-position: 0 -100px;} #footer #philausymbol a {text-decoration: none;width: 80px;height:74px; position:absolute;} #philausymbol a i { visibility:hidden;} #footer ul {clear:right;} #footer li {list-style-type: none; margin: 0; padding: 0; text-indent: 0;} #footer ul {list-style-type: none; margin: 0; padding: 0; text-indent: 0;} #footer a:active {color: #8f8f8d; text-decoration: none;} #footer a:visited {color: #8f8f8d; text-decoration: none;} #footer a:hover {color: #8f8f8d; text-decoration: none;} #footer a:link {color: #8f8f8d; text-decoration: none;} #footer li {float: left; padding-right: 17px; font-weight: bold;} #footer .department {padding-left: 100px;} #footer .email a {color: #fff; padding-right: 7px; margin-right: 7px; border-right: solid 1px #fff;} #footer .phone {color: #fff; padding-right: 7px; margin-right: 7px; border-right: solid 1px #fff;} #footer .department {color: #fff; padding-right: 7px; margin-right: 7px; border-right: solid 1px #fff;} #footer .email a {padding-right: 0; margin-right: 0; border-right: none;} #footer address {clear: right; font-size: 11px; line-height: 15px; margin-top: 25px;} #footernav{float:left; padding-left:25px;} /* LAYOUT PAGE SPECS */ #home #page {background-image: url(../images/home_background.jpg); background-repeat: no-repeat; background-position: 181px 138px;} #projects #page {background-image: url(../images/projects_background.jpg); background-repeat: no-repeat; background-position: 181px 73px;} #people #page {background-image: url(../images/people_background.jpg); background-repeat: no-repeat; background-position: 181px 73px;} .arch #page {background-image: url(../images/programs_arch_background.jpg); background-repeat: no-repeat; background-position: 181px 139px;} .inter #page {background-color: #000;background-image: url(../images/programs_arch_background.jpg); background-repeat: no-repeat; background-position: 181px 139px;} .land #page {background-color: #000;background-image: url(../images/programs_arch_background.jpg); background-repeat: no-repeat; background-position: 181px 139px;} .mbajoint #page {background-color: #000;background-image: url(../images/programs_arch_background.jpg); background-repeat: no-repeat; background-position: 181px 139px;} .archstud #page {background-color: #000;background-image: url(../images/programs_arch_background.jpg); background-repeat: no-repeat; background-position: 181px 139px;} .ms_sus #page {background-color: #000;background-image: url(../images/programs_arch_background.jpg); background-repeat: no-repeat; background-position: 181px 139px;} #projects .content-pad {padding-top: 35px;} .lead-image {float:right;margin-right: -150px; margin-left: 12px;} .ms_sus .lead-image {float:right;margin-right: -215px; margin-left: 12px;} .mbajoint .lead-image {float: right; margin-right: -325px; margin-left: 12px;} .archstud .lead-image {float: right; margin-right: -300px; margin-left: 12px;} .arch .lead-image {float: right; margin-right: -215px; margin-left: 12px;} .land .lead-image {float: right; margin-right: -350px; margin-left: 12px;} .inter .lead-image {float: right; margin-right: -215px; margin-left: 12px;} .arch #colM {overflow: visible;} /*#peopleover #colM, #people #colM, #projects #colM, #programs #colM {min-height:550px !important;}*/ #programs #colL {margin-bottom:250px;} #projects #colL {margin-bottom:250px;} #people #colL {margin-bottom:250px;} #peopleover #colL {margin-bottom:250px;} #projects #colM {width: 800px; float: left;} #people #colM {width: 654px; float: left;} #programs #colM {width: 654px; float: left;} programsover #colM {width: 654px; float: left;} #projects #colM .wrapper {margin-left: 36px; margin-top: 9px;} #people #colM .wrapper {margin-left: 36px; margin-top: 9px;} #programs #colM .wrapper {margin-left: 36px; margin-top: 9px;} #projects #colM .main {min-height:550px; background: #bcbb8b; /*background-image: url(../images/content_divider.gif); background-repeat: repeat-x; background-position: 0 476px;*/} #people #colM .main {background: #bcbb8b; /*background-image: url(../images/content_divider.gif); background-repeat: repeat-x; background-position: 0 476px;*/} #programs #colM .main {background: #bcbb8b; /*background-image: url(../images/content_divider.gif); background-repeat: repeat-x; background-position: 0 476px;*/} #col1 {width:48%; float:left;} #col2 {width:48%; float:right;} #content-divider{width:100%;height:3px;margin:0;padding:0;background-image: url(../images/content_divider.gif); background-repeat: repeat-x; background-position: 0 0;} /* OVERVIEW PAGE LISTS */ #news-and-events .main .headline {font-weight:bold;} #student-resourcesover .main .headline {font-weight:bold;} #programsover .main a.headline {font-weight:bold;} #news-and-events .main .image {margin-left:-.4em;} #programsover .main .image {margin-left:-.4em;} /*TEXT LISTS*/ table {width:100%;} /*td {width:50%;}*/ tr.nohover:hover {background:none;} tr:hover {background-color:#c7c69e;} td.headline {background:none; font: bold 13px/19px Arial, Helvetica, sans-serif; color: #990000;} th {font-weight: bold} td a.name {font-weight: bold} td a:link {text-decoration:none;} td a:active {text-decoration:none;} td a:visited {text-decoration:none;} #student-resourcesover #page {background-image: url(../images/backgrounds_stures.jpg); background-repeat: no-repeat; background-position: 181px 139px;} #student-resourcesover #colM {width: 654px; float: left;} #student-resourcesover #colM .wrapper {margin-left: 36px; margin-top: 9px;} #student-resourcesover #colM .main {background: #bcbb8b; /*background-image: url(../images/content_divider.gif); background-repeat: repeat-x; background-position: 0 476px;*/} #student-resourcesover #colL .wrapper {padding-top: 68px;} #student-resourcesover #colR .wrapper {margin-top: 9px;} #student-resources #page {background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position: 181px 139px;} #student-resources #colM {width: 654px; float: left;} #student-resources #colM .wrapper {margin-left: 36px; margin-top: 9px;} #student-resources #colM .main {background: #bcbb8b; /*background-image: url(../images/content_divider.gif); background-repeat: repeat-x; background-position: 0 476px;*/} #student-resources #colL .wrapper {padding-top: 68px;} #student-resources #colR .wrapper {margin-top: 9px;} {border-bottom: solid 1px #aaa972;border-left:none; border-right:none;} #student-resources #page table {border-bottom: solid 1px #aaa972;border-left:none; border-right:none;} #student-resources #page th {border-bottom: solid 1px #aaa972;border-left:none; border-right:none;} #student-resources #page td {border-bottom: solid 1px #aaa972;border-left:none; border-right:none;} #student-resources #page th.hover {background:#d9d8a4} #student-resources #page td.hover {background:#d9d8a4} #about #page {background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position: 181px 139px;} #about #colM {width: 654px; float: left;} #about #colM .wrapper {margin-left: 36px; margin-top: 9px;} #about #colM .main {background: #bcbb8b; /*background-image: url(../images/content_divider.gif); background-repeat: repeat-x; background-position: 0 476px;*/} #about #colL .wrapper {padding-top: 68px;} #about #colR .wrapper {margin-top: 9px;} #news-and-events #page {background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position: 181px 139px;} #news-and-events #colM {width: 654px; float: left;} #news-and-events #colM .wrapper {margin-left: 36px; margin-top: 9px;} #news-and-events #colM .main {background: #bcbb8b; /*background-image: url(../images/content_divider.gif); background-repeat: repeat-x; background-position: 0 476px;*/} #news-and-events #colL .wrapper {padding-top: 68px;} #news-and-events #colR .wrapper {margin-top: 9px;} #programsover #page {background-image: url(../images/backgrounds_programs.jpg); background-repeat: no-repeat; background-position: 181px 139px;} #programsover #colM {width: 654px; float: left;} #programsover #colM .wrapper {margin-left: 36px; margin-top: 9px;} #programsover #colM .main {background: #bcbb8b; /*background-image: url(../images/content_divider.gif); background-repeat: repeat-x; background-position: 0 476px;*/} #programsover #colL .wrapper {padding-top: 68px;} #programsover #colR .wrapper {margin-top: 9px;} #programs #page {background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position: 181px 139px;} #programs #colM {width: 654px; float: left;} #programs #colM .wrapper {margin-left: 36px; margin-top: 9px;} #programs #colM .main {background: #bcbb8b; /*background-image: url(../images/content_divider.gif); background-repeat: repeat-x; background-position: 0 476px;*/} #programs #colL .wrapper {padding-top: 68px;} #programs #colR .wrapper {margin-top: 9px;} /* MAIN NAVIGATION*/ #nav1 {padding-left: 180px;} #nav1 li {display: block; height: 13px; overflow: hidden;} #nav1 li a {display: block; padding-top: 14px; background-image: url(../images/main_nav.gif); background-repeat: no-repeat; background-position: top left; } /* Even though images are implemented for navigation, html text should still be employed. The following rule hides this text for users with stylesheets enabled. Users who've disabled stylesheets or are using assistive browsing devices will receive the html text. In order for this technique to work properly, all links that are represented through images, should have their html text wrapped in a element. */ #nav3 dd a span {visibility: hidden;} #nav2news dd a span {visibility: hidden;} #nav2about dd a span {visibility: hidden;} #nav2res dd a span {visibility: hidden;} #nav2 dd a span {visibility: hidden;} #nav1 li a span {visibility: hidden;} /* These styles handle highlighting of the current section of the main navigation. In order for these to work, each page in the site must have an id declared on the tag. The id should mimic the main section of the navigation. For example on the "home" page the body tag should be , the "about" page(s) should be etc. Highlighting the links id works in conjunction with the main navigation link classes. Look at the first rule below: #home .home {background-position: top left;} In this case when the body is id'd with "home" any elements on the page with a class of "home" will have white text. This makes your HTML implementation much cleaner in that you can have the 1 global snippet of HTML on all pages in your site and highlighting of the links just works. */ #nav1 .home {width: 58px; background-position: 0 -13px;} #home .home {background-position: 0 0;} #nav1 .home:hover {background-position: 0 0;} #nav1 .about {width: 66px; background-position: -58px -13px;} #about .about {background-position: -58px 0;} #nav1 .about:hover {background-position: -58px 0;} #nav1 .programs {width: 93px; background-position: -125px -13px;} #programsover .programs {background-position: -125px 0;} #programs .programs {background-position: -125px 0;} #nav1 .programs:hover {background-position: -125px 0;} #nav1 .projects {width: 84px; background-position: -219px -13px;} #projects .projects {background-position: -219px 0;} #nav1 .projects:hover {background-position: -219px 0;} #nav1 .people {width: 66px; background-position: -303px -13px;} #people .people {background-position: -303px 0;} #nav1 .people:hover {background-position: -303px 0;} #nav1 .student-resources {width: 161px; background-position: -369px -13px;} #student-resourcesover .student-resources {background-position: -369px 0;} #student-resources .student-resources {background-position: -369px 0;} #nav1 .student-resources:hover {background-position: -369px 0;} #nav1 .news-and-events {width: 109px; background-position: -530px -13px;} #news-and-events .news-and-events {background-position: -530px 0;} #nav1 .news-and-events:hover {background-position: -530px 0;} /* SECONDARY NAVIGATION */ #projects #nav2 li {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #projects #nav2 ul {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #people #nav2 li {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #people #nav2 ul {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2 dd {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2 dt {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2 {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #people #nav2 li {display: block; overflow: hidden; width: 227px;} #people #nav2 ul {display: block; overflow: hidden; width: 227px;} #nav2 dd {display: block; overflow: hidden; width: 227px;} #nav2 dt {display: block; overflow: hidden; width: 227px;} #nav2 dl {display: block; overflow: hidden; width: 227px;} #nav2 dd a {display: block; background-image: url(../images/arch_home_nav3.jpg); background-repeat: no-repeat; text-indent: -10000px;} #nav2 dt {display: block; background-image: url(../images/arch_home_nav3.jpg); background-repeat: no-repeat; text-indent: -10000px;} #people #nav2 li a {display: block; background-image: url(../images/arch_people_nav2.jpg); background-repeat: no-repeat; text-indent: -10000px;} #projects #nav2 li a {display: block; background-image: url(../images/arch_projects_nav2.jpg); background-repeat: no-repeat; text-indent: -10000px;} /* The above rule sets the background image for the navigation links the following rules switch the position of the image for each link. This same technique is used for TERTIARY NAVIGATION as well. The "selected" class is used to display the selected state of the items. This class gets applied to the
element */ #nav2 dt#undergrad {max-height: 28px; background-position: 0 0;} #projects #nav2 .fac-proj {height: 30px; background-position: 0 -30px;} #people #nav2 .faculty {height: 30px; background-position: 0 -30px;} #nav2 .arch {max-height: 22px; background-position: 0 -28px;} #projects #nav2 .fac-proj:hover {background-position: -227px -30px;} #people #nav2 .faculty:hover {background-position: -227px -30px;} #nav2 .arch:hover {max-height: 22px; background-position: -227px -28px;} #projects #nav2 .selected .fac-proj {background-position: -454px -30px;} #people #nav2 .selected .faculty {background-position: -454px -30px;} #nav2 .selected .arch {max-height: 22px; background-position: -454px -28px;} #projects #nav2 .stud-proj {height: 30px; background-position: 0 -65px;} #people #nav2 .adjfaculty {height: 30px; background-position: 0 -65px;} #nav2 .archstudy {max-height: 22px; background-position: 0 -54px;} #projects #nav2 .stud-proj:hover {background-position: -227px -65px;} #people #nav2 .adjfaculty:hover {background-position: -227px -65px;} #nav2 .archstudy:hover {max-height: 22px; background-position: -227px -54px;} #projects #nav2 .selected .stud-proj {background-position: -454px -65px;} #people #nav2 .selected .adjfaculty {background-position: -454px -65px;} #nav2 .selected .archstudy {max-height: 22px; background-position: -454px -54px;} #projects #nav2 .feat-proj {height: 30px; background-position: 0 -100px;} #people #nav2 .affil {height: 30px; background-position: 0 -100px;} #nav2 .construction {max-height: 22px; background-position: 0 -81px;} #nav2 .construction:hover {max-height: 22px; background-position: -227px -81px;} #nav2 .selected .construction {max-height: 22px; background-position: -454px -81px;} #nav2 .interior {max-height: 22px; background-position: 0 -108px;} #projects #nav2 .feat-proj:hover {background-position: -227px -100px;} #people #nav2 .affil:hover {background-position: -227px -100px;} #nav2 .interior:hover {max-height: 22px; background-position: -227px -108px;} #projects #nav2 .selected .feat-proj {background-position: -454px -100px;} #people #nav2 .selected .affil {background-position: -454px -100px;} #nav2 .selected .interior {max-height: 22px; background-position: -454px -108px;} #nav2 .landscape {max-height: 22px; background-position: 0 -135px;} #nav2 .selected .landscape{max-height: 22px; background-position: -454px -135px;} #people #nav2 .advboard {height: 30px; background-position: 0 -134px;} #people #nav2 .advboard:hover {background-position: -227px -134px;} #nav2 .landscape:hover {max-height: 22px; background-position: -227px -135px;} #people #nav2 .selected .advboard {background-position: -454px -134px;} #nav2 dt#grad {max-height: 28px; background-position: 0 -187px;} #nav2 .arch-mba {max-height: 22px; background-position: 0 -215px;} #nav2 .arch-mba:hover {max-height: 22px; background-position: -227px -215px;} #nav2 .selected .arch-mba {max-height: 22px; background-position: -454px -215px;} #people #nav2 .alum {height: 37px; background-position: 0 -165px;} #people #nav2 .alum:hover {background-position: -227px -165px;} #people #nav2 .selected .alum {background-position: -454px -165px;} #nav2 .susdesign-ms {max-height: 22px; background-position: 0 -243px;} #nav2 .susdesign-ms:hover {max-height: 22px; background-position: -227px -243px;} #nav2 .selected .susdesign-ms {max-height: 22px; background-position: -454px -243px;} #nav2 .interior-ms {max-height: 22px; background-position: 0 -270px;} #nav2 .interior-ms:hover {max-height: 22px; background-position: -227px -270px;} #nav2 .selected .interior-ms {max-height: 22px; background-position: -454px -270px;} #nav2 .construction-ms {max-height: 22px; background-position: 0 -297px;} #nav2 .construction-ms:hover {max-height: 22px; background-position: -227px -297px;} #nav2 .selected .construction-ms {max-height: 22px; background-position: -454px -297px;} /* START - Student Resource nav */ #nav2res dd {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2res dt {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2res {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2res dd {display: block; overflow: hidden; width: 225px;} #nav2res dt {display: block; overflow: hidden; width: 225px;} #nav2res dl {display: block; overflow: hidden; width: 225px;} #nav2res dd a {display: block; padding-left: 228px !important; background-image: url(../images/arch_res_nav2.jpg); background-repeat: no-repeat;} #nav2res dt {display: block; padding-left: 228px !important; background-image: url(../images/arch_res_nav2.jpg); background-repeat: no-repeat;} #nav2res dt#philau {height: 30px; background-position: 0 0;} #nav2res .acad {height: 30px; background-position: 0 -30px;} #nav2res .acad:hover {background-position: -248px -30px;} #nav2res .selected .acad {background-position: -515px -30px;} #nav2res .jobs {height: 30px; background-position: 0 -65px;} #nav2res .jobs:hover {background-position: -248px -65px;} #nav2res .selected .jobs {background-position: -515px -65px;} #nav2res .org {height: 30px; background-position: 0 -100px;} #nav2res .org:hover {background-position: -248px -100px;} #nav2res .selected .org {background-position: -515px -100px;} #nav2res .life {height: 66px; background-position: 0 -134px;} #nav2res .life:hover {background-position: -248px -134px;} #nav2res .selected .life {background-position: -515px -134px;} #nav2res dt#external {height: 30px; background-position: 0 -205px;} #nav2res .blogs {height: 30px; background-position: 0 -237px;} #nav2res .blogs:hover {background-position: -248px -237px;} #nav2res .selected .blogs {background-position: -515px -237px;} #nav2res .mat {height: 30px; background-position: 0 -271px;} #nav2res .mat:hover {background-position: -248px -271px;} #nav2res .selected .mat {background-position: -515px -271px;} #nav2res .dig {height: 30px; background-position: 0 -312px;} #nav2res .dig:hover {background-position: -248px -312px;} #nav2res .selected .dig {background-position: -515px -312px;} /* END - Student Resource nav */ /* START - About nav */ #nav2about dd {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2about dt {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2about {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2about dd {display: block; overflow: hidden; width: 225px;} #nav2about dt {display: block; overflow: hidden; width: 225px;} #nav2about dl {display: block; overflow: hidden; width: 225px;} #nav2about dd a {display: block; padding-left: 228px !important; background-image: url(../images/arch_about_nav2.jpg); background-repeat: no-repeat;} #nav2about dt {display: block; padding-left: 228px !important; background-image: url(../images/arch_about_nav2.jpg); background-repeat: no-repeat;} #nav2about .aff {height: 30px; background-position: 0 -30px;} #nav2about .aff:hover {background-position: -248px -30px;} #nav2about .selected .aff {background-position: -515px -30px;} #nav2about .acc {height: 30px; background-position: 0 -65px;} #nav2about .acc:hover {background-position: -248px -65px;} #nav2about .selected .acc {background-position: -515px -65px;} #nav2about .fac {height: 30px; background-position: 0 -100px;} #nav2about .fac:hover {background-position: -248px -100px;} #nav2about .selected .fac {background-position: -515px -100px;} #nav2about .his {height: 30px; background-position: 0 -134px;} #nav2about .his:hover {background-position: -248px -134px;} #nav2about .selected .his {background-position: -515px -134px;} #nav2about .feature {height: 30px; background-position: 0 -168px;} #nav2about .feature:hover {background-position: -248px -168px;} #nav2about .selected .feature {background-position: -248px -168px;} /* END - About nav */ /* START - News nav */ #nav2news dd {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2news dt {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2news {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav2news dd {display: block; overflow: hidden; width: 225px;} #nav2news dt {display: block; overflow: hidden; width: 225px;} #nav2news dl {display: block; overflow: hidden; width: 225px;} #nav2news dd a {display: block; padding-left: 228px !important; background-image: url(../images/arch_news_nav2.jpg); background-repeat: no-repeat;} #nav2news dt {display: block; padding-left: 228px !important; background-image: url(../images/arch_news_nav2.jpg); background-repeat: no-repeat;} #nav2news .lecture {height: 30px; background-position: 0 -30px;} #nav2news .lecture:hover {background-position: -248px -30px;} #nav2news .selected .lecture {background-position: -515px -30px;} #nav2news .exhibit {height: 30px; background-position: 0 -65px;} #nav2news .exhibit:hover {background-position: -248px -65px;} #nav2news .selected .exhibit {background-position: -515px -65px;} #nav2news .off {height: 30px; background-position: 0 -100px;} #nav2news .off:hover {background-position: -248px -100px;} #nav2news .selected .off {background-position: -515px -100px;} /* END - news nav */ /* TERTIARY NAVIGATION */ #nav3 dd {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav3 dt {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav3 {list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0;} #nav3 dd {display: block; overflow: hidden; width: 246px;} #nav3 dt {display: block; overflow: hidden; width: 246px;} #nav3 dl {display: block; overflow: hidden; width: 246px;} #nav3 dd a {display: block; padding-left: 247px !important; background-image: url(../images/arch_home_nav3.gif); background-repeat: no-repeat;} #nav3 dt {display: block; padding-left: 247px !important; background-image: url(../images/arch_home_nav3.gif); background-repeat: no-repeat;} #nav3 dt#others {height: 30px; background-position: 0 0;} #nav3 .undergrad-admin {height: 30px; background-position: 0 -30px;} #nav3 .undergrad-admin:hover {background-position: -245px -30px;} #nav3 .grad-admin {height: 30px; background-position: 0 -60px;} #nav3 .grad-admin:hover {background-position: -245px -60px;} #nav3 .tuition {height: 30px; background-position: 0 -90px;} #nav3 .tuition:hover {background-position: -245px -90px;} #nav4 li {list-style-type: none; margin: 0; padding: 0; text-indent: 0;} ul#nav4 {list-style-type: none; margin: 0; padding: 0; text-indent: 0;} #nav4 a:active {font-size: 11px; line-height: 19px; color: #ccc; text-decoration: none; background-image: none; padding-right: 34px;} #nav4 a:visited {font-size: 11px; line-height: 19px; color: #ccc; text-decoration: none; background-image: none; padding-right: 34px;} #nav4 a:link {font-size: 11px; line-height: 19px; color: #ccc; text-decoration: none; background-image: none; padding-right: 34px;} #nav4 a:hover{color:#fff;} #nav4 a.current{color:#fff;} #nav4 li {/*float: right;*/ text-align:right;} ul#nav4 {margin: -6px 7px 20px 0;} #projects ul#nav4 {margin: -10px 7px 16px 0 !important;} /* TYPOGRAPHY */ #colM .main a:active {color: #333;text-decoration: none;} #colM .main a:visited {color: #333;text-decoration: none;} #colM .main a:link {color: #333;text-decoration: none;} #colM .main a:hover{color:#990000; text-decoration: underline;} #colM .main p {} #colM .main {} #colM .main h1 {margin: 0 0 10px 0; height: 23px; background: #575640; padding-top: 24px; padding-left: 11px;} .mbajoint #colM .main h1 {margin: 0 0 10px 0; height: 51px; background: #575640; padding-top: 24px; padding-left: 11px;} .arch #colM .main h1 {margin-bottom: 0;} .main dt.headline {font: bold 17px Arial, Helvetica, sans-serif; color: #512613; margin-bottom: 10px; letter-spacing: 1px;} #colM .main h2 {font: bold 17px Arial, Helvetica, sans-serif; color: #512613; margin-bottom: 10px; letter-spacing: 1px;} .arch #colM .main h2 {float: none; margin-bottom: 12px;} div.content-pad h2 {font: bold 16px Arial, Helvetica, sans-serif; color: #512613; margin-bottom: 12px; float: none;} #colM .main h3 {font: bold 14px/19px Arial, Helvetica, sans-serif; color: #990000; margin: 12px 0 8px 0; float: none;} div.content-pad h3 {color: #000; margin: 0 4px 0 4px; float: none;} div.project-des h3 {color: #930; margin: 2px 0 3px 0; float: none;} div.project-des h4 {font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #2e2d11; margin: 2px 0 3px 0; float :none;} #colM .main h4 {color: #613c00;margin: 2px 0 3px 0;float :none;letterspace:1px;font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase;letter-spacing: .1em;} #news-and-events #colM .main dl.over {margin-top:30px;} #student-resourcesover #colM .main dl {margin-top:30px;} #programsover #colM .main dl {margin-top:30px;} #colM .main li {list-style-type: disc; margin: 0; padding: 0;} #colM .main ul {list-style-type: disc; margin: 0; padding: 0;} #colM .main ul {margin-left: 12px;} #colM .main li {display: list-item; list-style-position: outside; text-indent: 0; margin-bottom: 18px;} .pagerhead {font: bold 16px Arial, Helvetica, sans-serif; color: #512613; margin-bottom: 12px;float: left; margin: 0 0 0 0; color: #480404; letter-spacing: 1px;} .endquote {font: bold 9px Arial, Helvetica, sans-serif;} /* MISCELLANEOUS */ div.news-and-events {background: #bcbb8b; padding: 19px 17px;} div.news-and-events li {list-style-type: none; margin: 0; padding: 0; text-indent: 0;} div.news-and-events ul {list-style-type: none; margin: 0; padding: 0; text-indent: 0;} div.news-and-events ul {margin-left: 6px;} div.news-and-events li {font: normal 12px/17px Arial, Helvetica, sans-serif; margin-bottom: 19px;} div.news-and-events h1 {margin: 0 0 17px 0;} div.news-and-events span.type {font-weight: bold; padding-right: 14px; margin-right: 14px;} div.news-and-events a:active {color: #333; text-decoration: none;} div.news-and-events a:visited {color: #333; text-decoration: none;} div.news-and-events a:hover {color: #333; text-decoration: none;} div.news-and-events a:link {color: #333; text-decoration: none;} div.person-contact dl {font: normal 12px/17px Arial, Helvetica, sans-serif; margin-top:8px;} .title {color:#666; font: bold; margin-right: 5px;} div.person-contact dd {color: #333; margin-bottom: 5px;} .pager {text-align: right; border: solid 1px #a3a272; color: #595838;} .pager a:active {text-decoration: none; color: #595838;} .pager a:visited {text-decoration: none; color: #595838;} .pager a:hover {text-decoration: none; color: #595838;} .pager a:link {text-decoration: none; color: #595838;} .top {border-width: 1px 0 0 0; padding-top: 6px; margin-bottom: 16px;} .bottom {border-width: 0 0 1px 0; padding-bottom: 6px;} .pager .back {padding-left: 21px; padding-right: 6px; background-image: url(../images/pager_back.gif); background-repeat: no-repeat; background-position: 0 5px} .pager .next {padding-left: 6px; padding-right: 21px; background-image: url(../images/pager_next.gif); background-repeat: no-repeat; background-position: right 5px} .person-intro { border-bottom: dashed 1px #a5a46b; min-height:95px;/*height:95px;*/ border-top: solid 1px #a5a46b; padding-bottom: 5px; padding-top: 12px; margin-top: 3px; margin-bottom: 5px; } /* for Internet Explorer */ /*\*/ * html .person-intro { height: 95px; } /**/ #colM .person-intro h2 {font: bold 25px Arial, Helvetica, sans-serif; color: #333232; letter-spacing: 1px; margin-left: 100px; margin-bottom: -28px; margin-top: 0; float: none;} .person-intro img {margin-botom:10px;} .person-intro p {margin-left: 100px; margin-top: -55px; color: #52511d; letter-spacing: 1px;} .clear {clear: both;} /* TABLE STAFF LISTS */ table.staff-list td{padding:3px 0 0 0;} table.staff-list tr:hover{background-color:none;background:none;} table.staff-list td:hover{background-color:none;background:none;} table.staff-list img{ margin: 0 6px 0 0;} table.staff-list a:active {color:#990000;text-decoration:none;} table.staff-list a:visited {color:#990000;text-decoration:none;} table.staff-list a:hover {color:#990000;text-decoration:none;} table.staff-list h4{font:bold 12px/19px Arial, Helvetica, sans-serif; color:#000;margin:0;padding:0;} /* PROJECT LISTS */ /* dl.proj-list {width: 100%; margin: 0 0 0 0; padding: 0 0 0 0;} dl.proj-list a:link, dl.proj-list a:hover, dl.proj-list a:visited, dl.proj-list a:active {text-decoration: none; color: #535d5a;} .proj-list dt, .proj-list dd {margin: 0; padding: 0; float: left !important;} .proj-list dt {/*height: 30px; width: 20%; margin-top: 101px; font-weight: normal; font-size: 10px;} .proj-list dd {margin-left: -20%; margin-bottom: 16px;} */ /* FACULTY MEMBER NAV */ .faculty-nav ul.nav li {list-style-type: none !important; margin: 0 0 0 !important; padding: 0 0 0 0 !important; float: left; display: block;} .faculty-nav ul.nav {list-style-type: none !important; margin: 0 0 0 !important; padding: 0 0 0 0 !important; float: left; display: block;} .faculty-nav ul.nav {width: 300px;} .faculty-nav ul.nav li {list-style-position: outside;} .faculty-nav ul.nav a:active {text-decoration: none; color: #510404;letter-spacing: 1px; font-weight: bold; margin-right: 24px;} .faculty-nav ul.nav a:visited {text-decoration: none; color: #510404;letter-spacing: 1px; font-weight: bold; margin-right: 24px;} .faculty-nav ul.nav a:hover {text-decoration: none; color: #510404;letter-spacing: 1px; font-weight: bold; margin-right: 24px;} .faculty-nav ul.nav a:link {text-decoration: none; color: #510404;letter-spacing: 1px; font-weight: bold; margin-right: 24px;} .faculty-nav ul.nav a:hover {color:#fff;} .faculty-nav ul.nav a.selected {color:#fff;} .faculty-nav #faculty_select {float: right; margin: 0 0 0 0; padding: 0 0 0 0;} /* PROJECT NAVIGATOR */ .project-nav dd {list-style-type: none; float: left; margin: 0 0 8px 0; padding: 0 0 0 0; display: block;} .project-nav dt {list-style-type: none; float: left; margin: 0 0 8px 0; padding: 0 0 0 0; display: block;} .project-nav dl {list-style-type: none; float: left; margin: 0 0 8px 0; padding: 0 0 0 0; display: block;} .project-nav dl {display: block; width: 100%; margin-top: 41px;} .project-nav dt {font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin-top: 2px; margin-right: 7px; color: #52511d;} .project-nav dd {font: bold 13px Verdana, Arial, Helvetica, sans-serif; margin: 0 7px;} .project-nav a:active {text-decoration: none; color: #52511d;} .project-nav a:visited {text-decoration: none; color: #52511d;} .project-nav a:hover {text-decoration: none; color: #52511d;} .project-nav a:link {text-decoration: none; color: #52511d;} .project-nav .selected a { color: #993300;} .project-nav .thumbnails {float: right;} .project-nav .thumbnails a{padding-bottom:2px;} .project-nav .thumbnails a:hover{background: #fff;} .project-nav .thumbnails .selected {background: #930;} .backthumbnails {float:left; padding-left: 21px; background-image: url(../images/pager_back.gif; background-repeat: no-repeat; background-position: 0 5px;} /*This use to be a class and is now a ID*/ .project-view {width: 100%; margin: 0 auto; text-align: center;} .project-des {width: 100%; margin: 0 auto;} .project-view img {text-align: center;} ; ; ; ; ; ; ; ; ; ; ; ; ; ;