form {margin:0;}

html, body {background:#f1f1f1;margin: 0; padding: 0; text-align: center;height:100%;}

img {display: block;border:0;padding:0;margin:0;}

#container {width:800px;padding:20px;margin:0 auto 0 auto;background:#FFF;min-height: 100%;height: auto;text-align:left;}
* html #container {height: 100%;}

#header {position:relative;height:116px;}
#logo img {display:inline;}
.toplinks {position:absolute;top:0;right:0;}
.toplinks, .toplinks a {color:#c1c1c1;font:bold 10px arial,sans-serif;text-decoration:none;}
.toplinks span {border-left:1px #f1f1f1 solid;margin-left:15px;padding-left:15px;}
.toplinks a:hover {color:#5c6068;}
.search {position:absolute;bottom:0;right:0;}
.search .searchterm {background:#FFF url('media/search_bg.jpg') left no-repeat;border:1px #adb0b4 solid;padding:4px 5px;font:11px verdana,sans-serif;color:#404040;}
.search .searchtermBlank {background:#FFF;border:1px #adb0b4 solid;padding:4px 5px;font:11px verdana,sans-serif;color:#404040;}
.search input {vertical-align:top;}

#menu {width:100%;background:#5c6068;height:38px;clear:both;margin-top:20px;position:relative;}
#menu ul {list-style:none;padding:0;margin:0;}
#menu li {float:left;}
#menu ul a {color:#FFF;text-decoration:none;padding:10px 20px;display:block;}
#menu ul a:hover {color:#FFF;}
#menu ul a.selected {background:#f01928;color:#FFF;}
#menu ul a.top {height:18px;font:bold 12px arial,sans-serif;float:left;}

.menu {height:38px; font:bold 12px arial,helvetica,sans-serif; position:relative; z-index:100;width:740px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#FFF; height:38px; border:1px solid #FFF; border-width:0px 0 1px 0px; line-height:38px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {border:0px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color:#f01928;}
/* style the second level hover */
.menu ul ul a.drop:hover{background-color:#4A0015;}
.menu ul ul :hover > a.drop {background-color:#4A0015;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background-color:#f01928;}
/* style the third level hover */
.menu ul ul ul a:hover,.menu ul ul ul a.drop:hover {background-color:#abaeb2;}
.menu ul ul ul :hover > a.drop {background-color:#abaeb2;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background-color:#abaeb2;}
/* style the fourth level hover */
.menu ul ul ul ul a:hover {background-color:#404040;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:38px;left:0; width:149px;border-top:1px solid #FFF;z-index:100;}
/* another hack for IE5.5 */
* html .menu ul ul {top:37px;t\op:38px;}

/* position the third level flyout menu */
.menu ul ul ul{left:169px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-169px;}    
/* position the fourth level flyout menu */
.menu ul ul ul ul{left:169px; top:-1px; width:149px;}

/* position the fourth level flyout menu for a left flyout */
.menu ul ul ul ul.left {left:-169px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#5c6068; color:#FFF; height:auto; line-height:1em; padding:8px 10px; width:128px;border-width:0px 1px 1px 1px;font-size:11px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background-color:#f01928;}
.menu ul ul a:hover{color:#fff; background:#f01928;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background-color:#f01928;}    
.menu ul ul ul :hover > a {color:#fff;background-color:#abaeb2;}
.menu a:hover img, .menu ul ul a:hover img{visibility:hidden}          
.menu :hover > a img, .menu ul ul :hover > a img{visibility:hidden}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}   
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul {visibility:hidden;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul{ visibility:visible;}

.rss {position:absolute;top:9px;right:20px;}
.rss a {color:#ced0d2;font:11px verdana,sans-serif;text-decoration:none;float:right;background:url('media/icon_rss.jpg') right no-repeat;padding:2px 24px 0 0;margin:0;height:18px;}
.rss a:hover {color:#FFF;}

#content {background:url('media/main_bg.jpg') repeat-y;border-top:20px solid #FFF;clear:both;}
#main {width:450px;padding:0 20px 20px 20px;float:left;}
#side {width:250px;padding:20px;float:left;background:#f8f8f9;margin-left:20px;}

#crumbs {color:#c1c1c1;font:bold 10px arial,sans-serif;padding:5px 0 0 0;}
#crumbs a {color:#c1c1c1;text-decoration:none;} 
#crumbs a:hover {color:#404040;}

.bodytext {font:11px verdana,sans-serif;color:#404040;line-height:1.4em;}
.bodytext p {margin:0 0 10px 0;padding:0;}
.bodytext a {color:#f01928;text-decoration:none;font-weight:bold;}
.bodytext a:hover {color:#404040;text-decoration:underline;}
.bodytext li {padding:0 0 5px 0;}
.bodytext ul, .bodytext ol {padding-top:0;padding-bottom:5px;}  

h1 {font:26px arial,sans-serif;color:#f01928;margin:0;padding:0;}
h1 span {font-weight:bold;}
h2 {font:16px arial,sans-serif;color:#404040;margin:5px 0 0 0;padding:0;line-height:1.3em;}
h2.gap {margin-top:10px;}
h3 {font:16px arial,sans-serif;color:#f01928;margin:0 0 5px 0;padding:0;line-height:1.3em;}
h3.gap {margin-top:7px;}
h3.alt {color:#404040;}
.bodytext h3 a {color:#f01928;text-decoration:none;font-weight:normal;}
.bodytext h3 a:hover {text-decoration:none;}
h4 {font:bold 12px arial,sans-serif;color:#f01928;margin:0 0 5px 0;padding:0;line-height:1.3em;}    
h4 a {color:#f01928;text-decoration:none;}  
h5 {font:bold 12px arial,sans-serif;color:#404040;margin:0 0 5px 0;padding:0;line-height:1.3em;}
h5 a {color:#404040;text-decoration:none;}

.archive {float:right;font:10px verdana,sans-serif;color:#b4b4b4;text-decoration:none;}
.archive a {color:#b4b4b4;text-decoration:none;}
.archive a:hover {color:#404040;}

#contact_map {width:450px;height:268px;background:url('media/contact_map.jpg') no-repeat;margin-bottom:30px;}
#contact_map ul {position:relative;list-style:none;margin:0;padding:0;}
#contact_map ul li {position:absolute;padding:0;margin:0;}
#contact_map ul li a {color:#404040;font:bold 14px arial,sans-serif; display:block;height:17px;}
#contact_map ul li.iconright a {background:url('media/map_icon.png') top left no-repeat;padding:3px 0 0 18px;}
#contact_map ul li.iconleft a {background:url('media/map_icon.png') top right no-repeat;padding:3px 20px 0 0;}
*html #contact_map ul li.iconright a {background:url('media/map_icon.gif') top left no-repeat;display:inline;}
*html #contact_map ul li.iconleft a {background:url('media/map_icon.gif') top right no-repeat;display:inline;}
#contact_map a:hover {color:#f01928;text-decoration:none;}

.form {width:100%;margin:0;padding:0;}
.form dt, .form dd {float: left;margin:10px 0 0 0;padding:0;}
.form dt {clear: left;width: 35%;text-align: right;padding-right: 6%;font-weight:bold;color:#808080;}
.form .required {background:url('media/asterisk.jpg') top right no-repeat;}
.form .comment {font-weight:normal;color:#808080;font-style:italic;}
.form dd {width: 58%;}
.form .gap {margin-top:25px;}
.title {padding-top:25px;clear:left;}

.formfield input, .formfield textarea, .formfield select, .formfielderror input, .formfielderror textarea, .formfielderror select {padding:3px 5px;margin:0;font:11px verdana,arial,sans-serif;color:#404040;}
.formfielderror input, .formfielderror textarea, .formfielderror select {border:1px #f01928 solid;}
.errortext {font:10px verdana,arial,helvetica,sans-serif;color:#f01928;}
.button {padding:2px;font-size:10px;}
.button_big {padding:5px;font:14px arial,sans-serif;}
.onelineform {vertical-align:middle;margin-right:5px;}

.divide {border-top:1px #f1f1f1 solid;margin-top:15px;clear:both;}
.divide3 {border-top:1px #f1f1f1 solid;margin-top:15px;padding-top:15px;clear:both;}
.divide2 {border-top:1px #d4d4d4 solid;margin-top:10px;padding-top:20px;clear:both;}
.col1, .col2 {width:196px;float:left;margin-top:15px;}
.col2 {margin-left:58px;}

.bodytext img {border:2px #f1f1f1 solid;background:#FFF;padding:3px;display:block;}
.image_border img{border:2px #f1f1f1 solid;background:#FFF;padding:3px;display:block;}
.image_border_dark img{border:2px #d4d4d4 solid;background:#FFF;padding:3px;display:block;}     
.image_border3 {border:2px #f1f1f1 solid;background:#FFF;padding:3px;display:block;margin:10px 0;}

.news_thumb {clear:both;margin:0 -10px 0 -10px;}
.news_thumb, .news_thumb a {font:11px verdana,sans-serif;color:#404040;line-height:1.4em;text-decoration:none;}
.news_thumb img {float:left;margin:0 20px 5px 0;}
.news_thumb a {display:block;padding:10px;}
.news_thumb a:hover {background:#f1f1f1;}                                            
.news_thumb a span {padding-bottom:3px;display:block;font-weight:bold;color:#f01928;} 
.news_thumb a:hover span {color:#404040;}

.listings, .listings dd, .listings dt {margin:0;padding:0;}
.listings dt {border-top:1px #f1f1f1 solid;margin-top:15px;padding-top:15px;clear:both;}
.listings dt.top {border:none;margin:0;}
.listings dd {padding-top:5px;}
.listings a {color:#f01928;text-decoration:none;font:bold 14px arial,sans-serif;}
.listings a span {font-weight:normal;margin-left:10px;}
.listings a:hover {color:#404040;}

.office {border-top:1px #f1f1f1 solid;margin-top:15px;padding-top:15px;padding-bottom:15px;clear:both;}
.office .google_map {float:right;margin:0 0 5px 10px;width:196px;height:125px;background:url('media/map_on.jpg') no-repeat;z-index:50;}
.office .google_map a {display: block;}
.office .google_map img {width:196px;height:125px;border:none;margin:0;padding:0;}
.office .google_map a:hover img {visibility:hidden;}
* html .office .google_map a:hover img {visibility:visible;}

.pdf_downloads, .pdf_downloads li {margin:0;padding:0;list-style:none;}
.pdf_downloads li {margin-top:10px;}
.pdf_downloads li a span {font-weight:normal;}
.pdf_downloads li a {background:url('media/pdficon_small.gif') top left no-repeat;padding:5px 0 0 26px;display:block;height:12px;}
.pdf_downloads li span.comment {font-size:10px;font-style:italic;display:block;padding:3px 0 0 26px;}

#calendar {width: 250px;padding: 0;margin: 0;border-left: 1px solid #DBD5C5;font: normal 12px/20px Arial, Helvetica, Verdana, sans-serif;color: #616B76;text-align: center;background-color: #fff;}
#calendar .nav,#calendar .nav a {font: bold 18px Arial, Helvetica, Verdana, sans-serif;color: #fff;text-align: center;text-decoration: none;}
#calendar caption {margin: 0;padding: 0;width: 250px;background: #5c6068;color: #fff;font: bold 12px Arial, Helvetica, Verdana, sans-serif;text-align: center;}
#calendar th {font: bold 11px/20px Arial, Helvetica, Verdana, sans-serif;color: #fff;background: #abaeb2;border-right: 1px solid #DBD5C5;border-bottom: 1px solid #DBD5C5;border-top: 1px solid #DBD5C5;}
#calendar .today,#calendar  td.today a,#calendar td.today a:link,#calendar td.today a:visited {color: #616B76;font-weight: bold;background: #DBD5C5;}
#calendar td {border-right: 1px solid #DBD5C5;border-bottom: 1px solid #DBD5C5;width: 35px;height: 20px;text-align: center;background: url(media/bg_calendar.jpg) no-repeat right bottom;}
#calendar td a {text-decoration: none;font-weight: bold;display: block;}
#calendar td a:link,#calendar td a:visited {color: #FFF;background:#f01928;}
#calendar td a:hover, td a:active {color: #FFF;background:#5c6068;}

.gap2 {padding-top:20px;}

.clear {clear:both;}

#footer {padding:20px;width:760px;margin:0;}
* html #footer {padding-top:0;margin-top:20px;}

#countries {font:12px arial,sans-serif;color:#f01928;text-transform:uppercase;}
#countries span {margin-left:17px;padding-left:30px;background:url('media/bullet.gif') left no-repeat;}

#footer h4 {padding:0 0 5px 0;text-align:right;}
#linkPanel {color:#404040;margin:0;padding:0;font:10px verdana,sans-serif;background:#FFF;}
   
#sitemap {padding:0;line-height:1em;border-top:1px #f01928 solid;}
#sitemap h5 {margin-top:20px;text-transform:uppercase;}
#sitemap ul a {font:11px verdana,sans-serif;color:#404040;text-decoration:none;}
#sitemap ul {list-style:none;margin:0;padding:0;}
#sitemap ul ul {padding:5px 0 0 20px;}
#sitemap li {padding-bottom:10px;}
.sitemap_col, .sitemap_col2 {width:175px;float:left;}
.sitemap_col2 {padding-left:30px;width:165px;}
#sitemap a:hover, #linkPanel:hover {color:#f01928;}

#logos {padding-top:15px;width:760px;background:url('media/red_line.jpg') top no-repeat;}
#logo_imca {
    position:relative;
    background-image: url(media/logos/foot_imca2.jpg);
    background-repeat: no-repeat;
    float:left;
    width: 113px;
    height: 50px;
    margin: 20px 0 0 0;
    padding: 0;
    }

#logo_imca a {
    position: absolute;
    display: block;
    float: left;
            }

#logo_imca img {width: 113px; height: 50px; border: 0; }
* html a:hover {visibility:visible}
#logo_imca a:hover img{visibility:hidden}

#logo_subsea {
    position:relative;
    background-image: url(media/logos/foot_subsea2.jpg);
    background-repeat: no-repeat;
    float:left;
    width: 191px;
    height: 50px;
    margin: 20px 0 0 30px;
    padding: 0;
    }

#logo_subsea a {
    position: absolute;
    display: block;
    float: left;
            }

#logo_subsea img {width: 191px; height: 50px; border: 0; }
* html a:hover {visibility:visible}
#logo_subsea a:hover img{visibility:hidden}    

#logo_jet {
    position:relative;
    background-image: url(media/logos/foot_jet2.jpg);
    background-repeat: no-repeat;
    float:left;
    width: 55px;
    height: 50px;
    margin: 20px 0 0 30px;
    padding: 0;
    }

#logo_jet a {
    position: absolute;
    display: block;
    float: left;
            }

#logo_jet img {width: 55px; height: 50px; border: 0; }
* html a:hover {visibility:visible}
#logo_jet a:hover img{visibility:hidden}

#logo_lrq {
    position:relative;
    background-image: url(media/logos/foot_lrq2.jpg);
    background-repeat: no-repeat;
    float:left;
    width: 48px;
    height: 50px;
    margin: 20px 0 0 30px;
    padding: 0;
    }

#logo_lrq a {
    position: absolute;
    display: block;
    float: left;
            }

#logo_lrq img {width: 48px; height: 50px; border: 0; }
* html a:hover {visibility:visible}
#logo_lrq a:hover img{visibility:hidden}

#logo_chas {
    position:relative;
    background-image: url(media/logos/foot_chas2.jpg);
    background-repeat: no-repeat;
    float:left;
    width: 79px;
    height: 50px;
    margin: 20px 0 0 30px;
    padding: 0;
    }

#logo_chas a {
    position: absolute;
    display: block;
    float: left;
            }

#logo_chas img {width: 79px; height: 50px; border: 0; }
* html a:hover {visibility:visible}
#logo_chas a:hover img{visibility:hidden}

#credits {clear:both;padding:30px 0 0 0;}
#credits p {margin:0 0 5px 0;padding:0;}
#credits, #credits a {font:10px verdana,sans-serif;color:#c0c0c0;text-decoration:none;}
#credits a:hover {color:#404040;}
#credits span {margin-left:20px;}