/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Links StyleSheet - GWCRS 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-wrapper { margin: 0 auto; width: 320px; } .headernav-shepherd { float: left; width: 109px; height: 19px; margin-left: 67px; background: url("../../Images/headernav-shepherd.gif") no-repeat left bottom; } .headernav-shepherd:hover, .headernav-shepherd-selected { float: left; width: 109px; height: 19px; margin-left: 67px; background: url("../../Images/headernav-shepherd.gif") no-repeat left top; } .headernav-gadoury { float: left; width: 144px; height: 19px; background: url("../../Images/headernav-gadoury.gif") no-repeat left bottom; } .headernav-gadoury:hover, .headernav-gadoury-selected { float: left; width: 144px; height: 19px; background: url("../../Images/headernav-gadoury.gif") no-repeat left top; } /* Main Navigation Link Styles -------------------------------------------------------------------------------*/ .mainnav-aboutus { float: left; width: 62px; height: 21px; background: url("../../Images/mainnav-aboutus.gif") no-repeat left bottom; } .mainnav-aboutus:hover, .mainnav-aboutus-selected { float: left; width: 62px; height: 21px; background: url("../../Images/mainnav-aboutus.gif") no-repeat left top; } .mainnav-admissions { float: left; width: 75px; height: 21px; margin-left: 28px; background: url("../../Images/mainnav-admissions.gif") no-repeat left bottom; } .mainnav-admissions:hover, .mainnav-admissions-selected { float: left; width: 75px; height: 21px; margin-left: 28px; background: url("../../Images/mainnav-admissions.gif") no-repeat left top; } .mainnav-academics { float: left; width: 71px; height: 21px; margin-left: 29px; background: url("../../Images/mainnav-academics.gif") no-repeat left bottom; } .mainnav-academics:hover, .mainnav-academics-selected { float: left; width: 71px; height: 21px; margin-left: 29px; background: url("../../Images/mainnav-academics.gif") no-repeat left top; } .mainnav-studentlife { float: left; width: 79px; height: 21px; margin-left: 30px; background: url("../../Images/mainnav-studentlife.gif") no-repeat left bottom; } .mainnav-studentlife:hover, .mainnav-studentlife-selected { float: left; width: 79px; height: 21px; margin-left: 30px; background: url("../../Images/mainnav-studentlife.gif") no-repeat left top; } .mainnav-calendar { float: left; width: 58px; height: 21px; margin-left: 28px; background: url("../../Images/mainnav-calendar.gif") no-repeat left bottom; } .mainnav-calendar:hover, .mainnav-calendar-selected { float: left; width: 58px; height: 21px; margin-left: 28px; background: url("../../Images/mainnav-calendar.gif") no-repeat left top; } .mainnav-news { float: left; width: 36px; height: 21px; margin-left: 29px; background: url("../../Images/mainnav-news.gif") no-repeat left bottom; } .mainnav-news:hover, .mainnav-news-selected { float: left; width: 36px; height: 21px; margin-left: 29px; background: url("../../Images/mainnav-news.gif") no-repeat left top; } .mainnav-contactus { float: left; width: 71px; height: 21px; margin-left: 29px; background: url("../../Images/mainnav-contactus.gif") no-repeat left bottom; } .mainnav-contactus:hover, .mainnav-contactus-selected { float: left; width: 71px; height: 21px; margin-left: 29px; background: url("../../Images/mainnav-contactus.gif") no-repeat left top; } /* 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-shepherd { float: left; width: 213px; height: 51px; background: url("../../Images/about-shepherd.gif") no-repeat left top; } .about-shepherd:hover { float: left; width: 213px; height: 51px; background: url("../../Images/about-shepherd.gif") no-repeat right top; } .about-shepherd-selected { float: left; width: 213px; height: 51px; background: url("../../Images/about-shepherd-selected.gif") no-repeat left top; } .about-gadoury { float: left; width: 213px; height: 51px; background: url("../../Images/about-gadoury.gif") no-repeat left top; } .about-gadoury:hover { float: left; width: 213px; height: 51px; background: url("../../Images/about-gadoury.gif") no-repeat right top; } .about-gadoury-selected { float: left; width: 213px; height: 51px; background: url("../../Images/about-gadoury-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; } /* ******************* ----- Contact --- ******************* */ .contact-staff { float: left; width: 213px; height: 51px; background: url("../../Images/contact-staff.gif") no-repeat left top; } .contact-staff:hover { float: left; width: 213px; height: 51px; background: url("../../Images/contact-staff.gif") no-repeat right top; } .contact-staff-selected { float: left; width: 213px; height: 51px; background: url("../../Images/contact-staff-selected.gif") no-repeat left top; } .contact-teachers { float: left; width: 213px; height: 51px; background: url("../../Images/contact-teachers.gif") no-repeat left top; } .contact-teachers:hover { float: left; width: 213px; height: 51px; background: url("../../Images/contact-teachers.gif") no-repeat right top; } .contact-teachers-selected { float: left; width: 213px; height: 51px; background: url("../../Images/contact-teachers-selected.gif") no-repeat left top; } .contact-school { float: left; width: 213px; height: 51px; background: url("../../Images/contact-school.gif") no-repeat left top; } .contact-school:hover { float: left; width: 213px; height: 51px; background: url("../../Images/contact-school.gif") no-repeat right top; } .contact-school-selected { float: left; width: 213px; height: 51px; background: url("../../Images/contact-school-selected.gif") no-repeat left top; } .contact-form { float: left; width: 213px; height: 51px; background: url("../../Images/contact-form.gif") no-repeat left top; } .contact-form:hover { float: left; width: 213px; height: 51px; background: url("../../Images/contact-form.gif") no-repeat right top; } .contact-form-selected { float: left; width: 213px; height: 51px; background: url("../../Images/contact-form-selected.gif") no-repeat left top; } /* Custom Link Styles -------------------------------------------------------------------------------*/ .home-link { float: left; position: relative; left: 55px; top: 24px; width: 125px; height: 123px; }