/* ----------------------------------------- Stylesheet for Mount Holyoke College home page - www.mtholyoke.edu Author: cdeVision.com Copyright: (c)2008 cdeVision Created: July 2008 Amended: October 2009 -------------------------------------------- */ body {background:#EFCD78 url(/grafx/cms/structure/homepage_bg.png) 0 -5px repeat-x; margin:0; font-family:arial,helvetica,sans-serif; font-size:11px; color:#333; text-align:center;} h1, h2, h3, h4 {padding:0; margin:0;} p {margin:0; padding:0 0 12px 0; line-height:16px;} ul, ol {} li {} img {border:0;} label {display:none;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} div#printlogo {display:none;} /* ---- links ----------------------------------------- */ a {color:#600; text-decoration:none;} a:visited {color:#600;} a:hover {color:#600; text-decoration:underline;} a:active {color:#600;} a:active, a:focus {outline:none;} /* links with icons */ a.arrowred {background:url(/grafx/cms/structure/icon-arrowred.gif) 100% 3.5px no-repeat; padding-right:12px;} /* ---- ids & classes ----------------------------------------- */ #frame {width:760px; margin:0 auto; position:relative;} #header {width:100%; height:80px; position:relative;} #logo {position:absolute; top:18px; left:10px; width:262px; height:43px; background:url(/grafx/cms/structure/logo_home.gif) no-repeat;} #logo span {display:none;} #metanav {position:absolute; top:36px; left:303px; width:280px; font:normal 10px verdana; text-align:center;} #metanav ul {list-style:none; margin:0; padding:0;} #metanav li {display:inline; margin-left:14px;} #metanav li.first {margin-left:0;} #metanav a {color:#fff;} #searchbox {position:absolute; top:31px; right:7px; /*border:1px solid red;*/} #searchbox form {margin:0;} #contenttop {background:#fe9; height:373px; text-align:left; position:relative;} #topnav {position:absolute; top:0; left:0; height:23px; background:black; width:590px;} #topnav span {display:none;} #topnav ul {list-style:none; margin:0; padding:0; background:black;} #topnav li {display:inline;} #topnav a {color:#fff; height:9px; display:block; float:left; margin:7px 10px; background-repeat:no-repeat;} #topnav a.first {margin-left:14px;} #topnav a.about {background-image:url(/grafx/cms/structure/nav/topnav_about.gif); width:41px;} #topnav a.admission {background-image:url(/grafx/cms/structure/nav/topnav_admission.gif); width:72px;} #topnav a.academics {background-image:url(/grafx/cms/structure/nav/topnav_academics.gif); width:76px;} #topnav a.studentlife {background-image:url(/grafx/cms/structure/nav/topnav_studentlife.gif); width:87px;} #topnav a.athletics {background-image:url(/grafx/cms/structure/nav/topnav_athletics.gif); width:68px;} #topnav a.offices {background-image:url(/grafx/cms/structure/nav/topnav_offices.gif); width:53px;} #topnav a.giving {background-image:url(/grafx/cms/structure/nav/topnav_giving.gif); width:45px;} #topnav a:hover {background-position:0 -9px;} #flash {position:absolute; top:23px; left:0; width:590px; height:350px;} #flash p {padding:20px;} #sidebar {position:absolute; top:0; left:590px; width:170px; height:373px; background:transparent;} #sidebar img {display:block; margin:0;} #primaryfeature { height:196px; background: #369; overflow: hidden;} #primaryfeature a { display: block; width: 170px; height: 196px; text-indent: -9999px; color: white; /* background: #369 url('http://www.mtholyoke.edu/style/home4.1_images/new_president_sprite.jpg') top left no-repeat; */ /* background: #369 url('http://www.mtholyoke.edu/style/home4.1_images/ncaa_sprite.jpg') top left no-repeat; */ /* background: #369 url('http://www.mtholyoke.edu/style/home4.1_images/commencement2010_sprite.jpg') top left no-repeat; */ /* background: #369 url('http://www.mtholyoke.edu/style/home4.1_images/global_sprite.jpg') top left no-repeat; */ background: #369 url('http://www.mtholyoke.edu/style/home4.1_images/princeton_home.png') top left no-repeat; } #primaryfeature a:hover, #primaryfeature a:active { background-position: -170px 0; } #sidenav {font:bold 10px verdana,sans-serif; text-transform:uppercase; height:130px;} #sidenav span {/*display:none;*/} #sidenav ul {list-style:none; margin:0; padding:0;} #sidenav li {display:block; height:26px; margin:0; padding:0; line-height:25px;} #sidenav a {color:#9A6701; display:block; height:26px; padding:0; border-top:1px solid #fff; text-indent:-4000px; background:url('http://www.mtholyoke.edu/style/home4.1_images/sidebar_sprite.gif') 0 0 no-repeat;} #sidenav a:hover {color:#000; text-decoration:none;} #sidenav a.first {border:0;} #sidenav a.students {background-position: 0 0;} #sidenav a.students:hover {background-position: 0 -26px;} #sidenav a.faculty {background-position: 0 -52px;} #sidenav a.faculty:hover {background-position: 0 -78px;} #sidenav a.alumnae {background-position: 0 -104px;} #sidenav a.alumnae:hover {background-position: 0 -130px;} #sidenav a.parents {background-position: 0 -156px;} #sidenav a.parents:hover {background-position: 0 -182px;} #sidenav a.tour {background-position: 0 -208px;} #sidenav a.tour:hover {background-position: 0 -234px;} #stayconnected { height: 47px; background-color: #666; } #stayconnected ul {list-style:none; margin:0; padding:5px 0 0 5px;} #stayconnected ul li { display:block; float:left; width:39px; height:40px; margin:0 2px 0 0; padding:0; } #stayconnected ul li a { display:block; width:39px; height:40px; padding:0; text-indent:-4000px; background: #333 url('/style/home4.1_images/stayconnected_icons.png') 0 0 no-repeat; } #stayconnected ul li.youtube a { background-position: -5px -5px; } #stayconnected ul li.flickr a { background-position: -46px -5px; } #stayconnected ul li.facebook a { background-position: -87px -5px; } #stayconnected ul li.twitter a { background-position: -128px -5px; } #stayconnected ul li.twitter { margin-right: 0; } /* hover states */ #stayconnected ul li.youtube a:hover { background-position: -5px -52px; } #stayconnected ul li.flickr a:hover { background-position: -46px -52px; } #stayconnected ul li.facebook a:hover { background-position: -87px -52px; } #stayconnected ul li.twitter a:hover { background-position: -128px -52px; } #secondaryfeature .feature.rollover a:hover { background-image: none; } #contentbottom {background:#fd8; text-align:left; background:url(/grafx/cms/structure/homepage_bg-contentbottom.png) repeat-y;} #contentbottom h2 {font:bold 12px arial,sans-serif; letter-spacing:0.2em; padding:0 0 5px 0; margin:0;} #contentbottom h2 strong {text-transform:uppercase;} #contentbottom h2 span.moreNews {letter-spacing:0; padding-left: 1.5em; font-weight: normal;} #contentbottom h2 a {font-size: 12px; color: #333;} #contentbottom h2 a:hover {font-size: 12px; color: #333; text-decoration: underline;} #contentbottom h2 a strong {color: #333;} #contentbottom a {font-size:11px;} #studentprofile {width:415px; float:left; padding:15px; background:#fd8 url(/grafx/cms/structure/quote.gif) 98% 92% no-repeat;} #profileimage {float:left; width:100px; margin-top:5px;} #profiletext {float:right; width:300px; margin-top:5px;} #profiletext p {font-size:12px; padding:0; line-height:17px;} #news {width:285px; background:#f7d580; float:right; padding:15px 15px 5px 15px;} #news ul {list-style:none; margin:0; padding:0;} #news li {border-top:1px solid #fe9; line-height:24px;} #footer {background:#fd8; border-top:1px solid #369; color:#333; text-align:left; padding:15px;} #footer p {font:normal 10px/15px arial,sans-serif; padding:0;} /* legacy styles from MHC ---------- */ /* Google search, in page header */ form#cse-search-box { } form#cse-search-box input.q { font-size: 11px; line-height: 13px; vertical-align: top; width: 125px; height: 14px; padding:0; } form#cse-search-box input.go { margin-left:6px; margin-top:2px; } /* alert box (not always shown) */ #alert { background: #600; color: #fff; text-align: center; padding: 7px 5px; font-size: 12px; line-height: 15px; } #alert a { color: #fff; } #alert p { padding: 0; margin: 0; } #sideimage { display: none; }