p.answer-tags, p.answer-tags a{color:#999999; font-size:12px; margin:-20px 0 20px;} p.answer-tags a:hover{color:#666666;} span.omission{font-size:12px;} img.testimonial{margin-right:15px;} /** * Defaults and Resets */ html, body {margin: 0; padding: 0; background: #d6eced;} body {font-family: Arial, Verdana, Sans-Serif; font-size: 15px; line-height: 22px; color: #282525; padding: 0px;} form {margin: 0; padding: 0;} img {border: 0;} td {vertical-align: top;} p {margin: 0 0 20px 0;} :focus {outline: 0;} a {color: #004e7c; text-decoration: underline;} a:hover {color: #000;} h1 {margin: 0 0 20px 0; font-size: 24px; font-weight: normal; line-height: normal;} h2 {margin: 0; font-size: 15px;} h2.blue {margin: 0; font-size: 15px; color: #375657;} /** * General */ .clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;} .box {margin: 0 0 20px 0; border: solid 6px #d6eced;} .mission {font-size: 17px; font-weight: bold; font-style: italic; color: #63989a;} .left {float: left; margin: 0 15px 20px 0;} .right{float: right; margin: 0 0 20px 15px;} .accent {color: #63989a;} .team {border: solid 1px #ccc; margin-right: 20px; margin-bottom: 10px; } a.indent {line-height: 30px; padding-left: 20px; } .narrow {padding-left: 20px; padding-right: 30px; } /** * Lists */ ul.inline {margin: 0; padding: 0; list-style-type: none;} ul.inline li {display: inline;} ul.list {margin: 0; padding: 0; list-style-type: none;} ul.subnav {margin: 0 0 15px 0; padding: 0; list-style-type: none; border: solid 1px #ccc; font-size: 13px; line-height: 18px; font-weight: bold; text-transform: uppercase;} ul.subnav li {background: url(/public/images/layout/bg-subnav.gif) repeat-x;} ul.subnav li a {display: block; padding: 5px 10px 5px 15px; border-bottom: solid 1px #e9e9e9; color: #2e2e2e; text-decoration: none;} ul.subnav li.on > a, ul.subnav li > a:hover {background: #d6eced url(/public/images/layout/bg-subnav-hover.gif) repeat-x; border-bottom-color: #c0d6d7;} ul.subnav li a:hover {background: #e9f4f5;} ul.subnav li.last a {border-bottom-width: 0;} ul.subnav li ul {margin: 0; padding: 0; list-style-type: none; font-size: 14px; font-weight: normal; text-transform: none;} ul.subnav li ul li a {padding: 5px 10px 5px 25px;} ul.relatedInfo {font-size: 14px; font-weight: normal; border-color: #b1cccd; text-transform: none;} ul.relatedInfo li.title {padding: 5px 10px 5px 15px; font-weight: bold; color: #63989a; border-bottom: solid 1px #e9e9e9;} /** * Layout */ #master {width: 1076px; margin: auto;} #page {width: 996px; padding: 0 40px; background: #fff url(/public/images/layout/bg-page.gif) repeat-y;} #header {position: relative; height: 117px; z-index: 3000;} #header .logo {position: absolute; top: 17px; left: 14px;} #header .tagline {position: absolute; top: 111px; left: 20px;} #header .nav {position: absolute; height: 43px; top: 33px; right: -5px; width: 675px; padding: 0 0 0 10px; font-size: 14px; line-height: 18px; background: url(/public/images/layout/bg-nav-sprites.gif) no-repeat; z-index: 2000;} #header .nav > div {height: 43px; padding: 0 10px 0 0; float: right; background: url(/public/images/layout/bg-nav-sprites.gif) no-repeat right -43px;} #header .nav ul {margin: 0; padding: 0; list-style-type: none;} #header .nav ul li {float: left; display: block; position: relative;} #header .nav ul li a {float: left; display: block; padding: 11px 15px; color: #000; text-decoration: none;} #header .nav ul li.sfHover > a, #header .nav ul li a.active, #header .nav ul li a:hover {color: #004e7c;} #header .nav ul li ul {position: absolute; top: 25px; left: 0; padding: 15px 0 0 0; background: #bddedf;} #header .nav ul li ul li {float: none;} #header .nav ul li ul li a, #header .nav ul li ul.login li a {float: none; width: 100px; padding: 4px 16px; border-bottom: solid 1px #a8c6c7;} #header .nav ul li ul.login li a{width:150px;} #header .nav ul li ul.login{margin-left:-120px;margin-top:5px;} #header .nav ul li ul li a:hover {color: #000; background: #8ea6a7;} #nav {margin: 0 -10px 0 -5px; height: 62px; font-size: 15px; line-height: 18px; color: #fff;} #nav ul {margin: 0; padding: 0; list-style-type: none;} #nav ul li {float: left; display: block; position: relative;} #nav ul li a {float: left; display: block; position: relative; z-index: 1500;} #nav ul li ul {position: absolute; top: 44px; left: 0; margin: 0 0 0 5px; padding: 10px 0 0 0; width: 192px; background: #46984a; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; z-index: 1000;} /* filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; */ #nav ul li ul li {float: none;} #nav ul li ul li a {float: none; padding: 5px 10px 5px 20px; color: #fff; text-decoration: none; border-bottom: solid 1px #3e8742; position: relative; } #nav ul li ul li a:hover {background: #2e6431; position: relative; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";} #nav .workTravelProgram ul {background: #b12c2c;} #nav .workTravelProgram ul li a {border-bottom-color: #9e2727;} #nav .workTravelProgram ul li a:hover {background: #751d1d;} #nav .internshipTraineePrograms ul {background: #6395c6;} #nav .internshipTraineePrograms ul li a {border-bottom-color: #5885b0;} #nav .internshipTraineePrograms ul li a:hover {background: #416282;} #nav .shortTermPrograms ul {margin: 0 0 0 4px; background: #a871c8;} #nav .shortTermPrograms ul li a {border-bottom-color: #9665b2;} #nav .shortTermPrograms ul li a:hover {background: #6f4a84;} #nav .outboundPrograms ul {background: #edb801;} #nav .outboundPrograms ul li a {border-bottom-color: #d3a401;} #nav .outboundPrograms ul li a:hover {background: #9c7901;} #title {height: 45px; margin: 0 0 20px 0; padding: 6px 0 0 20px; background: url(/public/images/layout/bg-title-sprites.gif) no-repeat;} #title h1 {margin: 0; font-size: 30px; font-weight: normal; line-height: normal; color: #000;} #body {padding: 0 0 20px 0;} #sidebar {float: left; width: 217px; padding: 0 5px 0 0;} #content {float: left; width: 754px; padding: 0 0 0 20px;} #content .box {padding: 10px 15px;} #rightSidebar {float: right; width: 296px;} #rightSidebar img.photo {border: solid 1px #ccc; margin: 0 0 15px 0;} #rightSidebar .box {position: relative; padding: 20px 25px 0 25px;} #rightSidebar .featureList {font-size: 14px; line-height: 18px; color: #4c4949;} #rightSidebar .featureList .feature {margin: 0 0 20px 0;} #rightSidebar .featureList .feature .graphic {float: left; width: 51px;} #rightSidebar .featureList .feature .content {float: left; width: 170px; padding: 0 0 0 4px;} #tagline {padding: 20px 0; font-size: 14px; line-height: 22px; color: #8f8f8f; text-align: center; background: url(/public/images/layout/dot.gif) repeat-x;} #footer {position: relative; padding: 20px 0 10px 0; font-size: 12px; line-height: 18px; color: #8f8f8f; background: url(/public/images/layout/dot.gif) repeat-x;} #footer .row {padding: 0 0 20px 0;} #footer .column {float: left; width: 159px; padding: 0 40px 0 0;} #footer ul {margin: 0; padding: 0; list-style-type: none;} #footer h4 {margin: 0; font-size: 12px; line-height: 18px; text-transform: uppercase;} #footer .educationalPrograms h4 a {color: #439247;} #footer .workTravelProgram h4 a {color: #972525;} #footer .internshipTraineePrograms h4 a {color: #5a88b4;} #footer .shortTermPrograms h4 a {color: #875ba1;} #footer .outboundPrograms h4 a {color: #b88f01;} #footer .about h4 {font-weight: normal;} #footer .about h4 a {color: #528d8f;} #footer .resources h4 {font-weight: normal;} #footer .resources h4 a {color: #528d8f;} #footer .home h4 {font-weight: normal;} #footer .home h4 a {color: #528d8f;} #footer a {color: #8f8f8f; text-decoration: none;} #footer h4 a:hover, #footer a:hover {color: #000;} #footer .legal {width: 398px; padding: 40px 0 0 0; font-size: 11px;} #footer .legal .logo {display: block; padding: 0 0 10px 0;} /** * Layout Variations */ body.dualSidebarLayout #content {width: 430px;} body.rightSidebarLayout #content {width: 630px;} body.work-and-travel-program #title {background-position: 0 -51px;} body.work-and-travel-program #title h1 {color: #fff;} body.educational-programs #title, body.high-school-program #title, body.private-high-school-program #title, body.community-college-program #title {background-position: 0 -102px;} body.educational-programs #title h1, body.high-school-program #title h1, body.private-high-school-program #title h1, body.community-college-program #title h1 {color: #fff;} body.internship-and-trainee-programs #title {background-position: 0 -153px;} body.internship-and-trainee-programs #title h1 {color: #fff;} body.short-term-programs #title {background-position: 0 -204px;} body.short-term-programs #title h1 {color: #fff;} body.outbound-programs #title {background-position: 0 -255px;} body.outbound-programs #title h1 {color: #fff;} /** * Home Page */ body.front #header {/*height: 153px;*/} body.front #body {padding: 0;} body.front #tagline {background: none;} #home h2 {margin: 0 0 15px 0; font-size: 22px; font-weight: normal; line-height: normal; color: #63989a;} #home .header {margin: 25px 0 10px 0; width: 994px; border: solid 1px #d6d6d6;} #home .header .intro {float: left; width: 296px; padding: 25px 0 0 25px; font-size: 16px; line-height: 24px;} #slideshow {float: left; width: 671px; height: 346px; margin: -1px 0 -1px -1px; position: relative;} #slideshow .slide {position: absolute; top: 0; left: 0; width: 671px; height: 346px;} #slideshow .slide .content {position: absolute; bottom: 10px; right: 0; width: 360px; padding: 15px 20px 15px 20px; background: url(/public/images/layout/bg-band-trans.png) no-repeat; font-size: 14px; line-height: normal; color: #fff;} #slideshow .slide .content h1 {margin: 0 0 5px 0; font-size: 26px; font-weight: normal; color: #fff; line-height: normal;} #slideshow .slide .content p {margin: 0;} #home .body {margin: 10px 0 0 0;} #home .body .news {float: left; width: 268px; min-height: 307px; border: solid 1px #d5d5d5; padding: 15px 35px 0 20px; font-size: 12px; line-height: 18px;} #home .body .news p {margin: 0 0 15px 0;} #home .body .block {float: right; width: 590px; padding: 20px 25px; font-size: 15px; line-height: 20px;} #home .body .block .footer {padding: 20px 0 0 0; background: url(/public/images/layout/dot.gif) repeat-x;} #home .body .block .feature {float: left; width: 275px; font-size: 14px; line-height: 18px; color: #4c4949;} #home .body .block .feature .graphic {float: left; width: 51px;} #home .body .block .feature .content {float: left; width: 220px; padding: 0 0 0 4px;} /* These are standard sIFR styles. do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced. the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower. your own settings may vary. any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash #pageTitle h1 { visibility: hidden; } /* .sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 55px; } .sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 25px; } .sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; } .sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; } */ .photo {float: left; background: url(/public/images/layout/borders/t.gif) repeat-x; margin:0 10px 10px 50px} .photo > div {background: url(/public/images/layout/borders/r.gif) repeat-y right top;} .photo > div > div {background: url(/public/images/layout/borders/b.gif) repeat-x left bottom;} .photo > div > div > div {background: url(/public/images/layout/borders/l.gif) repeat-y;} .photo > div > div > div > div {background: url(/public/images/layout/borders/tlc.gif) no-repeat;} .photo > div > div > div > div > div {background: url(/public/images/layout/borders/trc.gif) no-repeat right top;} .photo > div > div > div > div > div > div {background: url(/public/images/layout/borders/brc.gif) no-repeat right bottom;} .photo > div > div > div > div > div > div > div {padding: 12px; background: url(/public/images/layout/borders/blc.gif) no-repeat left bottom;} #featuredStudent {margin: 0 0 20px 0; border: solid 1px #cfcfcf; padding: 15px 20px; position:relative; height:400px;} #featuredStudent h4 {margin: 10px; font-size: 17px; color: #63989a;} #featuredStudent .content {clear: both; font-size: 12px; line-height: 18px; color: #242529;margin:7px;} #featuredStudent .content table {margin: 0 0 10px 0; width: 100%; border-collapse: collapse; line-height: normal;} #featuredStudent .content table td {padding: 1px 4px; width: 50%; border: solid 1px #ccc;} #featuredStudent .content table tr.highlight td {background: #f3f3f3;} #featuredStudent .student {left:0; position:absolute; top:0;}