body { font-family:Arial, Helvetica, sans-serif; }
h1 { font-size:150%;  }
h2 { font-size:90%; padding-left:12px ; padding-top:12px; margin-top:0; }
h3 { font-size:100%; padding-top:12px}
p { font-size:80%; color:#5C5C5C }
a { color:#000000; text-decoration:none }
a:hover { text-decoration:underline }
a img { border:none }
form { margin:0; padding:0 }

#wrap,#container,#header,#footer  { width:782px; }
#wrap {  margin:auto; }
#container,#header,#footer,#nav,#mainContent,#intro,#courseFinder,#training,#announcements,.subscribe,.subSection ,#narrowContent ,#contactUsForm   { float:left;  }
#consultancy,#actions,.actionPanels { float:right }
#nav { width:150px; height:635px; padding-left:7px; margin:13px 13px 12px 0; position:relative; font-size:75%; background-image:url(images/nav-bg.jpg); background-repeat:no-repeat}
#nav p { font-size:130%; color:#252525; font-weight: bold; :0; padding:14px 0 5px 5px ; float:left;}
#nav a { font-size:100%; color:#000000; display:block; padding:6px 3px 8px 11px;}
#nav ul { padding:0; margin:10px 0 10px 0 ;}
#nav ul li { display:block;  width:150px; height:29px; padding:0;  margin:0; float:left; background-image:url(images/yellow-button.jpg); background-repeat:no-repeat  }
#nav ul li ul {  display:none;margin:-29px 0 0 142px;  }
#nav ul li ul li { float:left; margin-bottom: 0; background-image:url(images/yellow-button-drop.gif); }
#nav ul li,#nav ul li ul li,#nav ul li ul li ul li { list-style:none; display:block }
#nav ul,#nav ul li ul { padding:0 }
#nav ul  .subMenu { background-image:url(images/yellow-button-arrow.jpg) !important }
#nav ul li ul .subMenu { background-image:url(images/yellow-button-arrow-drop.gif) !important }
#construction,#neboshCourses,#neboshDiploma,#ioshCourses,#schoolsCourses,#safety,#partners {position:absolute;width: 159px;}
#mainContent,#intro,#courseFinder,#announcements,.subSection,#courseFinder  { width:440px; }
#narrowContent,#narrowContent #intro,#contactUsForm { width:355px;  }
#contactInfo { height:347px; background-image:url(images/yellow%20map%20panel.jpg); margin-bottom:10px }
#map { margin:0;padding:0;text-align:center }
#contactInfo h2 { text-align:center; padding:0; margin:5px 5px 5px 5px }
#intro { margin-bottom:12px; }
#intro img { float:left; margin-right:11px; }
#intro p { margin-top:0; padding-top:0  }
#footer { background-image:url(images/footer.jpg); background-repeat:no-repeat; height:35px;}
#footerLeft,#footerRight  { width:366px }
#footerLeft { text-align:left;float:left }
#footerRight { text-align:right; float:right }
#footer p { padding:9px 14px 14px; margin:0 }
#actions,.actionPanels{ width:158px; margin-bottom:16px }
#actions { margin-bottom:0 !important }
#brochure,#newsletter,#question,#book {  height:183px; background-repeat:no-repeat ; }
#brochure { background-image:url(images/training%20new.jpg) }
#question { background-image:url(images/question%20new.jpg);   }
#newsletter { background-image:url(images/newsletter%20new.jpg)  }


#brochure p,#book p ,#question p{  margin:0; font-size:100%; }
#question p {padding:6px 12px 0 12px; }
#brochure p { padding:6px 12px 0 12px; }
#newsletter p { padding:5px 0 0 0; margin:0 !important  }
.actionPanels h2 { text-align:left; font-size:100%; padding:0; margin:3px 18px 5px  0; color:#333333; width:85px; float:right; clear:both}
.actionPanels p { text-align:center; clear:both}

#question p,#book p { padding-right:5px }
.centrePanels{ width:215px; background-image:url(images/centre-panel.jpg); background-repeat:no-repeat; height:274px; }
.centrePanels img { float:left; margin-right:11px; margin-bottom:8px }
.centrePanels p,#announcements p { margin-left:11px;margin-right:11px }
#courseFinder { margin-top:12px; margin-bottom:12px;  height:35px;  background-image:url(images/yellow%20search%20bar%202.jpg); background-repeat:no-repeat ;} 
#courseFinder p {  height:20px;margin-top:0; padding:0; font-weight:bold; font-style:italic; margin-bottom:15px; color:#000000 }
#courseFinder select { height:20px; font-size:12px; overflow:visible; width:190px }
#courseFinder form { height:20px; margin-left:68px; margin-top:7px  }
#courseFinder input { position:absolute;height:20px; width:22px }
#courseFinder input,#courseFinder select {  margin-left:4px; }
#announcements {  height:121px; background-image:url(images/centre%20bottom%20panel.jpg) }
#binoculars {  width:33px;  margin-left:12px;}
#binoculars p,#binoculars img,.subscribe p { padding:0; margin:0 }
#email { width:140px }
.subscribe { background-image:url(images/submit%20button.jpg); background-repeat:no-repeat; height:17px; width:82px; margin-left:38px }
.wideActionPanels .subscribe {  margin-left:64px  }
#greyActions h3 { font-size:120%; padding:14px 14px 0 14px; margin:0 }
#sendQuestion .subscribe {  margin-left:6px  }
.subscribe  a { font-size:12px;  display:block; color:#FFFFFF; text-align:center; cursor:pointer;  }
#startDates form p { padding:4px 2px 4px 2px }
.subscribe p {padding-top:0 !important; }
.subSection h2 { padding-left:0; font-size:120%; }
#greyActions { background-image:url(images/grey%20back%20panel.jpg); width:236px; margin-top:-49px; float:right; height:637px}
.wideActionPanels { width:208px; float:right; margin-right:14px; margin-top:14px; }
#startDates { background-image:url(images/start%20dates%20panel.jpg); height:251px ;  }
#startDates h2,#sendQuestion h2 { text-align:center }
#startDates p { padding:0; margin:2px 0 6px 6px; }
#download,#google { background-image:url(images/download%20panel.jpg); height:37px } 
#sendQuestion { background-image:url(images/question%20panel.jpg); height:233px  }
#questionForm { margin:0 3px 0 3px; padding:5px 0 5px 0; background-color:#E8E8E8  }
#questionForm p { padding:0; margin:1px 6px 0 6px }
#questionForm input,#questionForm textarea { width:115px }
.rightButton { position:relative; margin:-20px 11px 0 0; float:right  }
.privacy { font-size:70%; margin:2px 0 0 6px;   }
.thanks {  margin:10px 10px 10px 10px; }
.trainingSection { float:left; width:355px  }
.trainingSection h2 { padding-left:0; margin-left:0; }
.leftImg { float:left; margin-right:11px }
.find { height:15px; margin:10px 5px 8px 5px; padding:8px 5px 5px 5px; border:1px solid #FFFFFF }
.find p { margin:0; padding:0 }
.find img { margin-top:-21px !important }
#headOffice {  margin:10px 14px 10px 14px; background-color:#FFFFFF }
#headOffice p { margin:0; padding:5px 5px 5px 5px; }
.contactUsLeft { text-align:right }
.contactUsRight { text-align:left  }
.button { background-image:url(images/submit%20button.jpg); background-repeat:no-repeat; height:17px; width:82px !important;  color:#FFFFFF; border:0; }
.center { text-align:center  }
.adminMenu { font-size:75%; margin:0; padding:0 }
#newsletter  h2 { padding-bottom:15px  }
#brochureArrow {position:absolute;float:right;margin:0px 10px 0 130px;padding:0;}
#questionArrow {position:absolute;float:right;margin:0px 10px 0 130px;padding:0;}
.popuph1 { background-image:url(images/pop%20up%20banner.gif); width:395px; height:75px; padding:35px 0 0 140px; margin:0; background-repeat:no-repeat  }
.2colLeft { float:left; width:125px;  }
.2colRight { float:right; width:295px;  }
.row { width:430px; float:left}