/* commented backslash hack v2 \*
* html {overflow: scroll;}
/* end of hack */
body {margin-left:0; font-family:Verdana, Serif; font-size:12px; line-height:16px;}
h3 {font:italic small-caps bolder 16px verdana,sans-serif; border-bottom-style:double;}

#portleft
{position: absolute; top:146px; top:138px; left:0px; width:138px;}

#aboutleft, #serviceleft, #environleft
{ position:absolute; top:146px; top:138px; left:0px; width:135px;}
.aboutleftimg { background:url(images/aboutleft.jpg); background-position:0 0; height:600px; }
.serviceleftimg { background:url(images/servicelft.jpg); height:600px; }
.portleftimg { background:url(images/portleft.jpg); background-position:0 0; height:600px; }
.environleftimg { background:url(images/environleft.jpg); background-position:0 0; height:741px; }
.newsleftimg { background:url(images/newsleft.jpg); background-position:0 0; height:950px; }
.contactleftimg { background:url(images/contactleft.jpg); background-position:0 0; height:741px; }
.linksleftimg{ background:url(images/linksleft.jpg); background-position:0 0; height:600px; }
    
#aboutright, #serviceright, #portright, #environright
{ position:absolute; top:146px; top:138px; left:624px; width:141px; }
.aboutrightimg { background:url(images/aboutright.jpg);background-position:0 0; height:600px; }
.linksrightimg { background:url(images/linksright.jpg);background-position:0 0; height:600px; }
.contactrightimg { background:url(images/contactright.jpg);background-position:0 0; height:741px; }
.servicerightimg { background:url(images/servicert.jpg);background-position:0 0; height:600px;}
.portrightimg { background:url(images/portright.jpg);background-position:0 0; height:600px;}
.newsrightimg { background:url(images/newsright.jpg);background-position:0 0; height:950px;}
.polaimg { background:url(images/pola.jpg);background-position:0 0; height:600px;}
.polbimg { background:url(images/polb.jpg);background-position:0 0; height:600px;}
.posfimg { background:url(images/posf.jpg);background-position:0 0; height:600px;}
.posdimg { background:url(images/posd.jpg);background-position:0 0; height:600px;}
.pochimg { background:url(images/poch.jpg);background-position:0 0; height:600px;}
.pomiaimg { background:url(images/pomia.jpg);background-position:0 0; height:600px;}
.pomassimg { background:url(images/pomass.jpg);background-position:0 0; height:600px;}
.environrightimg { background:url(images/environright.jpg);background-position:0 0; height:741px;}

#mapcanvas {width:480px;height:465px;position:relative;margin:-17px 0 0 -3px;border:1px solid #999966;}
#selection {position:absolute;z-index:-1px;margin:-455px 0 0 266px;}

#footer {background:url(images/footlogo.jpg);width:425px;height:82px;}

#metbanner {position:absolute; display:block; top:0; left:0; width:765px; height:112px; background-color:transparent; z-index:20;}
* html #metbanner {position:absolute;}

#content {position:relative; display:block; margin:0 0 0 131px; background:transparent; letter-spacing:.03em; z-index:10;}
.text {display:block; padding:0px 10px 10px 12px; margin-left:0px; text-align:justify; float:left; color:#072070;}
.text {width/* */:/**/470px;width: /**/470px;}
.text ul{margin-left:20px;}
.text li {list-style-type:square; line-height:1.5em;}
.text img {float:left; border:0; padding:0 4px 0 0;}
.text a:link {text-decoration:underline; color:Blue;}
.text a:visited {text-decoration:underline; color:Navy;}
.text a:hover {text-decoration:none; color:Red;}

/* css to expand text message */
#content div.more b, #content div.more i {float:left; margin-right:-10px 10px 0 0; cursor:pointer;}
#content div.more b.hide, #content div.more i.hide {display:none;}
#content div.more p {display:none;}
#content div.more ul {display:none;}
#content div.more hr {border:1px dashed #ddd;}
/*#content div.more img {display:none;}*/
#content div.click b.show, #content div.click i.show {display:none;}
#content div.click b.hide, #content div.click i.hide {display:block;}
#content div.click p {display:block;}
#content div.click ul {display:block;}
#content div.click img {display:block; float:left; padding-right:10px;}

#spacer{background:url(images/spacer.gif);}
.s25  {height:25px;}
.s60  {height:60px;}
.s75  {height:75px;}
.s100 {height:100px;}
.s200 {height:200px;}
.s250 {height:250px;}
.s300 {height:300px;}
.s350 {height:350px;}

#pad {display:block; height:135px;}
#pad2 {display:block; width:765px; height:50px; float:left;}

.normalsmallcaps{font:small-caps bolder 13px verdana,sans-serif;color:#990033}
.normaldkred{color:#990033;}
.normalbluexxsmall {
    font-family:Verdana, Helvetica;
    font-size:xx-small;color:#072070;line-height:12px;
    vertical-align:top;margin-top:0px;
    }
.normalbluexxsmall2 {
    font-family:Verdana, Helvetica;
    font-size:xx-small;color:#072070;line-height:12px;
    position:fixed;float:right;vertical-align:top
    }

/* footer imap */
#footmap
{   display:block; position: absolute; width: 425px; height: 82px;
    background: url(images/footlogo.jpg) no-repeat; margin: -20px 0 0 20px;
}
#footmap dd
{   position: absolute; padding: 0; margin: 0; }

#footmap #nautilus
{   left: 27px; top: 10px; z-index: 20;}

#footmap #clia
{   left: 120px; top: 10px; z-index: 20;}

#footmap #pcst
{   left: 285px; top: 10px; z-index: 20;}

#footmap a#link_nautilus
{   display: block;
    width: 72px; height: 56px;
    text-decoration: none; z-index: 20;
}

#footmap a#link_clia
{   display: block;
    width: 150px; height: 57px;
    text-decoration: none; z-index: 20;
}

#footmap a#link_pcst
{   display: block;
    width: 120px; height: 58px;
    text-decoration: none; z-index: 20;
}

#footmap a#link_nautilus:hover, #footmap a#link_clia:hover, #footmap a#link_pcst:hover
{  border: 1px solid #000099; }

/* menu */    
.nav {
height:35px;
background: url(images/pro_line_hover.gif) repeat-x;
position:absolute; font-family:tahoma,arial,sans-serif,verdana;
font-size:11px; width:765px; z-index:100; margin-top:96px;
/*margin:111px 0 0 0;*/
}
.nav .table { display:table; }

.nav .select,
.nav .current { margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap; }

.nav li { margin:0; padding:0; height:auto; float:left; list-style-type:square;}

.nav .select a {
display:block; height:35px;
float:left; background: url(images/pro_line_hover.gif); 
padding:0 20px 0 20px; text-decoration:none; 
line-height:35px; white-space:nowrap; color:#ddd;
}

.nav .current a {
display:block; height:35px;
float:left; background: url(images/pro_line_2.gif); 
padding:0 0 0 20px; text-decoration:none; 
line-height:35px; white-space:nowrap; color:#fff;
}

.nav .current a b {
display:block; padding:0 0 0 20px; 
background:url(images/pro_line_2.gif) right top;
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url(images/pro_line_hover.gif); 
padding:0; cursor:pointer; color:#fff;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; float:left; 
padding:0 20px 0 20px; background:url(images/pro_line_0.gif) right top; 
cursor:pointer;
}

.nav .select_sub { display:none; }

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px;
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; margin:0 auto; 
padding:0; list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover { background:transparent; color:#f00; }

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; position:absolute; 
width:764px; top:35px; 
background:url(images/back_0.gif); 
padding:0; z-index:100; 
left:0; text-align:center;
}

.nav .current .show { z-index:10; }

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; float:left; 
background:transparent; 
padding:0 20px 0 20px; 
margin:0; white-space:nowrap; 
border:0; color:#444; }

.nav .current .sub li.sub_show a {
color:#088; cursor:default; 
background:url(images/back_1.gif);
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; color:#088; 
background:url(images/back_1.gif);
}
/* print */
@media print
{
#metbanner{position:absolute;}
.printtype{font-family:Verdana; font-size:11px; margin-left:1px;}
.noprint,#nav,select{display:none;}
.text{position:absolute;}
}