@charset "utf-8";
/* -----------------------------------------------------------------

Copyright 2008 Newcastle-under-Lyme College. All rights reserved
CSS written by Kevin Rapley (KR)

SWATCHES

#000000 Black
#ffffff White
#e21776 NULC Pink

CONTENTS
Search for any of the below to be transported to that section of the
document


=TOP
----------------------------------------------------------------- */

/* =SUBMENU
Secondary menu.
----------------------------------------------------------------- */

    #secondary .menu li a:link, #secondary .menu li a:visited {
     background-color: #e21776;
     color: white;
    }

    #secondary .menu li a:hover, #secondary .menu li a:active {
     background: black;
     color: white;
    }

/* =CONTENT
Main content region.
----------------------------------------------------------------- */

  #toprow { 
   margin-bottom: 10px;
  }

  .title {
   background: #e21776;
   padding: 22px 13px;
  }

   .title h1, .title h2 {
    background-color: #e21776;
    color: white;
    float: left;
    font-size: 1.5em;
    line-height: 1.1;
    margin: 0;
   }

    .title h1 span {
     background-color: white;
     color: #e21776;
     font-style: normal; 
     margin: 0 10px;
     padding: 3px 10px;
    }

 /* =TABBED REGION
 ---------------------------------------------------------------- */

  .tabbed {
   
  }

   .tabmenu {
    background: url('/media/b46bc212d9df443987827b61366fd700.gif') bottom repeat-x;
   }

      .tabmenu a {
       border-bottom: solid 1px #e21776;
	  }

      .tabmenu .menu1 a:link, .tabmenu .menu1 a:visited {
       background-color: black;       
       color: white;
	  }

      .tabmenu .menu1 a:hover, .tabmenu .menu1 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }


      .tabmenu .menu2 a:link, .tabmenu .menu2 a:visited {
       background-color: #333;
       color: white;
	  }

      .tabmenu .menu2 a:hover, .tabmenu .menu2 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }



      .tabmenu .menu3 a:link, .tabmenu .menu3 a:visited {
       background-color: #58595b;
       color: white;
	  }

      .tabmenu .menu3 a:hover, .tabmenu .menu3 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }



      .tabmenu .menu4 a:link, .tabmenu .menu4 a:visited {
       background-color: #808285;
       color: white;
	  }

      .tabmenu .menu4 a:hover, .tabmenu .menu4 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }



      .tabmenu .menu5 a:link, .tabmenu .menu5 a:visited {
       background-color: #bbbdc0;
       color: white;
	  }

      .tabmenu .menu5 a:hover, .tabmenu .menu5 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }



      .tabmenu .menu6 a:link, .tabmenu .menu6 a:visited {
       background-color: #c9cacd;
       color: white;
	  }

      .tabmenu .menu6 a:hover, .tabmenu .menu6 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }

       .tabmenu a.selected, .tabmenu .menu1 a.selected, .tabmenu .menu2 a.selected, .tabmenu .menu3 a.selected, .tabmenu .menu4 a.selected, .tabmenu .menu5 a.selected, .tabmenu .menu6 a.selected {
        background-color: white;
        border: 1px solid #e21776;
        border-bottom: solid 1px white;
        color: #e21776;
       }

  #signposting {
   background: url('/media/d06014aef7e64570a2b1b35c985049f7.gif') repeat-y;
  }

   #signposting img {
    height: auto;
    width: auto;
   }

   #signposthead {
    background: url('/media/c3f5763c27b54593b3787826576ec589.gif') repeat-y;
   }

    #signposthead h3 {
     background-color: #e21776;
     color: white;
     margin: 0;
     padding: 14px 12px 14px 9px;
    }

   #signpostcontent p {
    padding: 9px 0 9px 9px;
   }

   #signpostcontent img {
    margin-bottom: 9px;
    margin-top: 14px;
   }

  .pinklink {
   clear: both;
   text-align: right;
  }

   .pinklink a {
    background-color: #e21776;
    color: white;
    padding: 2px 4px;
    text-decoration: none;
   }

   .pinklink a:hover {
    background-color: black;
    color: white;
   }

  #testimonials {
   background: url('/media/ba28e4d0eae746bdb06e3d79cd9f00b3.gif') repeat-y;
   background-color: #6d6e70;
   color: white;
   padding-top: 10px;
  }

   #testimonials p {
    padding-right: 9px;
   }

   #test-bckgrnd {
    background: url('/media/f73b29427a83467682d15567dc6c83f1.jpg') no-repeat bottom;
   }

   #testimonials .footer {
    background: #6d6e70;
    border-top: dotted 1px white;
    padding-top: 10px;
   }

   #testimonials a:link, #testimonials a:visited {
    background-color: inherit; 
    color: white;
   }

 /* =TABBED REGION
 ---------------------------------------------------------------- */

  .tabbed {
   
  }

   .tabbed div {
    margin: 10px 0;
   }

   .tabmenu {
    background: url('/media/941aa44d37054db9a70f14d1f7e0d83d.gif') bottom repeat-x;
    color: inherit;
   }

      .tabmenu a {
       border-bottom: solid 1px #e21776;
	  }

      .tabmenu .menu1 a:hover, .tabmenu .menu1 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }

      .tabmenu .menu2 a:hover, .tabmenu .menu2 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }

      .tabmenu .menu3 a:hover, .tabmenu .menu3 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }

      .tabmenu .menu4 a:hover, .tabmenu .menu4 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }

      .tabmenu .menu5 a:hover, .tabmenu .menu5 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }

      .tabmenu .menu6 a:hover, .tabmenu .menu6 a:active {
       background-color: white;
       border: 1px solid #e21776;
       border-bottom-color: white;
       color: #e21776;
	  }

       .tabmenu a.selected, .tabmenu .menu1 a.selected, .tabmenu .menu2 a.selected, .tabmenu .menu3 a.selected, .tabmenu .menu4 a.selected, .tabmenu .menu5 a.selected, .tabmenu .menu6 a.selected {
        background-color: white;
        border: 1px solid #e21776;
        border-bottom-color: white;
        color: #e21776;
       }

#menu .al {
 background-color: #f47b20;
 color: white;
}