@charset "UTF-8";
/* CSS Document */

.thrColFixHdr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.thrColFixHdr #header { 
	background: #FFFFFF; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0;	
}

#top {
display: none;
}
#backtop {
background-color:#333333;
}
#imagecontainer{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:977px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainer1{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#f7941e;
	text-align: left;
	float: left;
}
#imagecontainer17{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#D71921;
	text-align: left;
	float: left;
}
#imagecontainer3{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#0f75bc;
	text-align: left;
	float: left;
}
#imagecontainer4{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#ec008c;
	text-align: left;
	float: left;
}
#imagecontainer5{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#92278f;
	text-align: left;
	float: left;
}
#imagecontainer6{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainer7{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainer8{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainer9{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainer10{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainer11{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainer12{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainer13{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainer14{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainer15{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainer16{
	padding: 5px 0px 5px 5px;
	height: 169px;
	width:980px;
	overflow: hidden;
	background-color:#71BF44;
	text-align: left;
	float: left;
}
#imagecontainertophead{
	padding: 5px 0px 0px 5px;
	height: 165px;
	width:248px;
	text-align: left;
	float: left;
	background-color: #333333;
	background-image: url(../barnsleyimages/topstrip.jpg);
}
#imagecontainertopheadright{
	padding: 5px 0px 0px 5px;
	height: 165px;
	width:230px;
	text-align: left;
	float: left;
	background-color: #333333;
	background-image: url(../barnsleyimages/topstrip.jpg);
}
#imagecontainerimg{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../../../adverts/header_image_home.jpg);
	background-repeat: no-repeat;
}
#imagecontainerimg1{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_1.png);
	background-repeat: no-repeat;
}
#imagecontainerimg17{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_2.png);
	background-repeat: no-repeat;
}
#imagecontainerimg3{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_3.png);
	background-repeat: no-repeat;
}
#imagecontainerimg4{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_4.png);
	background-repeat: no-repeat;
}
#imagecontainerimg5{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_5.png);
	background-repeat: no-repeat;
}
#imagecontainerimg6{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_6.png);
	background-repeat: no-repeat;
}
#imagecontainerimg7{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_7.png);
	background-repeat: no-repeat;
}
#imagecontainerimg8{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_8.png);
	background-repeat: no-repeat;
}
#imagecontainerimg9{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_9.png);
	background-repeat: no-repeat;
}
#imagecontainerimg10{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_10.png);
	background-repeat: no-repeat;
}
#imagecontainerimg11{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_11.png);
	background-repeat: no-repeat;
}
#imagecontainerimg12{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_12.png);
	background-repeat: no-repeat;
}
#imagecontainerimg13{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../headerimages/header_13.png);
	background-repeat: no-repeat;
}
#imagecontainerimg14{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../../../adverts/header_image_home.jpg);
	background-repeat: no-repeat;
}
#imagecontainerimg15{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../../../adverts/header_image_home.jpg);
	background-repeat: no-repeat;
}
#imagecontainerimg16{
	height: 159px;
	width:710px;
	text-align: left;
	float: left;
	background-image: url(../../../adverts/header_image_home.jpg);
	background-repeat: no-repeat;
}
#imagecontainerimgright{
	height: 159px;
	width:259px;
	text-align: left;
	float: left;
}
#imagecontainertopheadlink{
	padding: 5px 0px 0px 5px;
	height: 145px;
	width:75px;
	text-align: center;
	float: left;
}
#imagecontainertopleft{
	padding: 5px 0px 0px 5px;
	height: 120px;
	width:440px;
	overflow: hidden;
	background-color:#FFFFFF;
	text-align: left;
	float: left;
	background-image: url(../barnsleyimages/headerimages/barnsley_college_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#imagecontainertopright{
	padding: 0px;
	height: 115px;
	width:980px;
	overflow: hidden;
	text-align: right;
	float: left;
}
#navcontainer{
	margin: 0;
	padding: 0;
	height: 52px;
	width:980px;
	background:url(../barnsleyimages/headerimages/buttons.jpg) no-repeat top;
	overflow: hidden;
	float: left;
}

#navcontainer ul
{
	border: 0;
	margin: 0;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
#navcontainer ul li
{
display: block;
float: left;
text-align: right;
padding: 0;
margin: 0;
}
#navcontainer ul li a
{
	padding: 30px 0px 0px;
	margin: 0px;
	color: #fff;
	text-decoration: none;
	font-weight:normal;
	display: block;
	text-align: left;
	font-size:12px;
	height: 52px;
	width: 157px;
}
#navcontainer ul li a:hover
{
color: #fff;
background: url(../barnsleyimages/headerimages/grad_over.png) top no-repeat;
}
#navcontainer a:active
{
background: url(../barnsleyimages/headerimages/grad_over.png) top no-repeat;
color: #fff;
}
#navcontainer li#active a
{
background: url(../barnsleyimages/headerimages/grad_over.png) top no-repeat;
color: #fff;
}
}
.sml_whitelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
a.sml_whitelink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
a.sml_whitelink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: 16px;
	color: #99CC00;
	text-decoration: none;
}
a.sml_whitelink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
a.sml_whitelink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
.bodytext12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
}	
.bodytext11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	text-decoration: none;
}
.bodytext10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
}
.bodytext10white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.bodytext_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
}
.bodytext_16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
}
.hoz_dotted {
	background-attachment: scroll;
	background-image: url(../barnsleyimages/light_dot_hoz.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.vert_dotted {
	background-attachment: scroll;
	background-image: url(../barnsleyimages/light_dot_vert.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.hidden_band {
	background-attachment: scroll;
	background-image: url(../barnsleyimages/headerimages/hiddenband.jpg);
	background-repeat: repeat-x;
	
}.GreenTitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #99CC00;
	text-decoration: none;
}
}.GreenTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #99CC00;
	text-decoration: none;
}