﻿body
{
	background: url('images/layout/pagebackground.gif') repeat-y center top;
	color: #666666;
	font-size: small;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0 auto;
	line-height:19px;
	text-align:left;
}


img
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
    text-align: left;
}


h1 {
	color:#0d2f86;
	font-size:large;
	font-weight:bold;
	padding:10px 0px 0px 5px;
	margin:0px;
    text-align: left;
}

h2{
	color:#0d2f86;
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 0px 5px;
	margin:0px;
}

h3 {
	color:#0d2f86;
	font-size:small;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align: left;
}

h4 {
	color:#0d2f86;
	font-size:12px;
	font-weight:bold;
	padding: 0px 0px 0px 5px;
	margin:0px;
	text-align: left;
}

.newstxt
{
    font-size:12px;
}


a:link{
	color:#0d2f86;
	}
	
a:visited{
	color:#0d2f86;
	text-decoration: underline;
	}
	
a:hover{
	color:#0d2f86;
	text-decoration: underline;
	}
	
#container {
	width: 970px;
	text-align:center;
	margin : 0 auto;
	position:relative; 
	}
	
	

	
/* header styling */

#header {
	height: 140px;
	background: #FFFFFF url(images/layout/headerbackground.gif) no-repeat;
    text-align: left;
}
	
#header p{
	padding:33px 0px 0px 5px;
	color:#0d2f86;
	font-size:12px;
	/*font-size:small;*/
	font-weight:bold;
	text-align:left;
	line-height:18px;
    width: 645px;
}
	
/* navigation styling */


	
#nav {
	background: #FFFFFF url(images/navbackground.gif) no-repeat;
	text-align : left;
	height:27px;
	font-size: 13px;
	padding:7px 0px 5px 23px;
	}
	
#nav li {
	display: inline;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
		
#nav ul {
	float:left;
	margin: 0px;
	padding: 0px;
	}
		
#nav a {
	color:#666666;
	font-weight: bold;
	margin: 0px;
	padding: 6px 7px 6px 7px;
	text-decoration: none;
	}
	
#nav a:hover {
	color: #0d2f86;
	font-weight: bold;
	text-decoration: none;
	}



#search_form{
	float:right;
	padding:0px 25px 0px 0px;
}

.search_link {
	text-decoration:none;
/*	font-weight:bold; */
	color:#999999;
	margin-bottom:10px;
}

.search_link a:hover {
	color:#0d2f86;
}

#left {
	float:left;
	width: 186px;
	margin: 27px 0px 23px 23px;
	text-align:center;
	display:inline;
	border-style: none;
}

#left a:link{
	color:#666666;
	text-decoration: none;
	}
	
#left a:visited{
	color:#666666;
	text-decoration: none;
	}
	
#left a:hover{
	color:#666666;
	text-decoration: none;
	font-weight:bold;
	}

#left a:hover{
	color:#666666;
	text-decoration: none;
	font-weight:bold;
	}

.tel {
	color:#0d2f86;
	font-size:14px;
	font-weight:bold;
}

.links ul{
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style: none;
}

.links_header{
	background:url(images/layout/boxheadbkgrd.png) top center repeat-x;
	/* text-indent:-9999px; */
	font-weight: bold;
	font-size: 14px;
	vertical-align:middle;
	height:30px;
	display:block;	
	padding: 5px 0px 0px 5px;
	color: #fff;
}

a.eccles_link{
	background:url(images/Logos/eccleslogo.png) no-repeat;
	text-indent:-9999px;
	height:122px;
	display:block;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

a.pendleton_link{
	background:url(images/Logos/PendLogo.jpg) no-repeat;
	text-indent:-9999px;
	height:89px;
	display:block;	
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top: solid 10px white;
}

a.salford_link{
	background:url(images/Logos/salfordlogo.png) no-repeat;
	text-indent:-9999px;
	height:89px;
	display:block;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;	
}

a.walkden_link{
	background:url(images/Logos/WalkdenLogo.jpg) no-repeat;
	text-indent:-9999px;
	height:89px;
	display:block;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;	
	border-top: solid 10px white;
}

a.Trinity_link{
	background:url(images/Logos/TrinityLogo.jpg) no-repeat;
	text-indent:-9999px;
	height:60px;
	display:block;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;	
	border-top: solid 10px white;
}

a.City_link{
	background:url(images/Logos/citylogo.gif) no-repeat;
	text-indent:-9999px;
	height:85px;
	display:block;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top: solid 10px white;

	
}

a.test
{
	text-decoration:none;
}


/* right column styling */
	
#right {
	float:right;
	width: 186px;
	margin: 23px 23px 23px 0px;
	text-align:left;
	display:inline;
	color:#666666;
	}
	
#right hr {
	border-color:#544e4f;
	border-style: solid;
	border-width:1px;
	}
	


	
#right img {
	border-style: none;
	
}

#right a:link{
	color:#666666;
	text-decoration: none;
	}
	
#right a:visited{
	color:#666666;
	text-decoration: none;
	}
	
#right a:hover{
	color:#FFFFFF;
	text-decoration: none;
	}

.events {
	background-color:#e9e8e9;
	font-size:12px;
	color:#666666;
	line-height:18px;
	display: block;
	margin: 0px 0px 25px 0px;
	color:#333333;
	text-decoration: none;
}

a.eventsrss{
	background:url(images/layout/latestevents.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	display:block;	
}

.events ul{
	padding:0px;
	margin:0px;
	list-style: none;
	color:#666666;
}



a.events_item {
	padding:7px 7px 7px 7px;
	display: block;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	margin: 0;
	color:#666666;
	text-decoration: none;
}

a.events_item:hover {
	padding:7px 7px 7px 7px;
	display: block;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	margin: 0;
	color:#FFFFFF;
	text-decoration: none;
	background-color:#B5B5B5;
}

.news {
	background-color:#e9e8e9;
	font-size:12px;
	color:#666666;
	line-height:18px;
	display: block;
	margin: 0px 0px 25px 0px;
	color:#333333;
	text-decoration: none;
}


.news ul{
	padding:0px;
	margin:0px;
	list-style: none;
}



a.news_item {
	padding:7px 7px 7px 7px;
	display: block;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	margin: 0;
	color:#666666;
	text-decoration: none;
}

a.news_item:hover {
	padding:7px 7px 7px 7px;
	display: block;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	margin: 0;
	color:#FFFFFF;
	text-decoration: none;
	background-color:#B5B5B5;
}

	
a.newsrss{
	background:url(images/layout/latestnews.gif) no-repeat;
	text-indent:-9999px;
	height:30px;
	display:block;	
}

.date {
	font-size:9px;
}

/* footer styling */
	
#footer {
	clear:both;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	height:106px;
	line-height:12px;
	text-align:left;
	padding:10px 0px 0px 0px;
	margin:0px 23px 0px 23px;
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
	}
	
#footer img {
	float:right;
}

#footer p{
	float:left;
}

#content {
	width: 498px;
	display:inline;
	margin: 23px 23px 23px 23px;
	float:left;
	text-align:justify;
	background-color:#f5f5f5;
	padding:4px 4px 4px 4px;
	}

#content ul{
	padding-left:20px;
}

#content p{
	padding:5px;
    text-align: left;
}

#slideshow {
	width: 498px;
}

/* sub navigation styling */

.sub_nav {
	background-color:#FFFFFF;
	font-size:12px;
	color:#666666;
	line-height:18px;
	display: block;
	margin: 0px 0px 25px 0px;
	color:#333333;
	text-decoration: none;
	text-align:left;
}


.sub_nav ul{
	padding:0px;
	margin:0px;
	list-style: none;
	color:#666666;
}



a.sub_nav_item {
	padding:7px 7px 7px 7px;
	display: block;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	margin: 0;
	color:#666666;
	text-decoration: none;
}

a.sub_nav_item:hover {
	padding:7px 7px 7px 7px;
	display: block;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	margin: 0;
	color:#666666;
	text-decoration: none;
	font-weight:bold;
}

img.principal 
{
	padding-right:10px;
}

img.FairTrade
{
	padding-right:20px;
}



.students     
{
width:223px;
margin-left:15px;
font-family:Arial;
}

.float_left   {float:left;}

.students .text         
{
width:134px;
border-left:2px solid white;
height:75px;
color:Gray;
font-family:Times;
margin-right: 0px;
}

a.Schoolbutton {
	background: url(images/buttons/school-leaver.jpg) no-repeat 0 0;
	width: 79px;
	height: 80px;
	display: block;
	text-indent: -9999px;
}

a.Schoolbutton:hover { background-position: 0 -79px; }

a.Businessbutton {
	background: url(images/buttons/business.jpg) no-repeat 0 0;
	width: 79px;
	height: 80px;
	display: block;
	text-indent: -9999px;
}

a.Businessbutton:hover { background-position: 0 -79px; }

a.Adultbutton {
	background: url(images/buttons/Adult.jpg) no-repeat 0 0;
	width: 81px;
	height: 80px;
	display: block;
	text-indent: -9999px;
}

a.Adultbutton:hover { background-position: 0 -79px; }

a.Apprenticebutton {
	background: url(images/buttons/apprenticeships.jpg) no-repeat 0 0;
	width: 81px;
	height: 80px;
	display: block;
	text-indent: -9999px;
}

a.Apprenticebutton:hover { background-position: 0 -79px; }








.tablestyle 
{
	font-family: arial;
	font-size: 10px;
	margin-right: 2px;
	color:Black;
}

.tablestyle caption {
background: url(images/layout/navbackground.gif) repeat-x 0px 0px;
color: Black;
font-size: 10pt;
text-align:left;


}




.altrowstyle 
{
    background-color:#E9EEFE;
    font-size: small;
}

.headerstyle th 
{
    background: url(images/layout/boxheadbkgrd.png) repeat-x 0px 0px;
    color: White;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
  

}  

.headerstyle th a
{
    font-weight: normal;
	text-decoration: none;
	text-align: center;
    color: #000;
	display: block;
    padding-right: 10px;
}    

.rowstyle .sortaltrow, .sortaltrow 
{
    background-color: #ffffff;

}

.rowstyle .sortrow, .sortrow 
{
    background-color: #ffffff;

}

.rowstyle td, .altrowstyle td 
{
    padding: 4px 8px 4px 8px;
    font-size: 11px;

}

.headerstyle .sortascheader 
{
    background: url(images/sprite2.png) repeat-x 0px -100px;
}



.selectedrowstyle
{
	background-color: #6699FF;
	text-align: center;
}




/* TOP Navigation */


body{
		behavior: url(script/csshover2.htc);
		} 
		
		#menu{
		margin:0;
		padding:0;
		z-index:+100;
		
		}
		#menu ul{
		padding:0;
		margin:0;
		z-index:+100;
		}
		#menu li{
		position: relative;
		float: left;
		list-style: none;
		margin: 0;
		padding:0;
	z-index:+100;
		}
		
		#menu li a{
		width:90px;
		height: 30px;
		display: block;
		text-decoration:none;
		text-align: center;
		line-height: 30px;
		font-weight: bold;
		font-size: 12px;
		text-align:Center;
		padding-left:5px;
		padding-right:5px;
		border-right: 1px solid white;
	z-index:+100;
		}
		
		#menu li.wide a{
		width:100px;
		height: 30px;
		display: block;
		text-decoration:none;
		text-align: center;
		line-height: 30px;
		font-weight: bold;
		font-size: 12px;
		text-align:Center;
		padding-left:8px;
		padding-right:7px;
		z-index:+100;
		}
		
		
		#menu li.sub a{
		width:140px;
	    height: 30px;
		display: block;
		text-decoration:none;
		text-align: left;
		line-height: 30px;
		font-weight: normal;
		font-size: 12px;
		padding-left:10px;
		padding-right:10px;
		z-index:+100;
		
	
		}
		
		
		#menu li a:hover{
		background-position: bottom center;
		z-index:+100;
		}
		#menu ul ul{
		position: absolute;
		top: 30px;
		width: 120px;
		visibility: hidden;
		z-index:+100;
		}
		#menu ul li:hover ul{
		visibility:visible;
		z-index:+100;
		}
		
		a.gray{
		background: url(images/layout/navbackground.gif)  top center;
		color: #006699;
		z-index:+100;
		}
		
		
		#nav2 {
	
	text-align : left;
	height:24px;
	font-size: 13px;
	padding:0px 0px 5px 0px;
	width: 971px;
	z-index:+100;
}

