/* Marietta College, Spring 2008 * / /* -- PRIMARY FORMATTING --------------------------------------------------------- */ @media screen, projection { * {margin:0; padding:0} body {text-align:left; padding:0; margin:0;} html, body {height:100%; font-family:Helvetica, Arial, sans-serif;} body {font-size:14px; font-family:Helvetica, Arial, sans-serif; color:#000; line-height:20px; padding-top:0px; padding-bottom:10px;} tr, td, p {font-size:14px; font-family:Helvetica, Arial, sans-serif; color:#000; line-height:20px; padding-top:10px; padding-bottom:10px;} td {padding:3px;} a {color:#036; font-family:Helvetica, Arial, sans-serif;} a:hover {text-decoration:none; color:#036;} ul, ol {margin:0 0 0 5px; font-size:1.0em;} li {margin:5px;} h1 {font-size:5.25em; padding:15px 15px 15px 3px; margin-top:15px; margin-bottom:15px; font-weight:bold; z-index:50;} h2 {font-size:2.25em; padding:15px 15px 5px 3px; margin-top:15px; font-weight:bold;} h3 {font-size:2.25em; padding:5px 15px 5px 3px; margin-top:5px; font-weight:bold; line-height:1.4em;} h4 {font-size:1.1em; padding-bottom:2px; padding-top:6px; font-weight:bold;} h5 {font-size:1em; color:#000; font-weight:bold; padding-bottom:5px;} h6 {font-size:1em; color:#036; font-weight:bold; padding-top:3px;} img {border:none;} /* -- IDs --------------------------------------------------------- */ .news_date {font-weight:bold; color:#f60; font-size:11px;} .mission {font-size:18px; font-family:Helvetica, Arial, sans-serif; color:#000; line-height:30px;} #wrapper {position:relative; width:850px; text-align:left; margin:0 auto 0; background-color:#fff;} #subwrapper {position:relative; width:100%; margin:0 auto 0; min-height:600px;} #columns_wrapper {position:absolute; top:150px; width:850px;} #clear {clear:both;} /* Start Wrapping Content */ #content {clear:both; position:relative; margin:0 auto 0; padding:135px 0 30px 0px; display:block; width:850px; z-index:5;} #content table {margin:0 auto 0;} #content h3 {font-size:2.25em; width:600px; padding:5px 15px 5px 0px; margin-top:5px; margin-left:0px; font-weight:bold; border-bottom:#eee solid 3px; line-height:1em;} #content h2 {font-size:2.25em; padding:5px 15px 5px 0px; margin-top:5px; margin-left:0px; font-weight:bold; border-bottom:#eee solid 3px; line-height:1em;} #content h4 {font-size:1.2em; padding:5px 15px 5px 0px; margin-top:5px; margin-left:0px; font-weight:bold;} #content {min-height:400px; height:auto;} /* End Main Content */ /* Start Wrapping Column */ #rightnav_faculty {float:right; display:inline; position:relative; margin:5px; padding:15px 10px 5px 10px; width:200px; clear:both; font-size:11px; color:#000; min-height:600px;} #rightnav_faculty h3 {font-size:1.5em; width:195px; padding:5px 15px 0px 0px; margin-top:5px; margin-left:5px; font-weight:bold; border-bottom:#eee solid 3px;} #rightnav_faculty h4 {font-size:1.2em; width:195px; padding:5px 15px 0px 0px; margin-top:2px; margin-left:5px; font-weight:bold; border-bottom:#eee solid 3px;} #rightnav_faculty p {text-align:left; padding:2px; margin:5px 5px 2px 5px; color:#000; background-color:#fff; font-size:11px;} #rightnav_faculty p a {color:#036; text-decoration:underline; font-size:11px;} #rightnav_faculty p a:hover {color:#036; text-decoration:underline;} div#rightnav_faculty>p a {width: 100%; font-size:11px; margin: 0;} #rightnav_faculty ul {list-style:none; display:block; padding:0; margin:0 5px 5px 5px;} #rightnav_faculty li {position:relative; list-style:none; background:#fff; display:block; padding:3px; border-top:1px dotted #000; border-bottom:1px dotted #fff; margin:0 0 0 3px;} div#rightnav_faculty li:hover {color:#FFF;} #rightnav_faculty li a {margin:0 5px 5px 8px; padding:0; display:block; text-align:left; color:#036; text-decoration:none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 3px solid #999; padding-left:3px;} #rightnav_faculty li a:hover {color:#036; padding:0; text-decoration:none; border-left: 3px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; margin:0 5px 5px 8px; padding-left:3px;} #rightnav_faculty ul li ul {list-style:none; display:block; padding-left:8px;} div#rightnav_faculty>ul a {width: 100%; font-size:11px; margin: 0 5px 5px 8px;} /* End Right Column */ /* Start Wrapping Column */ #rightnav_graphic {float:right; display:inline; position:relative; margin:5px; padding:15px 10px 5px 10px; width:200px; clear:both; font-size:11px; color:#000; min-height:1400px;} #rightnav_graphic h3 {font-size:1.5em; width:195px; padding:5px 15px 0px 0px; margin-top:5px; margin-left:5px; font-weight:bold; border-bottom:#eee solid 3px;} #rightnav_graphic h4 {font-size:1.2em; width:195px; padding:5px 15px 0px 0px; margin-top:5px; margin-left:5px; font-weight:bold; border-bottom:#eee solid 3px;} #rightnav_graphic p {text-align:left; padding:2px; margin:5px 5px 2px 5px; color:#000; background-color:#fff; font-size:11px;} #rightnav_graphic p a {color:#036; text-decoration:underline; font-size:11px;} #rightnav_graphic p a:hover {color:#036; text-decoration:underline;} div#rightnav_graphic>p a {width: 100%; font-size:11px; margin: 0;} #rightnav_graphic ul {list-style:none; display:block; padding:0; margin:0 5px 5px 5px;} #rightnav_graphic li {position:relative; list-style:none; background:#fff; display:block; padding:3px; border-top:1px dotted #000; border-bottom:1px dotted #fff; margin:0 0 0 3px;} div#rightnav_graphic li:hover {color:#FFF;} #rightnav_graphic li a {margin:0 5px 5px 8px; padding:0; display:block; text-align:left; color:#036; text-decoration:none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 3px solid #999; padding-left:3px;} #rightnav_graphic li a:hover {color:#036; padding:0; text-decoration:none; border-left: 3px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; margin:0 5px 5px 8px; padding-left:3px;} #rightnav_graphic ul li ul {list-style:none; display:block; padding-left:8px;} div#rightnav_graphic>ul a {width: 100%; font-size:11px; margin: 0 5px 5px 8px;} /* End Right Column */ /* Start Wrapping Column */ #rightnav {float:right; display:inline; position:relative; margin:5px; padding:15px 10px 5px 10px; width:200px; clear:both; font-size:11px; color:#000; min-height:350px;} #rightnav h3 {font-size:1.5em; width:195px; padding:5px 15px 0px 0px; margin-top:5px; margin-left:5px; font-weight:bold; border-bottom:#eee solid 3px;} #rightnav h4 {font-size:1.2em; width:195px; padding:5px 15px 0px 0px; margin-top:2px; margin-left:5px; font-weight:bold; border-bottom:#eee solid 3px;} #rightnav p {text-align:left; padding:2px; margin:5px 5px 2px 5px; color:#000; background-color:#fff; font-size:11px;} #rightnav p a {color:#036; text-decoration:underline; font-size:11px;} #rightnav p a:hover {color:#036; text-decoration:underline;} div#rightnav>p a {width: 100%; font-size:11px; margin: 0;} #rightnav ul {list-style:none; display:block; padding:0; margin:0 5px 5px 5px;} #rightnav li {position:relative; list-style:none; background:#fff; display:block; padding:3px; border-top:1px dotted #000; border-bottom:1px dotted #fff; margin:0 0 0 3px;} div#rightnav li:hover {color:#FFF;} #rightnav li a {margin:0 5px 5px 8px; padding:0; display:block; text-align:left; color:#036; text-decoration:none; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 3px solid #999; padding-left:3px;} #rightnav li a:hover {color:#036; padding:0; text-decoration:none; border-left: 3px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; margin:0 5px 5px 8px; padding-left:3px;} #rightnav ul li ul {list-style:none; display:block; padding-left:8px;} div#rightnav>ul a {width: 100%; font-size:11px; margin: 0 5px 5px 8px;} /* End Right Column */ /* Start Header */ #header {position:relative; top:40px; height:90px; z-index:50;} #header a {text-decoration:none; color:#000;} #header.sec {position:relative; top:40px; height:130px;} #header.sec a {text-decoration:none; color:#000;} /* End Header */ #color_bar {position:absolute; top:20px; width:851px; padding-bottom:0px; z-index:20;} #links {border-top:#ccc solid 2px; width:370px;} #links ul {padding:2px 0; margin:0; list-style-type:none;} #links li {border-bottom:#ccc solid 1px; margin:0; padding:3px 0; list-style-type:none;} #links a {font-size:14px; font-color:#036; padding:3px 0; text-decoration:none;} #links img {position:relative; top:4px; padding-right:5px;} /* Start Secondary Top Navigation */ /* Start Secondary Top Navigation */ /* Start Secondary Top Navigation */ #top_nav {position:absolute; width:100%; left:-6px; font-size:12px; font-weight:bold; color:#036; text-align:left; z-index:10;} #top_nav li {position:relative; display:inline; list-style-type:none; margin:0 5px; padding:0 145px 0 0;} #top_nav a {text-decoration:none; color:#036; padding:0px 1px 1px 0;} #top_nav a:visited {color:#036; text-decoration:none;} #top_nav a:hover {color:#036; text-decoration:underline;} /* End Secondary Top Navigation */ /* Start Primary Top Navigation */ #main_menu {position:absolute; top:165px; width:100%; font-size:12px; text-align:left; margin:0; z-index:10; padding:15px 0 10px 0; border-top:#999 solid 3px; border-bottom:#ccc solid 3px;} #main_menu ul {display:inline; margin:0; padding: 15px 2px 6px 2px; color:#036;} #main_menu li {display:inline; text-align:center; list-style:none; margin:0; padding:3px 50px 0 3px; font-size:12px; font-weight:bold;} #main_menu li a {color:#036; text-decoration:none;} #main_menu li a:hover {text-decoration:underline;} /* End Primary Top Navigation */ /* Start Primary Secondary Navigation */ #sec_menu {position:absolute; top:210px; width:100%; text-align:left; margin:0; z-index:10; padding:15px 0 5px 0; border-bottom:#eee solid 3px;} #sec_menu ul {display:inline; margin:0; padding: 15px 2px 6px 2px; color:#036;} #sec_menu li {display:inline; text-align:center; list-style:none; margin:0; padding:3px 80px 0 3px; font-size:12px; font-weight:none;} #sec_menu li a {color:#036; text-decoration:none;} #sec_menu li a:hover {text-decoration:underline;} #sec_menu.studio {position:absolute; top:210px; width:100%; text-align:left; margin:0; z-index:10; padding:15px 0 5px 0; border-bottom:#eee solid 3px;} #sec_menu.studio ul {display:inline; margin-left:0px; padding: 15px 2px 6px 2px; color:#036;} #sec_menu.studio li {display:inline; text-align:center; list-style:none; margin:0; padding:3px 30px 0 3px; font-size:12px; color:#FF6600; font-weight:bold;} #sec_menu.studio li a {color:#036; text-decoration:none; font-weight:normal;} #sec_menu.studio li a:hover {text-decoration:underline;} #sec_menu.graphic {position:absolute; top:210px; width:100%; text-align:left; margin:0; z-index:10; padding:15px 0 5px 0; border-bottom:#eee solid 3px;} #sec_menu.graphic ul {display:inline; margin-left:0; padding: 15px 2px 6px 2px; color:#036;} #sec_menu.graphic li {display:inline; text-align:center; list-style:none; margin:0; padding:3px 30px 0 3px; font-size:12px; color:#FF6600; font-weight:bold;} #sec_menu.graphic li a {color:#036; text-decoration:none; font-weight:normal;} #sec_menu.graphic li a:hover {text-decoration:underline; font-weight:normal;} /* End Primary Secondary Navigation */ /* Start News */ #news {float:right; display:inline; position:relative; padding:0 5px 5px 20px; width:450px; clear:both; font-size:11px; color:#000;} #news h3 {font-size:2.25em; padding:5px 15px 5px 0px; margin-top:5px; margin-left:5px; font-weight:bold; border-bottom:#eee solid 3px; width:435px;} #news p {text-align:left; padding:2px; margin:0 5px 3px 5px; color:#000; background-color:#fff;} #news p.date {text-align:left; padding:3px 2px 1px 2px; margin:2px 5px; color:#000; background-color:#fff; font-size:11px;} #news a {color:#036; text-decoration:underline;} #news a:hover {color:#036; text-decoration:underline; background-color:#fff1da;} /* End News */ /* Start Alumni Alphabet */ #alphabet {padding:8px 5px 5px 0px; font-weight:bold; font-size:12px; color:#000;} #alphabet a {color:#036; text-decoration:none; padding:1px; margin:0 10px 0 0;} #alphabet a:hover {color:#036; text-decoration:underline; background-color:#fff1da;} /* End Alumni Alphabet */ #faculty_photo {float:left; width:300px; height:475px; margin-top:5px; margin-left:5px; margin-right:10px; padding:5px; color:#036; font-size:1em; text-align:center;} #faculty_photo p {font-size:.9em; color:#000; text-align:center;} #faculty_photo_right {float:right; width:300px; margin-top:5px; margin-left:5px; margin-right:10px; padding:5px; color:#036; font-size:1em; text-align:center;} #faculty_photo_right p {font-size:.9em; color:#000;} .faculty_photo {float:left; padding:5px;} /* Start Footer */ #footer {clear:both; position:relative; width:100%; text-align:left; margin:0; padding:10px 0px 15px 0px; color:#000; margin:0 auto 0; font-size:11px; border-top:3px solid #ccc; background-image:url(images/mc_logo_black.gif); background-position:right; background-repeat:no-repeat;} #footer ul {padding:0px; margin:0px; font-weight:none;} #footer ul.nav {padding:5px 5px 10px 0px; margin:0px; font-weight:none;} #footer li {display:inline; list-style-type:none; padding-right:140px;} #footer p {text-align:left; padding:0 0 0 5px;} #footer p.modified {text-align:left; padding:0 0 0 5px; font-size:12px;} #footer a {text-decoration:none; color:#036; padding:0 10px 0 0px;} #footer a:hover {text-decoration:underline;} #footer a.webadmin {text-decoration:none; color:#036; padding:0 10px 0 5px;} #footer a.webadmin:hover {text-decoration:underline;} /* End Footer */ /* Start Global Top Navigation - header.gif */ #Global_nav { position:absolute; width:950px; top:-40px; left:50px; font-size:11px; font-weight:bold; color:#036; margin-top:4px; padding:2px 0 0 0; z-index:10; } #Global_nav li {position:relative; display:inline; list-style-type:none;} #Global_nav a {text-decoration:none; color:#036; padding:1px;} #Global_nav a:visited {color:#036; text-decoration:none;} #Global_nav a:hover {color:#036; text-decoration: underline;} /* End Global Top Navigation - header.gif */ #deptglobnav .faux_table {display: table; margin:1em auto 0 0; text-align: center; #width: auto;} .faux_table > div {display: table-row; } .faux_table > div > div {display: table-cell; padding:1em .7em 1em .8em; max-width:25em;} .faux_table > div > div img {position:relative; top:9px;} .faux_table > div > div .deptglobnav_ul {} .faux_table > div > div .deptglobnav_ul li { border:1px solid #003366; color:#003366; display:inline-block; font-weight:bold; margin-right:3px; padding:1px 3px; text-decoration:none; text-align:center;} /* new styles for the rollout of announcements*/ .announce_h2 a{color:#000;} #mediacontent { width:80%;} .announcement_ptitleStyle {font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;text-transform:capitalize;font-size:.9em;color:#003366;text-decoration:none;} .announcement_pbodyStyle {width:90%;padding-left:10px;padding-right:10px;} .announcement_pauthStyle {} .announcement_ptitleClass {} .announcement_pbodyClass {border-top:1px solid #000; border-bottom:1px solid #000; margin-bottom:10px;} .announcement_pauthClass {color:#aaa; text-transform:lowercase; font-size:.8em; } } /* -- PRINT FORMATTING --------------------------------------------------------- */ @media print { body, tr, td, p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000;} h1, h2, #wordmark {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000;} #footer, #subfooter, #main_menu, #top_right_nav, #topnav, #leftnav, #rightnav, #footer-nav {display:none;} /* OTHER OPTIONS #header {} #contact-footer ul, #footer ul{margin:10px 0 0 0;padding:0;list-style:none;} #contact-footer li, #footer li{display:inline;padding:0;margin:0 6px 0 0;list-style:none;} */ }