/* CSS Document */ body {margin:0px 15px 0px 15px; padding:0;} div {font:11px Verdana, Arial, Helvetica, sans-serif;} /* Link styles - pseudo*/ a:link {font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration: none;} a:visited {font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;} a:hover {font:11px Verdana, Arial, Helvetica, sans-serif; color:#FF6633; text-decoration: underline;} /* Text styles, fonts and colours */ .bodytext {font:11px Verdana, Arial, Helvetica, sans-serif; text-align:left;} .bodytextbold { text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .bodytextsmall {font:9px Verdana, Arial, Helvetica, sans-serif; text-align:left;} .bodytextgrey {font:11px Verdana; color:#666666;} .coursetitle {font:12px Arial, Helvetica, sans-serif;} h1 {font:11px Verdana, Arial, Helvetica, sans-serif;text-align:left;font-weight:normal; margin:0px;} h2 {font:11px Verdana, Arial, Helvetica, sans-serif; text-align:left; font-weight:normal; margin:0px;} .title {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align:left;} #heading {font:bold 14px Arial, Helvetica, sans-serif; color:#000000; margin-top:10px; margin-bottom:10px; width:70%;} input {font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666;} select {font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666;} .bold {font-weight:bold;} .nav_head { color: #FF0000; } form {padding:0px; margin:0px;} textarea{font:11px Verdana, Arial, Helvetica, sans-serif;} /* Main containers */ #outline {border:1px solid #999999; margin:auto; position:relative; width:750px; height:100%; background-color:#FFFFFF;} #TopContainer {width:750px; position:relative;} #BottomContainer {background-color:#C4D2FF; width:100%; position:relative; clear:both; font:12px Verdana;} /*Content*/ #content {float:left; width:555px; clear:both; position:relative;} #contentwide {float:left; width:570px; padding: 5px 0px 8px 0px; border-bottom:none; position:relative;} #MainContent {width:570px; padding:5px 0px 8px 0px; position:relative; float:left;} #titlebar {width:400px;position:relative; border:none; border-bottom:1px solid #999999; text-align:left;} #courses {width:99%; padding:15px 5px 5px 10px; margin-top:5px;} #coursedetails {font:11px Verdana, Arial, Helvetica, sans-serif; width:535px; color:#666666;} #coursedetails a:link{text-decoration:none; color:#666666; font:11px Verdana, Arial, Helvetica, sans-serif;} #coursedetails a:visited{text-decoration:none; color:#666666; font:11px Verdana, Arial, Helvetica, sans-serif;} #coursedetails a:hover{text-decoration:underline; color:#FF6633; font:11px Verdana, Arial, Helvetica, sans-serif;} #maintextholder {position:relative; clear:both;} #HR {position:absolute;font:11px Verdana, Arial, Helvetica, sans-serif;width:270px;clear:both;left: 280px;top: 40px;} #FirstAid {position:absolute;font:11px Verdana, Arial, Helvetica, sans-serif;width:180px;clear:both;float:left;left: 190px;top: 35px;} #HealthSafety {position:absolute;font:11px Verdana, Arial, Helvetica, sans-serif;width:270px;clear:both;float:left;left: 0px;top: 40px;} #businessskills {position:absolute;font:11px Verdana, Arial, Helvetica, sans-serif;width:180px;clear:both;float:left;left: 190px;top: 700px;} #sellingskills {position:absolute;font:11px Verdana, Arial, Helvetica, sans-serif;width:180px;clear:none;float:left;left: 375px;top: 650px;} #Quality {position:absolute;font:11px Verdana, Arial, Helvetica, sans-serif;width:180px;clear:none;float:left;left: 0px;top: 675px;} #core {padding:0px;position:relative;left: 0px;clear:both;float:left;width: 555px;} #hometxt {width:270px;padding:0px 0px 5px 5px;position:relative;clear:both;float:left;} #hometxt2 {width:270px;padding:0px 0px 5px 5px;position:relative;clear:none;float:left;left: 5px;} /*Login*/ #logout{width:100px;float:right;text-align:right;} #Booking2 {width:560px; margin-left:15px;} #details {width:60%; margin-left:20%; margin-right:20%; font:12px Verdana;} #AddDelegates {width:80%; font:12px Verdana, Arial, Helvetica, sans-serif;} /*Search*/ #Search {width:90%; position:relative; padding:15px 0px 15px 15px; font:bold 13px Verdana, Arial, Helvetica, sans-serif; color: #666666; border-top:1px dotted #999999; margin-top:15px; } #Search input{margin-top:5px;} #topsearch {width:100%; position:relative; font:12px Verdana, Arial, Helvetica, sans-serif; background-color: #E4E4E4; margin-bottom:5px; border:1px solid #CCCCCC;} #Searchbartop {width:100%; float:left; text-align:left; border:none;} /*Header layout styles*/ #header {font:12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; width:100%; top:0px;} #logo {float:left; width:50%; padding: 15px 0px 15px 13px;} #tagline {float:right; width:40%; padding:35px 15px 0px 0px; text-align:right; font:18px Verdana, Arial, Helvetica, sans-serif; color:#333333;} /* footer layouts*/ #footercontainer {width:100%; position:relative; clear:both; margin-top:10px;} #footer {font:9px Verdana, Arial, Helvetica, sans-serif; color:#666666; width:auto; clear:both; border:none; border-top:1px solid #CCCCCC;text-align:right; padding:20px 25px 20px 0px;} #footertc{font:10px Verdana, Arial, Helvetica, sans-serif; color:#333333; clear:both; text-align:center;} #footer a:link{text-decoration:none; color:#666666; font:11px Verdana, Arial, Helvetica, sans-serif;} #footer a:visited{text-decoration:none; color:#666666; font:11px Verdana, Arial, Helvetica, sans-serif;} #footer a:hover{text-decoration:underline; color:#FF6633; font:11px Verdana, Arial, Helvetica, sans-serif;} /* right column layout*/ #righttitle { border-bottom:1px solid #FFF; text-align:left; padding:5px;} #rightcol {float:right; width:25%; font:12px Verdana; background-color: #CCCCCC;} #Searchbar {float:left; clear:none; width:95%; margin-bottom:8px;} /* borders, boxes, margins */ .borderfull{border: 1px solid #999999;} .bordertop {border-top:1px solid #999999;} .borderbottom {border-bottom:1px solid #999999;} #background {background-image:url(../Images/bground.gif); width:790px; margin:auto; padding:30px 0px 30px 0px;} /* Images and pictures */ .image_noborder {border:none;} .img {padding:2px;} #imgleft {padding:0px 3px 0px 0px; text-align:left; width:175px; float:left;} #imgright {padding:0px 28px 0px 0px; text-align:right; width:175px; float:right;} #imgcenter {padding:0px 0px 0px 3px; text-align:center; width:180px; float:left; margin:auto} #MainImage {width:570px; padding:10px 0px 10px 0px; text-align:left; float:left;} /* rounded corners*/ b.rtop, b.rbottom{display:block; background:#FFF; width:545px;} b.rtop b, b.rbottom b{display:block; height:1px; overflow:hidden; background:#CFD0D6;} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height:1px} b.btop, b.bbottom{display:block; background:#FFF; width:545px;} b.btop b, b.bbottom b{display:block; height:1px; overflow:hidden; background:#CFD0D6;} b.btop b.r4, b.bbottom b.r4{margin: 0 1px;height:1px} b.wtop, b.wbottom{display:block; background:#FFF;} b.wtop b, b.wbottom b{display:block; height:1px; overflow:hidden; background:#FFF} b.wtop b.r4, b.wbottom b.r4{margin: 0 1px;height:2px} /* Table styles*/ .datatable{font:11px Verdana, Arial, Helvetica, sans-serif; padding:3px 0px 3px 0px;} th{font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#C2CAD3; text-align:left; vertical-align:top; padding:3px;} .border_bottom_table{ border-bottom:1px solid #ccc;} /* lists*/ ul {list-style: none;margin: 0;padding: 0;} #coursedetails ul{list-style-position:inside; list-style:disc; margin-left:15px;} /* Navigation menu */ #navbar {width:100%; padding:0px; margin-top:5px;} #leftcol {float:left; width:24%; clear:left;height:auto;} #navmenu {width:90%; position:relative; padding-top:15px; } #navmenu li a:link {text-decoration: none; font:bold 11px Verdana, Arial, Helvetica, sans-serif; padding-left:15px; line-height:20px; color:#333333;} #navmenu li a:visited {text-decoration: none; font:bold 11px Verdana, Arial, Helvetica, sans-serif; padding-left:15px; line-height:20px; color:#333333;} #navmenu li a:hover {text-decoration: none; font:bold 11px Verdana, Arial, Helvetica, sans-serif; padding-left:15px; line-height:20px; color:#FF6633;} #rss_feed{width:90%; position:relative; padding:15px 0px 15px 15px; font:11px Arial, Helvetica, sans-serif; color: #666666; border-bottom:1px dotted #999999;} #rss_feed a:link{font:11px Arial, Helvetica, sans-serif; color:#666666;} #rss_feed a:visited{font:11px Arial, Helvetica, sans-serif; color:#666666;} #rss_feed a:hover{font:11px Arial, Helvetica, sans-serif; color:#FF6600; text-decoration:underline;} /* Course Info*/ #SmallCourseBlob{font:11px Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #999999; margin-bottom:10px; width:535px; padding:5px;} #CourseTitle{ font:12px Arial, Helvetica, sans-serif; background-color:#CFD0D6; width:535px; padding:1px 5px 1px 5px;} #CourseTitle a:link{color:#333333; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif;} #CourseTitle a:visited{color:#333333; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif;} #CourseTitle a:hover {font:12px Verdana, Arial, Helvetica, sans-serif; color:#FF6633; text-decoration:underline;} #rss {width:90%; position:relative; padding:15px 0px 15px 15px; font:10px Arial, Helvetica, sans-serif; color: #666666; border-bottom:1px dotted #999999;} .rsstitle {font:bold 14px Arial, Helvetica, sans-serif;} .rssheader{font:bold 12px Arial, Helvetica, sans-serif; color: #666666;} #rss table{ border:1px solid #CCCCCC;} #rss a:link {color:#666666;} #rss a:visited{color:#666666;} #rss a:hover{color:#999999;} #contact{width:90%; position:relative; padding:15px 0px 15px 15px; font:11px Arial, Helvetica, sans-serif; color: #666666;} #contact a:link{font:11px Arial, Helvetica, sans-serif; color:#666666;} #contact a:visited{font:11px Arial, Helvetica, sans-serif; color:#666666;} #contact a:hover{font:11px Arial, Helvetica, sans-serif; color:#FF6600; text-decoration:underline;} #browse{float:left; width:97%; border-bottom:1px dotted #999999; padding-top:15px;} #breadcrumbs {border-top:1px solid #999999;border-bottom:1px solid #999999;clear:both;width:735px;color:#999999;padding:3px 0px 3px 13px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;} #breadcrumbs a:link, a:visited {text-decoration:none;color:#999999;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;} #breadcrumbs a:hover {text-decoration:underline;color:#FF6600;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;} #missionstatement {width:175px; font:11px Arial, Helvetica, sans-serif; float:left; margin-right:8px; border-right:1px dotted #999999; padding-right:5px;} #flash{ width:570px; padding:15px 0px 0px 0px;} #clickthrough {width:570px; padding:15px 0px 0px 0px; clear:both;} #tips{ float:right; margin-right:15px; width:200px; padding-right:10px;} #dates{float:right;text-align:right;font:10px Arial, Helvetica, sans-serif;margin-right:15px;position:absolute;left: 3px;top: 30px;background-color:#CCCCCC;color:#666666;padding:4px;} .email {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; padding:2px;} #adddelegates{float:left; width:555px; clear:both;} #adddelegates input {border:1px solid #999999; font:11px Arial, Helvetica, sans-serif;} #adddelegates select{border:1px solid #999999;font:11px Arial, Helvetica, sans-serif;} .step {font:12px Verdana, Arial, Helvetica, sans-serif; color:#FF0000;} #leftside{width:50%;} #rightside {width:49%; float:right;} .testimonialheader{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;} #print {position:absolute;left: 15px;top: 100px; width:700px;} #newsletter_nav{width:90%; position:relative; padding:15px 0px 15px 15px; font:bold 13px Arial, Helvetica, sans-serif; color: #666666; border-bottom:1px dotted #999999; border-top:1px dotted #999999; margin-top:15px; } #newsletter_nav .small{font:10px Arial, Helvetica, sans-serif; color:#666666;} .indent {padding:2px; padding-bottom:5px; } #HealthSafety img{text-align:center;} .heading {clear: left; float: left; width: 100px; padding-right: 15px; margin-left:15px;} .blue {color:#0397D6;} .green {color:#8CC63F;} .purple{color:#7A67AE;} .opacity img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;} .opacity:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7;} #cosensa {position:absolute;width:550px;left: 0px;top: 405px;background-color:#FFF;z-index: 100;border:1px solid #999999; padding:5px;} .largetext {font:18px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-transform:capitalize;} #content a:link{text-decoration:none; color:#666666; font:11px Verdana, Arial, Helvetica, sans-serif;} #content a:visited{text-decoration:none; color:#666666; font:11px Verdana, Arial, Helvetica, sans-serif;} #content a:hover{text-decoration:underline; color:#FF6633; font:11px Verdana, Arial, Helvetica, sans-serif;} #copy{width:150px; padding:3px; position:fixed; _position:absolute; bottom:0px; left:0px; }