body { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin-top: 0.1em; margin-right: 0.1em; margin-bottom: 0.1em; margin-left: 0.1em; color: #000033; } form {	 font-family: Arial, Helvetica, sans-serif;	 font-size: 11px } select { } a { color: #003399; text-decoration: none; font-weight: bold; } h2 { color: #6699CC; font-size: 18px; } h3 { color: #6699CC; font-size: 16px; } h4 { color: #000000 } input {	 font-family: Arial, Helvetica, sans-serif;	 font-size: 11px } li { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #000033; } ol { font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style-type: decimal;	 list-style-position: outside } select {	 font-family: Arial, Helvetica, sans-serif;	 font-size: 11px } table { } td, th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000033; } textarea { font-family: Arial, Helvetica, sans-serif;	 font-size: 1em } ul { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; list-style-type: square; list-style-position: outside; } #outer { width: 902px; position: relative; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #FFFFFF; padding: 0px; background-image: url('white-background.gif'); background-repeat: repeat; } #topcurve { background-image: url('sub-mission-topcurve.jpg'); background-repeat: no-repeat; height: 111px; width: 900px; } #pagename { width: 530px; float: right; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px; height: 111px; background-image: url('sub-mission-tel.jpg'); background-position: right; background-repeat: no-repeat; } #logo { margin: 0px; padding: 0px; float: left; height: 111px; width: 328px; } #pagename h1 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #003366; text-align: right; font-weight: bold; margin: 0px; padding-top: 50px; padding-right: 18px; padding-bottom: 0px; padding-left: 12px; } #toparea-background { background-image: url('topimage-background.jpg'); margin: 0px; padding: 0px; height: 194px; width: 900px; } #toparea-introduction { float: left; height: 144px; width: 240px; padding-top: 20px; padding-right: 10px; padding-bottom: 25px; padding-left: 209px; margin: 0px; } #toparea-introduction h2 { margin: 0px; font-size: 14px; font-weight: bold; color: #663366; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } #toparea-introduction p { margin: 0px; font-size: 12px; font-weight: bold; padding: 0px; color: #000033; line-height: 16px; } #toprightarea-image { margin: 0px; padding: 0px; float: right; height: 194px; width: 434px; } #content { background-image: url('content-topcurve.gif'); background-repeat: no-repeat; background-color: #FFFFFF; margin: 0px; padding-top: 1px; padding-right: 0px; padding-bottom: 9px; padding-left: 18px; clear: both; height: auto; width: auto; background-position: top; } #content-bottom { margin: 0px; width: 864px; float: left; padding-top: 20px; padding-right: 18px; padding-bottom: 60px; padding-left: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; } #leftcolumn { float: left; width: 160px; margin: 0px; background-image: url('our-products.gif'); background-repeat: no-repeat; padding-top: 31px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-position: top; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #leftnavigation { margin: 0px; width: 160px; background-image: url('our-products-bottom.gif'); background-repeat: no-repeat; background-position: left bottom; padding-top: 0px; padding-right: 0px; padding-bottom: 21px; padding-left: 0px; } #leftnavigation ul { margin: 0px; width: 160px; padding: 0px; } #leftnavigation li { margin: 0px; width: 158px; display: block; border-top-color: #CCCCFF; border-right-color: #CCCCFF; border-bottom-color: #CCCCFF; border-left-color: #CCCCFF; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; border-bottom-width: 1px; border-bottom-style: solid; padding: 0px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; background-color: #EEEEEE; background-image: url('our-products-link.jpg'); background-repeat: repeat-x; } #leftnavigation a { margin: 0px; width: 149px; display: block; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 9px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #000033; text-decoration: none; font-weight: bold; } #leftnavigation a:link { margin: 0px; display: block; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 9px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #000033; font-weight: bold; width: 149px; } #leftnavigation a:active { margin: 0px; width: 149px; display: block; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 9px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #000033; } #leftnavigation a:visited { margin: 0px; width: 149px; display: block; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 9px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #000033; } #leftnavigation a:hover { margin: 0px; width: 149px; display: block; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 9px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #3366CC; background-color: #E6E6FF; } #leftnavigation ul ul { margin: 0px; width: 158px; padding: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCFF; border-right-color: #CCCCFF; border-bottom-color: #CCCCFF; border-left-color: #CCCCFF; background-color: #FFFFFF; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; } #leftnavigation li li { margin: 0px; width: 156px; display: block; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; border-bottom-width: 0px; border-bottom-style: none; padding: 0px; border-right-width: 0px; border-left-width: 0px; border-right-style: none; border-left-style: none; border-top-width: 0px; border-top-style: none; background-color: #FFFFFF; background-image: url('our-products-link2.gif'); } .skip {        position: absolute; left: -999em; width: 990em;    } a.skip:active,  a.skip:focus { left: -8.5em; border: 3px #3399cc solid; background-color: #fff;     } #maincontent { width: 672px; background-color: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 190px; } #maincontent-left { margin: 0px; width: 495px; padding-top: 13px; padding-right: 0px; padding-bottom: 110px; padding-left: 0px; background-image: url(img/rolux-accreditations.gif); background-repeat: no-repeat; background-position: left bottom; float: left; } #maincontent p { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding-top: 9px; padding-right: 0px; padding-bottom: 9px; padding-left: 0px; } #maincontent h3 { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #330033; margin: 0px; padding: 0px; } #rightcolumn { width: 160px; background-image: url(img/more-info.gif); background-repeat: no-repeat; padding-top: 31px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-position: top; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: right; background-color: #CCCCFF; } #rightnavigation { margin: 0px; width: 160px; padding-top: 0px; padding-right: 0px; padding-bottom: 18px; padding-left: 0px; background-image: url(img/actions-bottom.gif); background-position: left bottom; } #rightnavigation ul { margin: 0px; width: 160px; padding: 0px; } #rightnavigation li { margin: 0px; width: 158px; display: block; border-top-color: #CCCCFF; border-right-color: #CCCCFF; border-bottom-color: #CCCCFF; border-left-color: #CCCCFF; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; border-bottom-width: 1px; border-bottom-style: solid; padding: 0px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; background-color: #CCCCFF; } #rightnavigation li a { margin: 0px; width: 149px; display: block; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 9px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #000033; text-decoration: none; font-weight: bold; } #rightnavigation li a:link { margin: 0px; width: 149px; display: block; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 9px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #000033; font-weight: bold; } #rightnavigation li a:active { margin: 0px; width: 149px; display: block; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 9px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #000033; } #rightnavigation li a:visited { margin: 0px; width: 149px; display: block; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 9px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #000033; } #rightnavigation li a:hover { margin: 0px; width: 149px; display: block; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 9px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #3366CC; background-color: #E6E6FF; } #rightnavigation ul ul { margin: 0px; width: 158px; padding: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCFF; border-right-color: #CCCCFF; border-bottom-color: #CCCCFF; border-left-color: #CCCCFF; background-color: #FFFFFF; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; } #rightnavigation li li { margin: 0px; width: 156px; display: block; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; border-bottom-width: 0px; border-bottom-style: none; padding: 0px; border-right-width: 0px; border-left-width: 0px; border-right-style: none; border-left-style: none; border-top-width: 0px; border-top-style: none; background-color: #FFFFFF; background-image: url(img/our-products-link2.gif); } #leftcolumn p { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #breadcrumb { padding-top: 4px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; font-size: 9px; color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 0px; margin-right: 18px; margin-bottom: 3px; margin-left: 0px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #99FFFF; border-top-width: 0px; border-top-style: none; } #breadcrumb a { color: #003366; text-decoration: none; background-color: #66CCFF; padding-top: 2px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } #breadcrumb a:hover { color: #FFFFFF; text-decoration: underline; }.youarehere { color: #000; } #content-bottom a { background-repeat: no-repeat; background-position: top; margin: 0px; padding-top: 0px; font-family: Arial, Helvetica, sans-serif; color: #003399; text-decoration: none; } #leftcolumn p { margin: 0px; padding-top: 0px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #rightcolumn p { padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; margin: 0px; font-size: 11px; } a:hover { color: #993399; text-decoration: underline; } #rightcolumn h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-top: 9px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; margin: 0px; } #maincontent-left li { margin: 0px; padding: 0px; font-size: 12px; } .homelink{ border: 1px solid #000033; } .homelink-bottom { background-image: url(homelink-bottom.gif); background-repeat: no-repeat; background-position: bottom; margin: 0px; padding: 0px; height: 12px; } a:hover { color: #FFFFFF; text-decoration: underline; } #content-bottom-dive-courses { background-image: url(bottomline-dive-courses.gif); background-repeat: no-repeat; background-position: bottom; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; font-weight: bold; padding: 0px; height: 15px; background-color: #FFF; width: 900px; } #content-dive-courses li { clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; list-style-type: circle; color: #000033; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #content-dive-courses ul { font-family: Arial, Helvetica, sans-serif; font-size: 11px; list-style-type: circle; color: #000033; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 20px; padding: 0px; } .tablerow { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #66CCFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } .breadcrumb-selected { color: #003366; text-decoration: none; background-color: #99FFFF; padding-top: 2px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } #content-dive-courses h4 { font-weight: bold; color: #CCFFFF; font-size: 12px; font-style: italic; } #content-dive-courses h1 { font-weight: bold; color: #FFFFFF; font-size: 24px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCFFFF; } .course-description { background-color: #99CCFF; margin: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .course-title { background-color: #336699; margin: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #99FFFF; } #content-shop { background-color: #FFF; clear: both; width: auto; border: 1px solid #CCC; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px; } #content-shop p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .blackarea { margin: 0px; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; padding-top: 30px; padding-right: 9px; padding-bottom: 10px; padding-left: 10px; background-color: #FAFAFA; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; } .hdots { background-image: url('horizontal-dots.gif'); background-repeat: repeat-x; } .vdots { background-image: url('vertical-dots.gif'); background-repeat: repeat-y; } .deptlink { font-size: 11px; font-weight: bold; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px; } .deptlink a{ font-size: 11px; text-decoration: none; font-weight: bold; display: block; border: 1px solid #CCC; background-color: #FFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #000; padding: 2px; } .deptlink a:link { font-size: 11px; text-decoration: none; font-weight: bold; padding: 2px; margin: 0px; } .deptlink a:hover { font-size: 11px; text-decoration: underline; font-weight: bold; color: #036; padding: 2px; margin: 0px; background-image: url('1-leftnav-over.jpg'); background-repeat: repeat-x; background-position: left top; } .deptlink a:active { font-size: 11px; text-decoration: none; font-weight: bold; padding: 2px; margin: 0px; } .deptlink a:visited { font-size: 11px; font-weight: bold; padding: 2px; margin: 0px; } .main-innerlayout { padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .rightdots { border-right-width: 1px; border-right-style: dotted; border-right-color: #003366; } .bottomdots { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; } .departments a{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000; text-decoration: none; display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 10px; padding-left: 2px; } .departments a:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; } .departments a:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; } .departments a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } .departments a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; } #bottomline p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-color: #EEEEEE; padding: 5px; } .pageindent { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; } .statusbtn { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFCC00; font-weight: bold; color: #000000; margin: 0px; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; background-repeat: repeat-x; border: 1px solid #666666; } .statusbox { font-weight: bold; color: #FFFFFF; } .statusbox p{ font-weight: bold; color: #FFFFFF; } .productbox { margin: 0px; padding: 4px; border: 1px dotted #000000; background: #FFFFFF; } .description { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; } .productname { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; font-size: 14px; color: #000000; } .sectiondescription { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; line-height: 10px; margin: 0px; padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .sectionbox { font-size: 11px; } .topblend { background-image: url('1-pagecontent-top.jpg'); background-repeat: repeat-x; background-position: left top; } #primary-navigation { background-color: #FFCC00; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 3px; padding-left: 18px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000033; font-size: 12px; } #primary-navigation a { background-color: #FFCC00; margin: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000066; text-decoration: none; font-weight: bold; } #primary-navigation a:hover { background-color: #000033; margin: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: bold; } #primary-navigation a:link { background-color: #FFCC00; margin: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000066; text-decoration: none; font-weight: bold; } #primary-navigation a:active { background-color: #FFCC00; margin: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000066; text-decoration: none; font-weight: bold; } #primary-navigation a:visited { margin: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; } #content-shop a { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #000; } #content-shop h1 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } #content-shop h2 { color: #003; font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: #EEEEEE; display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; border: 1px solid #CCC; } #content-shop h3 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .img-shadow { float:left; background: url('shadowAlpha.png') no-repeat bottom right !important; background: url('shadow.gif') no-repeat bottom right; margin-top: 10px; margin-right: 0; margin-bottom: 0; margin-left: 10px; } .img-shadow img { display: block; position: relative; background-color: #fff; padding: 4px; text-align: center; vertical-align: middle; margin-top: -6px; margin-right: 6px; margin-bottom: 6px; margin-left: -6px; }