body {
background-image: url('http://www.northbrook.ac.uk/background_bar.PNG');
background-repeat: repeat-x;
background-attachment: fixed;
background-color: #313e5b;
}
#skipnav{
display:none;
}

#web_welcome a {
color: white;
text-decoration: none;
}

#web_welcome a:hover {
color: white;
text-decoration: underline;
}

DIV {
	
}
#title {
	HEIGHT: 131px;
}
#header {
	MARGIN-BOTTOM: 10px;

}

#title H1 {
	HEIGHT: 10px;
}
TABLE {
	FONT: 100% Tahoma;
}

#main-content {
	CLEAR: both; FONT: 75% Tahoma;
}
.header {
	FLOAT: left; PADDING-TOP: 30px;
}

#wrap {
MARGIN: 0px auto; 
WIDTH: 800px; 
FONT-FAMILY: 'Trebuchet MS'; 
POSITION: relative;
background-color: white;
padding: 0px;
}

#fade {
	BACKGROUND-IMAGE: url(fade.png); PADDING-BOTTOM: 70px; BEHAVIOR: url(css/5/iepngfix.htc); BACKGROUND-REPEAT: repeat-x;
}
#title {
	FLOAT: left; WIDTH: 475px;
}
#header H1 {
	COLOR: #336699;
}
H3 {
	BACKGROUND-POSITION: 0px 22px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 25px;
}
H4 {
	BACKGROUND-POSITION: 0px 19px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px;
}
.title H2 {
	FONT-WEIGHT: bold;
}
#logos {
	FLOAT: right; WIDTH: 250px; BACKGROUND-REPEAT: repeat-x;
}
#png_img {
	BEHAVIOR: url(css/5/iepngfix.htc); WIDTH: 131px; HEIGHT: 60px;
}

}
.logos {
	BACKGROUND-REPEAT: repeat-x;
}

#wrap {
        BACKGROUND-IMAGE: url('http://www.northbrook.ac.uk/web_space_filler.JPG');
        BACKGROUND-REPEAT: repeat-x; 
} 

UL.vert {
	PADDING-RIGHT: 235px; /*added to fix a firefox bug*/
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
	background-color: #313e5b; /*added to fix a firefox bug*/
}

UL.vert LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
}


UL.vert LI {
	/*BACKGROUND-IMAGE: url('http://www.northbrook.ac.uk/css/5/images/Picture4.jpg');*/
        padding-right:00px; background-color: #313e5b;
}

UL.vert A {
	
	PADDING-RIGHT: 17px; 
	DISPLAY: block; 
	PADDING-LEFT: 16px; 	
        PADDING-BOTTOM: 5px; 
        FONT-WEIGHT: bold;
        FONT-SIZE: 9pt;
	FONT-FAMILY: 'Trebuchet MS'; 
	COLOR: white; 
	PADDING-TOP: 5px; 	
	TEXT-DECORATION: none;
}

UL.vert A:visited {
	PADDING-RIGHT: 17px; 
	DISPLAY: block; 
	PADDING-LEFT: 16px; 	
        PADDING-BOTTOM: 5px; 
	FONT-WEIGHT: bold;
        FONT-SIZE: 9pt;
	FONT-FAMILY: 'Trebuchet MS'; 
	COLOR: white; 
	PADDING-TOP: 5px; 	 
	TEXT-DECORATION: none;
}

UL.vert A {
	COLOR: white;
}

UL.vert A:visited {
	COLOR: white;
}

UL.vert A:hover { 
	TEXT-DECORATION: underline;
}

UL.vert A:focus {
	TEXT-DECORATION: underline;
}

UL.vert A.rollover {
	TEXT-DECORATION: underline;
}

UL.vert A.rollover:visited {
	TEXT-DECORATION: underline;
}



#footer {
	CLEAR: both; FONT: xx-small Arial; padding-bottom:7px;
}
.right {
	FLOAT: right;
}
.left {
	FLOAT: left;
}
#fade H2 {
	FONT-SIZE: large; MARGIN: 0px;
}
#company_details TBODY TR TH {
	TEXT-ALIGN: left;
}
#courses {
	DISPLAY: none;
}
#fieldsetwrapper_legend {
	DISPLAY: none;
}
#fieldsetwrapper {
	BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid;
}
#customer_deta {
	BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid;
}
LABEL {
	CURSOR: pointer;
}
#notes {
	FONT-SIZE: small; WIDTH: 40em; FONT-FAMILY: Arial;
}

#web_header {
float: left;
width: 800px;
height: 246px;
padding-top: 5px;
background-image: url('http://www.northbrook.ac.uk/web_header.JPG');
background-repeat: repeat-x;
}

#web_home {
float: left;
height: 25px;
padding-left: 5px;
padding-right: 5px;
width: 16px;
background-image: url('http://www.northbrook.ac.uk/web_home.JPG');
background-repeat: no-repeat;
}

#web_welcome {
float: left;
color: white;
font-family: 'Trebuchet MS';
font-size: 14pt;
}

#web_image {
float: left;
width: 800px;
height: 221px;
background-image: url('http://www.northbrook.ac.uk/web_image.png');
}
#MailingListForm
{
float:right;
width:24em;
}

/* CSS Navigation Code */
/* =================== */

#cssmenu {width:800px; height:36px; background:url(/home_nav.png) left top; position:relative;}
#cssmenu ul {padding:0; margin:0; list-style:none; position:absolute; left:0; top:0; width:800px; height:36px; z-index:10;}
#cssmenu ul li {float:left; padding:0;}
#cssmenu ul li#li1 {padding-left:50px;}
#cssmenu li a {display:block; height:25px; float:left; color:#fff; text-decoration:none; line-height:25px; padding:0 10px; font-family:arial narrow, sans-serif; font-weight: bold; font-size:12px; border-right:1px solid #bbb; margin-top:5px;}
#cssmenu li#li7 a {border:0;}

#cssmenu li#li1 a b {background:url(/home_nav.png) no-repeat left 100px;}
#cssmenu li#li2 a b {background:url(/it_nav.png) no-repeat left 100px;}
#cssmenu li#li3 a b {background:url(/bus_nav.png) no-repeat left 100px;}
#cssmenu li#li4 a b {background:url(/nvq_nav.png) no-repeat left 100px;}
#cssmenu li#li5 a b {background:url(/shc_nav.png) no-repeat left 100px;}
#cssmenu li#li6 a b {background:url(/bs_nav.png) no-repeat left 100px;}
#cssmenu li#li7 a b {background:url(/t2g_nav.png no-repeat) left 100px;}

#cssmenu li a:hover {color: gold;}
#cssmenu li a:hover b {display:block; width:800px; height:36px; position:absolute; left:0; top:0; z-index:-1;}

#cssmenu li#li1 a:hover b {background:url(/home_nav.png) left top;}
#cssmenu li#li2 a:hover b {background:url(/it_nav.png) left top;}
#cssmenu li#li3 a:hover b {background:url(/bus_nav.png) left top;}
#cssmenu li#li4 a:hover b {background:url(/nvq_nav.png) left top;}
#cssmenu li#li5 a:hover b {background:url(/shc_nav.png) left top;}
#cssmenu li#li6 a:hover b {background:url(/bs_nav.png) left top;}
#cssmenu li#li7 a:hover b {background:url(/t2g_nav.png) left top;}

#cssmenu li b {display: none;}
#cssmenu li a b {display: none;}

#cssmenu {float: left;}


/* Generic Footer Code */
/* =================== */

#footer #footer{
  float: right;
  width: 975px;
  color: #336699;
  background-color: #F2F2F2;
  padding: 5px 15px 5px 15px;
  font-size: 7pt;
  font-weight: bold;
  margin-right: 2px;
}

#footer a {
  color: #336699;
  text-decoration: none;
}

#footer a:hover {text-decoration: underline;}
#footer {margin-bottom: 30px;}

.foia, .private, .home {
  float: left;
  text-align: center;
}

.foia {width: 150px;}
.private {width: 100px;}
.home {width: 90px;}

.foia, .private {
  border-right: 1px solid;
  border-color: #336699;
}









/* HEADER SECTION */
/* ======================================================== */

.logohack {
  float: left;
  background-color: white;
  width: 249px;
  height: 150px;
}

.logohack img {
  float: left;
  border: none;
  margin: 25px 0px 0px 30px;
}


/* HEADER LINKS SECTION */
/* ======================================================== */

#headerhack {
  float: left;
  width: 749px;
  background-image: url('/lgpic.png');
}

.contactus {
  float: left;
  width: 382px;
  height: 150px;
}

.lgpicture {display: none;}

.headlink {
  float: left;
  width: 129px;
  border-left: 1px solid;
  border-color: #F2F2F2;
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  background-color: #336699;
}

.headlink#linkone {width: 110px; border: none;}
.headlink#linktwo {width: 115px;}
.headlink#linkthr {width: 80px;}

.headlink#linkone a, .headlink#linktwo a, .headlink#linkthr a {
  text-decoration: none;
  font-weight: bold;
  color: white;
  background-color: #336699;
}

.headlink#linkone a:hover, .headlink#linktwo a:hover, .headlink#linkthr a:hover {
  color: gold;
}




#hiddenpanel {display: none;}