/* MINOR NAVIGATION BAR */
/* ==================== */

/* This bar is for quick links to courses */
/* Dimensions: (W)800px X (H)36px         */

#h_navbar {
  float: left;
  background-image: url('/min_nav_back.png');
  background-repeat: x-repeat;
  width: 800px;
}

#row_0 {
  float: left;
  width: 544px;
  height: 234px;
  margin-bottom: 6px;
  border: solid;
  border-width: 1px;
  border-color: gray;
}

#row_0 img {width: 544px;}

#h_10_links {
  float: left;
  width: 500px;
  margin-top: 185px;
}

#h_101 a, #h_102 a, #h_103 a {
  font-size: 9pt;
  color: white;
  margin-left: 10px;
  text-decoration: none;
  color: gold;
  font-weight: bold;
}

#h_101 a:hover, #h_102 a:hover, #h_103 a:hover {color: white;}

#h_img_10 img {
  width: 200px;
  margin-left: 30px;
  margin-top: 7px;
  margin-bottom: 3px;
  border: solid;
  border-color: white;
  border-width: 1px;
}

#h_img_10 {
  float: left;
  width: 268px;
  background-image: url('/backing.png');
}

#r0lhead, #r0ltext, #r0ll1 {
  float: left;
  width: 295px;
  margin-left: 15px;
  margin-top: 10px;
  font-family: 'trebuchet ms';
  text-align: justify;
}

#r0lhead {
  color: #104E8B;
  font-weight: bold;
  font-size: 11pt;
}

#r0ltext {color: #404040;}
#r0ll1 a {
  text-decoration: none;
  font-weight: bold;
  color: #104E8B;
  background-image: url('/indent.png');
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-top: 5px;
}

#r0ll1 a:hover {color: goldenrod;}

#bt_spacer {
  float: left;
  background-image: url('/min_nav_spacer.png');
  width: 2px;
  height: 36px;
}

#bt1, #bt2, #bt3, #bt4, #bt5, #bt6, #bt7 {
  float: left;
  width: 112px;
  text-align: center;
  padding-top: 8px;
}

#bt3 {width: 60px;}
#bt5 {width: 95px;}

#bt1 a, #bt2 a, #bt3 a, #bt4 a, #bt5 a, #bt6 a, #bt7 a {
  text-decoration: none;
  font-family: 'arial narrow';
  font-weight: bold;
  color: white;
}

#bt1 a:hover, #bt2 a:hover, #bt3 a:hover, #bt4 a:hover, #bt5 a:hover, #bt6 a:hover, #bt7 a:hover {
  color: #F0E68C;
}

#bt1 a:hover, #bt2 a:hover, #bt3 a:hover, #bt4 a:hover, #bt5 a:hover, #bt6 a:hover, #bt7 a:hover {
  text-decoration: none;
}

/* PAGE TITLE AND BUSINESS PROG LINK */
/* ================================= */

/* This bar is for slogan and programme link */
/* Dimensions: (W)800px X (H)UNKNOWNpx       */
/* 10px Padding border in place              */

#h_pagehead {
  float: left;
  width: 780px;
  padding: 10px;
}

#h_title {  
  float: left;
  width: 560px;
  color: #104E8B;
  font-size: 14pt;
  padding-top: 8px;
}

#h_link {
  float: left;
  width: 125px;
  height: 36px;
  background-image: url('/brochure_button.png');
  background-repeat: no-repeat;
  padding-top: 3px;
  padding-left: 35px;
}

#h_link a {
  width: 125px;
  font-size: 8pt;
  text-align: left;
  color: white;
  text-decoration: none;
  font-weight: bold;
}

#h_link a:hover {
  color: #F0E68C;
}


/* LEFT COLUMN HIGHLIGHT BOXES  */
/* ============================ */

/* This bar is for the 'Northbrook Highlights' */
/* boxes on the left hand side of the page     */
/* Dimensions: (W)800px X (H)UNKNOWNpx         */
/* 10px Padding-Left border in place           */

#h_column_one {
  float: left;
  width: 550px;
  padding: 0px 10px 0px 10px;
}

#h_column_l {
  float: left;
  width: 268px;
  border: solid;
  border-width: 1px;
  border-color: gray;
}

#h_column_l_news {
  float: left;
  width: 270px;
  height: 425px;
}

#h_column_centre {
  float: left;
  width: 10px;
  height: 200px;
}

#h_column_centre_news {
  float: left;
  width: 10px;
  height: 425px;
}

#h_column_r {
  float: left;
  width: 268px;
  border: solid;
  border-width: 1px;
  border-color: gray;
}

#row_1, #row_2 {
  float: left;
  width: 550px;
  height: 190px;
}

#h_box_1, #h_box_2, #h_box_3, #h_box_4, #h_box_5 {
  float: left;
  width: 258px;
  background-image: url('/titleback.png');
  color: white;
  font-family: 'trebuchet ms';
  padding: 2px 0px 2px 10px;
  font-weight: bold;
}

#h_img_1, #h_img_2, #h_img_3, #h_img_4, #h_img_5, #h_img_11 {
  float: left;
  width: 268px;
  height: 125px;
}

#h_img_1 {background-image: url('/credit_crunch.png');}
#h_img_2 {background-image: url('/apprenticeships.png');}
#h_img_3 {background-image: url('/train_to_gain.png');}
#h_img_4 {background-image: url('/safety_culture.png');}
#h_img_5 {background-image: url('/waacclogo.png');}

#h_img_5 {height: 60px;}

#h_img_1_text {
  width: 125px;
  padding: 10px;
  color: black;
  font-size: 8pt;
  font-weight: bold;
}

#h_link_1, #h_link_2, #h_link_3, #h_link_4, #h_link_5 {
  float: left;
  width: 248px;
  padding: 8px 0px 8px 20px;
  background-image: url('/indent.png');
  background-repeat: no-repeat;
  color: #404040;
  font-size: 8pt;
}

#h_link_1 a, #h_link_2 a, #h_link_3 a, #h_link_4 a, #h_link_5 a {
  color: #104E8B;
  text-decoration: none;
}

#h_link_1 a:hover, #h_link_2 a:hover, #h_link_3 a:hover, #h_link_4 a:hover, #h_link_5 a:hover {
  color: goldenrod;
  text-decoration: underline;
}

#h_news_title {
  color: #104E8B;
  font-size: 12pt;
  font-weight: bold;
  padding-bottom: 3px;
  padding-left: 5px;
}

#h_news_link {
  padding: 5px 0px 5px 5px;
  border-top: solid;
  border-color: lightgrey;
  border-width: 1px;
}

#h_news_link a {
  color: #404040;
  text-decoration: none;
  font-size: 8pt;
}

#h_news_link_all {
  border-top: solid;
  border-width: 1px;
  border-color: lightgrey;
  padding-top: 7px;
}

#h_news_link_all a {
  color: #404040;
  text-decoration: none;
  background-image: url('/indent_small.png');
  background-repeat: no-repeat;
  padding: 2px 0px 2px 20px;
  font-weight: bold;
  color: #104E8B;
}

#h_news_link:hover {
  background-color: lightgrey;
}

#h_column_feedback, #h_column_survey {
  float: left;
  width: 268px;
  border: solid;
  border-color: gray;
  border-width: 1px;
  margin-top: 10px;
}

#h_box_6, #h_box_7 {
  float: left;
  width: 258px;
  font-family: 'Trebuchet MS';
  font-weight: bold;
  color: white;
  padding: 2px 0px 2px 10px;
  background-color: #404040;
}

#h_img_6, #h_img_7 {
  float: left;
  width: 268px;
  height: 75px;
}

#h_img_6_text, #h_img_7_text {
  float: right;
  font-family: 'Trebuchet MS';
  font-size: 8pt;
  width: 158px;
  text-align: justify;
  padding: 5px 10px 0px 0px;
  color: white;
  font-weight: bold;
}

#h_img_6 {background-image: url('/workshop_feedback.png');}
#h_img_7 {background-image: url('/website_feedback.png');}

#h_link_6, #h_link_7 {
  float: left;
  width: 258px;
}

#h_link_6 a, #h_link_7 a {
  float: left;
  color: #104E8B;
  font-size: 8pt;
  text-decoration: none;
  background-image: url('/indent.png');
  background-repeat: no-repeat;
  padding: 8px 0px 8px 20px;
}

#h_link_6 a:hover, #h_link_7 a:hover {
  color: goldenrod;
  text-decoration: underline;
}


/* RIGHT COLUMN HIGHLIGHT BOXES */
/* ============================ */

/* This bar is for the 'Northbrook Highlights' */
/* boxes on the right hand side of the page    */
/* Including 'Contact Us' and 'Courses'        */
/* Dimensions: (W)800px X (H)UNKNOWNpx         */
/* 10px Padding-Right border in place          */

#h_column_two {
  float: left;
  width: 160px;
}

#r_row_1 {
  float: left;
  width: 158px;
  margin-bottom: 15px;
  border: solid;
  border-width: 1px;
  border-color: gray;
}

#h_contact_title {
  float: left;
  width: 148px;
  background-image: url('/titleback.png');
  padding: 2px 0px 2px 10px;
  font-weight: bold;
  color: white;
  font-family: 'Trebuchet MS';
}

#h_contact_phone {
  float: left;
  font-family: 'Trebuchet MS';
  width: 148px;
  font-size: 8pt;
  font-weight: bold;
  padding-top: 4px;
  padding: 4px 0px 4px 10px;
  color: #104E8B;
  background-color: lightgray;
}

#h_contact_link, #h_contact_link2 {
  float: left;
  width: 148px;
  padding: 4px 0px 4px 10px;
  border-top: solid;
  border-width: 1px;
  border-color: gray;
  background-color: lightgray;
  font-weight: bold;
  font-size: 8pt;
}

#h_contact_link a, #h_contact_link2 a {
  text-decoration: none;
  font-family: 'Trebuchet MS';
  color: #104E8B;
}

#h_contact_link a:hover, #h_contact_link2 a:hover {
  color: darkred;
  text-decoration: underline;
}

#r_row_2 {
  float: left;
  width: 158px;
  border: solid;
  border-width: 1px;
  border-bottom: none;
  border-color: gray;
  font-family: 'Trebuchet MS';
  background-color: #F8F8FF;
}

#h_courses_title {
  float: left;
  width: 148px;
  padding: 4px 0px 4px 10px;
  background-image: url('/titleback.png');
  color: white;
  font-weight: bold;
}

#h_course_date {
  float: left;
  width: 148px;
  padding: 4px 0px 2px 10px;
  font-weight: bold;
  color: #313E5B;
}

#h_course_name {
  float: left;
  width: 138px;
  padding: 0px 10px 4px 10px;
  border-bottom: solid;
  border-width: 1px;
  border-color: gray;
}

#h_course_name a {
  text-decoration: none;
  color: #49494B;
}

#h_course_name a:hover {
  color: darkred;
  text-decoration: underline;
}

/* BANNER */
/* ====== */

#h_column_main {
  float: left;
  width: 548px;
  height: 250px;
  border: solid;
  border-width: 1px;
  border-color: gray;
}

#h_column_main a {
  border: none;
}

#rw1cll {
  float: left;
  width: 260px;
  padding-left: 15px;
  padding-top: 15px;
  text-align: justify;
}

#bro_head {
  font-size: 11pt;
  font-weight: bold;
  color: gold;
  padding-bottom: 10px;
  font-family: 'trebuchet ms';
}

#bro_text {
  color: #FFFFFF;
  font-size: 10pt;
  padding-bottom: 15px;
}

#bro_link {
  color: white;
}

#row_1_space {
  float: left;
  width: 548px;
  height: 12px;
}

#rl1 {
  margin-left: 10px;
}

#row_1 a, #rl1 a {
  text-decoration: none;
  font-family: 'trebuchet ms';
  font-size: 10pt;
  color: #104E8B;
  font-weight: bold;
}


#bro_link a {
  color: goldenrod;
}


/* 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 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;}

#h_link_4 a {font-weight: normal; font-size: 8pt;}

#h_img_15 {
  float: left;
  background-image: url('/officeshort.png');
  width: 268px;
  height: 128px;
  background-repeat: no-repeat;
}

#goodnews {
  float: right;
  width: 705px;
  height: 203px;
  background-image: url('/jun10testimonial.png');
  background-repeat: no-repeat;
}

#MailingListForm {
  float: left;
  margin-left: 140px;
  color: #336699;
  font-weight: bold;
}

#mailingbackground {
  background-color: #F5F5F5;
  float: left;
  width: 800px;
  padding-top: 10px;
  padding-bottom: 10px; 
}