/* Copyright (c) 2008, WUDAA. All rights reserved. Author(s): Brendan Joyce, Christopher Hayes Description: CSS for layout of pages when viewed on a computer. Works with reset.css and fonts.css for uniform appearance across browsers and platforms when viewed on a computer screen. This file can be interchanged with other layout files to fit specific devices (ex: PocketPC, Palm) NOTE: Ensure proper XHTML doctype is used, or some browsers will use "quirks mode" and render improperly: */ body { text-align:center; /* used to center the site in IE5/Win*/ background-color:#2B5A6A; behavior: url("csshover3.htc"); } #siteContainer { width:750px; margin:0 auto; /* centers the site in all browsers except IE5/WIN - see body style for IE5/Win properties */ text-align:left; background-color:#FFFFFF; height: 100%; } #header { width:750px; } #topBanner { position:relative; width:750px; height:207px; background-color:#2B5A6A; background-image:url(../images/02.jpg); background-position:left; background-repeat:no-repeat; } #topNav { width:750px; background-image:url("../images/nav_grad.jpg"); background-repeat:repeat-x; height:23px; } #topNav ul li { list-style-type: none; padding: 0; margin: 0; display: block; float: left; text-align: center; } #topNav a { color: #FFFFFF; text-decoration: none; display: block; padding:0em 2em; border-left: 1px solid #FF9900; line-height:23px; font-weight:bold; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px } #topNav a.last { border-right: 1px solid #FF9900; } #topNav a.first { border-left:none; } #contentContainer { background-color:#FFFFFF; } table.filter { margin-top:.8em; } table.filter caption { font-weight:bold; color:#8C6625; } table.filter label { color:#2B5A6A; font-weight:bold; } table.filter th { text-align:left; padding-left:1em; } table.filter td { padding-left:2em; } .editContainer { position:relative; padding:.8em; margin-top:0em; font-weight:bold; font-size:80%; } .editContainerfez { padding:.8em; margin-top:0em; font-weight:bold; font-size:80%; height: 1200px; } .editContainerLeft { padding:.8em; margin-top:0em; font-weight:bold; font-size:80%; } .editContainerHome { padding:.8em; margin-top:0em; font-weight:bold; font-size:80%; } .editContainerContent { position:relative; background-color:#FFFFFF; padding:.8em; font-weight:normal; font-size:120%; margin-bottom:1px; } .editContainerContent2 { position:relative; background-color:#FFFFFF; padding:.8em; font-weight:normal; font-size:120%; } .editContainerContentWithScrolling { position:relative; background-color:#FFFFFF; padding:.8em; font-weight:normal; font-size:120%; margin-bottom:1px; height:97%; overflow: auto; } .editContainerContentWithScrolling2 { background-color:#FFFFFF; padding:.8em; font-weight:normal; font-size:120%; margin-bottom:1px; height:500px; overflow: auto; } div#twoColumn { /* container for 2 column layout */ width:100%; clear:both; } div#twoColumn div#leftColumn { width:20%; float:left; } div#twoColumn div#rightColumn { width:77%; margin-left:21%; } /* gives proper padding and margin to 2 and 3-column editContainers (keeps graphic headers from overlapping) */ div#leftColumn div.editContainer, div#.editContainerLeft, div#rightColumn div.editContainer, div#centerColumn div.editContainer { padding-top:5px; margin-bottom:0em; } div#leftColumn div.archiveContent { border-bottom:1px solid #56584B; padding-bottom:1em; padding-top:1em; } div#leftColumn div.archiveContent2 { padding-bottom:1em; padding-top:1em; font-size:12px; font-weight:bold; } div#leftColumn div.archiveContent a { text-decoration:none; color:#56584B; font-size:13px; font-weight:bold; } div#leftColumn div.archiveContent a:hover { color:#FF9900; } .lightCream { background-color:#F0E9CD; } #footer { clear:both; height:23px; background-image:url(../images/backgroundFooter.gif); padding-top:8px; padding-left:1.4em; font-size:80%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF9900 } /* generic content styles, used to style frequently used HTML tags throughout the site */ #contentContainer p { margin:.3em 0; } #contentContainer td { vertical-align:text-top; } #contentContainer h1.headertitle { padding-bottom:.5em; padding-top:.5em; font-size:24px; font-weight:bold; color:#56584B; } #contentContainer h1.headertitle.alumniProfileHeaderTitle { padding-left:.5em; } #contentContainer h2.headertext { padding-bottom:.5em; padding-top:.5em; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#8D6625; } #contentContainer p.text { padding-right:2em; padding-bottom:1em; font-size:13px; color:#56584B; } a:hover{ color:red; } #contentContainer div.alumniRollover { text-decoration:none; } #contentContainer div.alumniRollover div { visibility:hidden; position:absolute; } #contentContainer div.alumniRollover:hover div.alumniRolloverPopup { visibility:visible; display:block; background-color:#F0E9CD; border:1px solid #000000; padding:1em; position:absolute; left:0px; width: 130px; z-index:500; } #contentContainer div.alumniRollover:hover div h2{ font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#8D6625; } #contentContainer h3.date { font-size:13px; font-weight:bold; color:#56584B; } #contentContainer h4.title { font-size:13px; font-weight:bold; color:#56584B; } #contentContainer h5.dates{ font-size:13px; font-weight:bold; color:#56584B; } #contentContainer h5.dates a:hover{ font-size:13px; font-weight:bold; color:#FF9900; } span.errorMessageLabel{ font-size:11px; font-weight:bold; color:#FF0000; } div.directoryYearSection { border: solid 1px rgb(43,90,106); width: 100%; height: 300px; overflow:auto; overflow-x:hidden; }