﻿        .logo110x50box{
            width:110px;
            height:50px;
            float:left;
            margin:0px;
            padding:0px;
            background-repeat:no-repeat;
            background-origin:border-box;
        }
        .collegeLogoHeading{
            float:left;
            padding:20px;
            font-family: Arial, "Arial Unicode MS",Arial, Helvetica, sans-serif, sans-serif;
            color: #6a7d90;
            font-size: 13px;
            text-align:left;
            min-width:7em;
            white-space:nowrap;
            margin: 20px 20px 20px 20px;
            font-weight:bold;
            text-decoration: none;
        }
       
        a.collegeLogoHeading:hover{
             color:#f05305;
        }

        .directionsHeading{
            font-family: Arial, "Arial Unicode MS",Arial, Helvetica, sans-serif, sans-serif;
            color: #000000;
            font-size: 22pt;
            text-align:left;
            min-width:7em;
            white-space:nowrap;
            margin: 0 0 0 0;
            font-weight:bold;
        }

		.tooltip{
   			display: inline; 
            position: relative;
		}
		
        /* this formats the tooltip balloon */
		.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8); /* background clor of tooltip balloon */
    		border-radius: 5px;
            bottom:75px; /* vertical offset of balloon from bottom of tile */
    		color: #fff; /* color of text in tooltip balloon */
    		content: attr(msg); /* this is the tooltip text that's lifted from the TITLE attribute in the HTML */
            white-space: pre;
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
		}
		
        /* this formats the arrow that sticks out below the tooltip balloon */
		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px; /* arrow is created by making the bottom of the border zero pixels wide */
            bottom: 70px; /* vertical offset of arrow from bottom of tile */
    		content: "";
    		left: 50%; /* center the arrow */
    		position: absolute;
    		z-index: 99;
		}

        .logoAlgonquin {
            background-image:url('../Images/CollegeLogos/Algonquin110x50.jpg');
        }

        .logoBoreal {
            background-image:url('../Images/CollegeLogos/Boreal110x50.jpg');
        }

        .logoCambrian {
            background-image:url('../Images/CollegeLogos/Cambrian110x50.jpg');
        }

        .logoCandore {
            background-image:url('../Images/CollegeLogos/Candore110x50.jpg');
        }

        .logoCentennial {
            background-image:url('../Images/CollegeLogos/Centennial110x50.jpg');
        }

         .logoConestoga {
            background-image:url('../Images/CollegeLogos/Conestoga110x50.jpg');
        }

         .logoConfederation {
            background-image:url('../Images/CollegeLogos/Confederation110x50.jpg');
        }

         .logoDurham {
            background-image:url('../Images/CollegeLogos/Durham110x50.jpg');
        }

         .logoFanshawe {
            background-image:url('../Images/CollegeLogos/Fanshawe110x50.jpg');
        }

         .logoGeorgeBrown {
            background-image:url('../Images/CollegeLogos/GeorgeBrown110x50.jpg');
        }

         .logoGeorgian {
            background-image:url('../Images/CollegeLogos/Georgian110x50.jpg');
        }

         .logoHumber {
            background-image:url('../Images/CollegeLogos/Humber110x50.jpg');
        }

         .logoLaCite {
            background-image:url('../Images/CollegeLogos/LaCite110x50.jpg');
        }

         .logoLambton {
            background-image:url('../Images/CollegeLogos/Lambton110x50.jpg');
        }

         .logoLoyalist {
            background-image:url('../Images/CollegeLogos/Loyalist110x50.jpg');
        }

         .logoMohawk {
            background-image:url('../Images/CollegeLogos/Mohawk110x50.jpg');
        }

         .logoNiagara {
            background-image:url('../Images/CollegeLogos/Niagara110x50.jpg');
        }

         .logoNorthern {
            background-image:url('../Images/CollegeLogos/Northern110x50.jpg');
        }

         .logoFleming {
            background-image:url('../Images/CollegeLogos/SanfordFleming110x50.jpg');
        }

         .logoSault {
            background-image:url('../Images/CollegeLogos/Sault110x50.jpg');
        }

         .logoSeneca {
            background-image:url('../Images/CollegeLogos/Seneca110x50.jpg');
        }

         .logoSheridan {
            background-image:url('../Images/CollegeLogos/Sheridan110x50.jpg');
        }

         .logoStClair {
            background-image:url('../Images/CollegeLogos/StClair110x50.jpg');
        }

         .logoStLawrence {
            background-image:url('../Images/CollegeLogos/StLawrence110x50.jpg');
        }

         .logoUoiT {
            background-image:url('../Images/CollegeLogos/UoiT110x50.jpg');
        }

         .logoTEST {
            background-image:url('../Images/CollegeLogos/TestLink110x50.jpg');
        }

         .logoVOD {
            background-image:url('../Images/CollegeLogos/VODlink110x50.jpg');
        }

         .logoSQL {
            background-image:url('../Images/CollegeLogos/SQLlink110x50.jpg');
        }

         .logoLDAP {
            background-image:url('../Images/CollegeLogos/LDAPlink110x50.jpg');
        }

         .logoSIRSI {
            background-image:url('../Images/CollegeLogos/SIRSIlink110x50.jpg');
        }

        .logoBUG {
            background-image:url('../Images/CollegeLogos/BUGlink110x50.jpg');
        }

        .logoFIXED {
            background-image:url('../Images/CollegeLogos/FIXlink110x50.jpg');
        }

        .logoOCLS {
            background-image:url('../Images/CollegeLogos/Ocls110x50.jpg');
        }

       .collegeColumn {
          float:left;
          width:266px;
        }

        .tile{
           height:50px;
           width:100%;
           margin:0 0 0 0;
           padding:0px;
        }
