/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Links StyleSheet - FH Engineering * Created by Jeremy S. Cargilo for ETR Consulting. * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Purpose: * This stylesheet contains the hyerplink css styles for the entire project. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Default Link Styles -------------------------------------------------------------------------------*/ a:link, a:visited { color: #9D9173; text-decoration: none; } a:hover { color: #000000; } /* Header Navigation Link Styles -------------------------------------------------------------------------------*/ .headernav-holland { float: left; width: 80px; height: 19px; background: url("../../Images/headernav-holland.gif") no-repeat left bottom; } .headernav-holland:hover, .headernav-holland-selected { float: left; width: 80px; height: 19px; background: url("../../Images/headernav-holland.gif") no-repeat left top; } .headernav-shepherd { float: left; width: 109px; height: 19px; margin-left: 64px; background: url("../../Images/headernav-shepherd.gif") no-repeat left bottom; } .headernav-shepherd:hover, .headernav-shepherd-selected { float: left; width: 109px; height: 19px; margin-left: 64px; background: url("../../Images/headernav-shepherd.gif") no-repeat left top; } .headernav-gadoury { float: left; width: 144px; height: 19px; margin-left: 67px; background: url("../../Images/headernav-gadoury.gif") no-repeat left bottom; } .headernav-gadoury:hover, .headernav-gadoury-selected { float: left; width: 144px; height: 19px; margin-left: 67px; background: url("../../Images/headernav-gadoury.gif") no-repeat left top; } .headernav-victories { float: left; width: 148px; height: 19px; margin-left: 55px; background: url("../../Images/headernav-victories.gif") no-repeat left bottom; } .headernav-victories:hover, .headernav-victories-selected { float: left; width: 148px; height: 19px; margin-left: 55px; background: url("../../Images/headernav-victories.gif") no-repeat left top; } /* Main Navigation Link Styles -------------------------------------------------------------------------------*/ * html .mainnav a { overflow: hidden; background-repeat: no-repeat !important; cursor: hand; } .mainnav-aboutus { float: left; width: 61px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-aboutus.png") no-repeat top left; } .mainnav-aboutus:hover, .mainnav-aboutus-selected { float: left; width: 61px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-aboutus.png") no-repeat bottom left; } .mainnav-admissions { float: left; width: 76px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-admissions.png") no-repeat top left; } .mainnav-admissions:hover, .mainnav-admissions-selected { float: left; width: 76px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-admissions.png") no-repeat bottom left; } .mainnav-academics { float: left; width: 72px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-academics.png") no-repeat top left; } .mainnav-academics:hover, .mainnav-academics-selected { float: left; width: 72px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-academics.png") no-repeat bottom left; } .mainnav-studentlife { float: left; width: 79px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-studentlife.png") no-repeat top left; } .mainnav-studentlife:hover, .mainnav-studentlife-selected { float: left; width: 79px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-studentlife.png") no-repeat bottom left; } .mainnav-calendar { float: left; width: 58px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-calendar.png") no-repeat top left; } .mainnav-calendar:hover, .mainnav-calendar-selected { float: left; width: 58px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-calendar.png") no-repeat bottom left; } .mainnav-news { float: left; width: 37px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-news.png") no-repeat top left; } .mainnav-news:hover, .mainnav-news-selected { float: left; width: 37px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-news.png") no-repeat bottom left; } .mainnav-alumni { float: left; width: 49px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-alumni.png") no-repeat top left; } .mainnav-alumni:hover, .mainnav-alumni-selected { float: left; width: 49px; height: 11px; margin-right: 20px; background: url("../../Images/mainnav-alumni.png") no-repeat bottom left; } .mainnav-contactus { float: left; width: 72px; height: 11px; background: url("../../Images/mainnav-contactus.png") no-repeat top left; } .mainnav-contactus:hover, .mainnav-contactus-selected { float: left; width: 72px; height: 11px; background: url("../../Images/mainnav-contactus.png") no-repeat bottom left; } /* SubPage Navigation Link Styles -------------------------------------------------------------------------------*/ /* ******************* ----- About Us --- ******************* */ .about-news { float: left; width: 213px; height: 51px; background: url("../../Images/about-news.gif") no-repeat left top; } .about-news:hover { float: left; width: 213px; height: 51px; background: url("../../Images/about-news.gif") no-repeat right top; } .about-news-selected { float: left; width: 213px; height: 51px; background: url("../../Images/about-news-selected.gif") no-repeat left top; } .about-mission { float: left; width: 213px; height: 51px; background: url("../../Images/about-mission.gif") no-repeat left top; } .about-mission:hover { float: left; width: 213px; height: 51px; background: url("../../Images/about-mission.gif") no-repeat right top; } .about-mission-selected { float: left; width: 213px; height: 51px; background: url("../../Images/about-mission-selected.gif") no-repeat left top; } .about-parishes { float: left; width: 213px; height: 51px; background: url("../../Images/about-parishes.gif") no-repeat left top; } .about-parishes:hover { float: left; width: 213px; height: 51px; background: url("../../Images/about-parishes.gif") no-repeat right top; } .about-parishes-selected { float: left; width: 213px; height: 51px; background: url("../../Images/about-parishes-selected.gif") no-repeat left top; } .about-overview { float: left; width: 213px; height: 51px; background: url("../../Images/about-overview.gif") no-repeat left top; } .about-overview:hover { float: left; width: 213px; height: 51px; background: url("../../Images/about-overview.gif") no-repeat right top; } .about-overview-selected { float: left; width: 213px; height: 51px; background: url("../../Images/about-overview-selected.gif") no-repeat left top; } .about-history { float: left; width: 213px; height: 51px; background: url("../../Images/about-history.gif") no-repeat left top; } .about-history:hover { float: left; width: 213px; height: 51px; background: url("../../Images/about-history.gif") no-repeat right top; } .about-history-selected { float: left; width: 213px; height: 51px; background: url("../../Images/about-history-selected.gif") no-repeat left top; } /* ******************* ----- Admissions --- ******************* */ .admissions-process { float: left; width: 213px; height: 52px; background: url("../../Images/admissions-process.gif") no-repeat left top; } .admissions-process:hover { float: left; width: 213px; height: 52px; background: url("../../Images/admissions-process.gif") no-repeat right top; } .admissions-process-selected { float: left; width: 213px; height: 52px; background: url("../../Images/admissions-process-selected.gif") no-repeat left top; } .admissions-tuition { float: left; width: 213px; height: 52px; background: url("../../Images/admissions-tuition.gif") no-repeat left top; } .admissions-tuition:hover { float: left; width: 213px; height: 52px; background: url("../../Images/admissions-tuition.gif") no-repeat right top; } .admissions-tuition-selected { float: left; width: 213px; height: 52px; background: url("../../Images/admissions-tuition-selected.gif") no-repeat left top; } .admissions-dresscode { float: left; width: 213px; height: 52px; background: url("../../Images/admissions-dresscode.gif") no-repeat left top; } .admissions-dresscode:hover { float: left; width: 213px; height: 52px; background: url("../../Images/admissions-dresscode.gif") no-repeat right top; } .admissions-dresscode-selected { float: left; width: 213px; height: 52px; background: url("../../Images/admissions-dresscode-selected.gif") no-repeat left top; } /* ******************* ----- Academics --- ******************* */ .academics-homework { float: left; width: 213px; height: 52px; background: url("../../Images/academics-homework.gif") no-repeat left top; } .academics-homework:hover { float: left; width: 213px; height: 52px; background: url("../../Images/academics-homework.gif") no-repeat right top; } .academics-homework-selected { float: left; width: 213px; height: 52px; background: url("../../Images/academics-homework-selected.gif") no-repeat left top; } .academics-curriculum { float: left; width: 213px; height: 52px; background: url("../../Images/academics-curriculum.gif") no-repeat left top; } .academics-curriculum:hover { float: left; width: 213px; height: 52px; background: url("../../Images/academics-curriculum.gif") no-repeat right top; } .academics-curriculum-selected { float: left; width: 213px; height: 52px; background: url("../../Images/academics-curriculum-selected.gif") no-repeat left top; } .academics-accreditation { float: left; width: 213px; height: 52px; background: url("../../Images/academics-accreditation.gif") no-repeat left top; } .academics-accreditation:hover { float: left; width: 213px; height: 52px; background: url("../../Images/academics-accreditation.gif") no-repeat right top; } .academics-accreditation-selected { float: left; width: 213px; height: 52px; background: url("../../Images/academics-accreditation-selected.gif") no-repeat left top; } .academics-attendance { float: left; width: 213px; height: 52px; background: url("../../Images/academics-attendance.gif") no-repeat left top; } .academics-attendance:hover { float: left; width: 213px; height: 52px; background: url("../../Images/academics-attendance.gif") no-repeat right top; } .academics-attendance-selected { float: left; width: 213px; height: 52px; background: url("../../Images/academics-attendance-selected.gif") no-repeat left top; } /* ******************* ----- Student Life --- ******************* */ .studentlife-athletics { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-athletics.gif") no-repeat left top; } .studentlife-athletics:hover { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-athletics.gif") no-repeat right top; } .studentlife-athletics-selected { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-athletics-selected.gif") no-repeat left top; } .studentlife-activities { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-activities.gif") no-repeat left top; } .studentlife-activities:hover { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-activities.gif") no-repeat right top; } .studentlife-activities-selected { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-activities-selected.gif") no-repeat left top; } .studentlife-council { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-council.gif") no-repeat left top; } .studentlife-council:hover { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-council.gif") no-repeat right top; } .studentlife-council-selected { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-council-selected.gif") no-repeat left top; } .studentlife-ministries { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-ministries.gif") no-repeat left top; } .studentlife-ministries:hover { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-ministries.gif") no-repeat right top; } .studentlife-ministries-selected { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-ministries-selected.gif") no-repeat left top; } .studentlife-dresscode { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-dresscode.gif") no-repeat left top; } .studentlife-dresscode:hover { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-dresscode.gif") no-repeat right top; } .studentlife-dresscode-selected { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-dresscode-selected.gif") no-repeat left top; } .studentlife-handbook { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-handbook.gif") no-repeat left top; } .studentlife-handbook:hover { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-handbook.gif") no-repeat right top; } .studentlife-handbook-selected { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-handbook-selected.gif") no-repeat left top; } .studentlife-extendedday { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-extendedday.gif") no-repeat left top; } .studentlife-extendedday:hover { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-extendedday.gif") no-repeat right top; } .studentlife-extendedday-selected { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-extendedday-selected.gif") no-repeat left top; } .studentlife-gallery { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-gallery.gif") no-repeat left top; } .studentlife-gallery:hover { float: left; width: 213px; height: 52px; background: url("../../Images/studentlife-gallery.gif") no-repeat right top; } /* ******************* ----- About Us --- ******************* */ .alumni-welcome { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-welcome.png") no-repeat left top; } .alumni-welcome:hover { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-welcome.png") no-repeat right top; } .alumni-welcome-selected { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-welcome-selected.png") no-repeat left top; } .alumni-profile { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-profile.png") no-repeat left top; } .alumni-profile:hover { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-profile.png") no-repeat right top; } .alumni-profile-selected { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-profile-selected.png") no-repeat left top; } .alumni-events { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-events.png") no-repeat left top; } .alumni-events:hover { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-events.png") no-repeat right top; } .alumni-events-selected { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-events-selected.png") no-repeat left top; } .alumni-volunteer { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-volunteer.png") no-repeat left top; } .alumni-volunteer:hover { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-volunteer.png") no-repeat right top; } .alumni-volunteer-selected { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-volunteer-selected.png") no-repeat left top; } .alumni-news { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-news.png") no-repeat left top; } .alumni-news:hover { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-news.png") no-repeat right top; } .alumni-news-selected { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-news-selected.png") no-repeat left top; } .alumni-support { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-support.png") no-repeat left top; } .alumni-support:hover { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-support.png") no-repeat right top; } .alumni-support-selected { float: left; width: 213px; height: 51px; background: url("../../Images/alumni-support-selected.png") no-repeat left top; } /* ******************* ----- Contact --- ******************* */ .contact-staff { float: left; width: 213px; height: 52px; background: url("../../Images/contact-staff.gif") no-repeat left top; } .contact-staff:hover { float: left; width: 213px; height: 52px; background: url("../../Images/contact-staff.gif") no-repeat right top; } .contact-staff-selected { float: left; width: 213px; height: 52px; background: url("../../Images/contact-staff-selected.gif") no-repeat left top; } .contact-teachers { float: left; width: 213px; height: 52px; background: url("../../Images/contact-teachers.gif") no-repeat left top; } .contact-teachers:hover { float: left; width: 213px; height: 52px; background: url("../../Images/contact-teachers.gif") no-repeat right top; } .contact-teachers-selected { float: left; width: 213px; height: 52px; background: url("../../Images/contact-teachers-selected.gif") no-repeat left top; } .contact-school { float: left; width: 213px; height: 52px; background: url("../../Images/contact-school.gif") no-repeat left top; } .contact-school:hover { float: left; width: 213px; height: 52px; background: url("../../Images/contact-school.gif") no-repeat right top; } .contact-school-selected { float: left; width: 213px; height: 52px; background: url("../../Images/contact-school-selected.gif") no-repeat left top; } /* Custom Link Styles -------------------------------------------------------------------------------*/ .home-link { float: left; position: relative; left: 55px; top: 24px; width: 125px; height: 123px; }