@charset "UTF-8";
/* CSS Document */
/* ----------------------main Css ------------------------- */

/* -----body and main content---- */
html, body{text-align:left; font: normal 10px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; color:#737C7C; letter-spacing:.1em; line-height:1.5em;}
img{border:none;}
.container{width:900px; height:auto; text-align:left; border-left:thin solid #CCD7DA; border-right:thin solid #CCD7DA; border-bottom:thin solid #CCD7DA; background-color:#CCD7DA;}
.containerwhatwedo{width:900px; height:100%; text-align:left; border-left:thin solid #CCD7DA; border-right:thin solid #CCD7DA; border-bottom:thin solid #CCD7DA; background-color:#CCD7DA;}
/* -----holder for smaller pages 640 high---- */

/* -----header styles---- */
.header{width:auto; height:78px; background-color:#CCD7DA; border-top:thin solid #CCD7DA;}
#logodiv{width:158px; height:73px; float:left; background-color:#FFF; text-align:center}
#headercontent{width:auto; height:73px; background-color:#FFF;}
.searchdiv{height:46px;}
.searchdiv a{margin:15px 0 0 10px; display:block; float:left; text-decoration:none; text-align:left; font: normal 10px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; color:#737C7C; clear:right;}
.searchdiv #firstdiv{margin-left:400px}
.rssdiv{height:28px; background-color:#CCD7DA; color:#FFF;}
#spacer01{float:left; width:100px; height:27px; background-image:url(../images/hdrspacer.png); background-color:#FFF;}
#spacer02{float:left; width:67px; height:24px; margin-top:3px; background-image:url(../images/hdrspacer2.png);}
.redslice{float:left; width:350px; height:24px; background-color:#79112a; margin-top:3px; clear:right;}
.redslice p{margin:5px 0 0 15px; display:block; float:left; margin-bottom:0; letter-spacing:.5px; clear:right;}
.redslice a img{margin:5px 0 0 8px; display:block; float:left; margin-bottom:0; border:none; clear:right;}
.redslice a:hover{ background-image:url(../images/loginoverbtn.png);}
.search{margin:10px 0 0 10px;}
#searchbox{margin-left:50px; background-color:#C0CCD2; border:none; color:#FFF;}


/* -----menu styles---- */
.menu{width:auto; height:284px; background-color:#333; border-top:#FFF solid thin; border-bottom:#FFF solid thin; position:relative;}/* -----index menu image---- */
#muindeximg{background-image:url(../sitepics/2howweare.jpg);}/* -----index index image---- */
#muwhatweimg{background-image:url(../sitepics/whatwemain.jpg);}/* -----index what we do image---- */
#muaboutimg{background-image:url(../sitepics/aboutmain.jpg);}/* -----index about image---- */
#mucontactimg{background-image:url(../sitepics/contactmainpic.jpg);}/* -----index contact image---- */
#musupportimg{background-image:url(../sitepics/supportmain.jpg);}/* -----index support image---- */
#menuholder{width:auto; height:57px; margin-top:227px; background-image:url(../images/menutrnbg.png); background-repeat:repeat; position:relative;}
.menu a{
	display:block;
	float:left;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	width:114px;
	height:43px;
	background-image:url(../images/menuimgbg.png);
	background-repeat:no-repeat;
	margin:7px 0 0 0;
	text-align:center;
	position:relative;
	padding-top:15px;
	z-index:10;
	clear:right;
}

.otslworld a{
	display:block;
	float:left;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	width:61px;
	height:58px;
	background-image: url(../images/otslworldbtn.png);
	background-repeat:no-repeat;
	margin:1px 0 0 1px;
	text-align:center;
	position:relative;
	padding-top:0;
	z-index:10;
	clear:right;
}
.menu a:hover, a:focus{background-image:url(../images/menuimgbgover.png); background-repeat:no-repeat;}
.otslworld a:hover{background-image:url(../images/otslworldbtnover.png); background-repeat:no-repeat;}
#menuselected{background-image:url(../images/menuimgbgover.png); background-repeat:no-repeat;}




/* -----under construction menu styles---- */
.constructcontainer{width:900px; height:650px; text-align:left; border-left:thin solid #CCD7DA; border-right:thin solid #CCD7DA; border-bottom:thin solid #CCD7DA; background-color:#CCD7DA;}
.menuconstruct{width:auto; height:520px; background-color:#333; border-top:#FFF solid thin; border-bottom:#FFF solid thin; position:relative;}/* -----index menu image---- */
#muconstrimg{background-image:url(../sitepics/underconstruction.jpg);}/* -----index underconstruction image---- */
.menuconstruct a{ display:block; float:left; text-decoration:none; color:#FFF; font-weight:bold; width:114px; height:43px; background-image:url(../images/menuimgbg.png); background-repeat:no-repeat; margin:7px 0 0 10px; text-align:center; position:relative;  padding-top:15px;}
.menuconstruct a:hover, a:focus{background-image:url(../images/menuimgbgover.png); background-repeat:no-repeat;}
#menuconstructholder{width:auto; height:57px; margin-top:462px; background-image:url(../images/menutrnbg.png); background-repeat:repeat;}


/* -----content structure---- */
.contentcontainer{width:auto; height:400px; margin:10px 10px 0 10px; position:relative;}
.contentcontainer h1{ text-align:left; font: lighter 33px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; letter-spacing:2px; color:#737C7C; display:block; margin:0; float:left;}
#hometitle01{width:430px;}
#contenttitle{height:40px; border-bottom:thin solid #8C9FA8; margin-bottom:10px;}

/* -----content style for index and world pages (with 2 divs side by side---- */
.maincontent{width:420px; height:320px; float:left; margin-right:20px; background-image:url(../images/cntimgbg.png); background-repeat:no-repeat; text-align:left; clear:right;}
.maincontent img{ margin:20px; float:left;}
.maincontent h2{ float:left; color:#1670B9; font-style:italic; font-size:14px; margin:10 0 10px 0; width:198px; display:block;}
.maincontent p{ margin:25px 0 10px 10px; display:run-in; display:block; font-size:12px}
.maincontent ul li{list-style: url(http://www.otsl.biz/images/liicon.png); margin:0 0 10px 10px; display:run-in; font-size:12px;}

/* -----content style for other pages with one main div---- */
.maincontentone{float:left; margin-right:20px;}
.maincontentone h2{color:#1670B9; font-style:italic; font-size:14px; margin:10 0 10px 10px; width:auto; display:block;}

/* -----content style for about div---- */
.maincontentone, #aboutcontent{width:420px; height:320px;}
.maincontentone, #aboutcontent p{ margin:0 0 10px 10px; display:block; font-size:12px; width:380px;  line-height:1.5em;}
.maincontentone, #aboutcontent img{float:left; margin-left:10px;}
.aboutbluebox{width:auto; height:89px; background-color:#82CEE0;}
.aboutbluebox h2{ font-size:12px; margin:0 0 5px 10px; padding-top:10px;}

/* -----content style for rss div---- */
.maincontentone, #rsscontent{width:420px; height:100%;}
#rsscontent{width:900px; height:1000px;}

/* -----content style for what we do div---- */
#whatcontent{width:100%; height:auto;}
.maincontentone, #whatcontent p{ margin:0 0 10px 10px; display:block; font-size:12px; width:600px;}
#whatcontent li{ margin-bottom:3px; width:95%}

/* -----content style for login div---- */
#logincontent{width:860px; height:320px; background-image:url(../images/loginmap.jpg);}
.maincontentone, #logincontent p{ margin:0 0 10px 10px; display:block; font-size:12px; width:600px;}
.loginholder{width:550px; height:150px; margin:8% 0 0 18%; background-image:url(../images/menutrnbg.png); background-repeat:repeat; color:#FFF; padding-top:30px;}
.loginholder td{width:100px; height:30px; margin:3px;}

/* -----content style for contact div---- */
#contactcontent{width:208px; height:220px; margin-top:30px;}
#contactcontent p{ color:#FFF; margin-left:10px; font-size:10px;}
#contactcontent b{ font-style:italic;  font-size:12px; text-decoration:underline;}

/* -----content style for support div---- */
.supportcontentmap{width:880px; height:265px; margin-top:30px; background-image:url(../images/supportmap.png);}
.supportcontent{width:260px; height:220px; margin:20px 0 0 10px; float:left;}
#suppfirstdiv{margin-left:40px; border-right:dotted medium #FFF;}
#supplastdiv{ background-image:url(../images/suppimgbg.png);}
.supportcontent td{ padding:7px; color:#FFF; text-align:right;}
.supportcontent a img{ border:none;}

/* -----content style for sitemap div---- */
#sitecontent{width:100%; height:320px;}
#sitecontent p{ margin:0 0 0 10px; display:block; font-size:10px; width:600px; color:#333;}
#sitecontent a{ color:#791029; font-size:12px; font-style:normal; text-decoration:none; font-weight:bold; display:block;}
#sitecontent li{ margin-bottom:3px; width:95%}

/* -----style for world pages---- */

.worldmanual{margin:20px 0 0 20px; width:380px; height:260px; background-color:#FFF; border:thin solid #333; position:absolute;}
.worldmanual h2{ color:#000; font-size:9px; display:block; width:auto; margin:5px;}
.worldmanual h3{ color:#000; font-size:10px; display:block; width:198px; margin-left:5px; float:left;}
.worldmanual h4{ color:#000; font-size:10px; display:block; width:auto; margin-left:5px; float:left;}
#pdfdiv{
	overflow:scroll;
	width:370px;
	height:170px;
	/* margin:5px; */
	position:absolute;
	left: 8px;
	top: 66px;
}
#worldtblspace{ width:30px; background-color:#E9E9EA;}
#worldtitle{ background-color:#E9E9EA; width:220px; padding-left:3px; color:#000; text-transform:uppercase; }
#worldfile{ background-color:#666; color:#000; padding:0 5px 0 5px; text-decoration:none;}
#worldfile a{ color:#000; text-decoration:none;}
#worldfile a:hover{ color:#000; text-decoration: underline;}

/* -----content style for subpages div---- */
.maincontentone, #subpgs{width:820px; height:320px;}
.maincontentone, #subpgs p{ margin:0 0 10px 10px; display:block; font-size:12px; width:380px;  line-height:1.5em;}
.maincontentone, #subpgs img{float:left; margin-left:10px;}


/* -----style for what we do vessel pages---- */

.wedospecdiv{width:880px; height:880px; margin:10px 0 0 10px; background-color:#8EA0A5; color:#FFF;}
.wedospecdiv table{width:425px; background-color:#0A7DA5; color:#FFF;}
.wedospecdiv td{ padding:5px;}
.wedospecdiv h1{font-size:11px; font-style:italic; font-weight:normal; letter-spacing:2px;}
#vesselspecdiv{width:425px; height:780px; float:left; margin-left:10px;}
.vesselcontact{height:253px; color:#FFF;}
.vesselcontact h1{ font-size:12px; font-style:italic; float:left; margin:25px 220px 0 80px;}
.vesselcontact p{ margin:10px; line-height:20px;}
#vesselcontacttitle{height:50px;}
#vesselcontactinfo{width:325px; height:156px; float:left; margin:0 25px 0 70px; background-color:#15679E;}
#vesselplandiv{text-align:center;}
.vesselimg{width:420px; height:320px; float:left; margin-right:20px; text-align:left;}
.vesseltitle{width:420px; height:320px; float:left; margin-right:20px; background-image:url(../images/cntimgbg.png); background-repeat:no-repeat; text-align:left; line-height:30px;}
.vesseltitle h2{ font-size:30px; font-weight:normal; text-align:center; margin:30px;}
.vesseltitle h3{ font-size:35px; font-weight:normal; text-align:center; color:#1670B9; margin:30px; padding:5px;}

/* -----style for footer pages---- */
.footer{height:43px; width:auto; border-top:thin solid #8C9FA8; margin:0 10px 0 10px;}
.footer p{height:24px; background-color:#791029; display:block; text-align:right; color:#FFF; margin:4px 0 0 0; padding:9px 0 0 10px;}
.footer a{ color:#FFF; margin:0 8px 0 5px; text-decoration:none; margin:4px 0 0 0;}
.footer a:hover{ text-decoration:underline;}
#frtspacer{margin:0 5px 0 5px;}
#certcaption{ margin:20px 0 0 20px; color:#333; border-top:thin solid #CCD7DA; padding-top:2px; width:860px;}
.certdiv{width:550px; height:65px; background-image:url(../images/sponcbar.png); background-repeat:repeat-x; margin:5px 0 20px 20px;}
.certdiv p{ font-size:8px; color:#333; letter-spacing:.5px; line-height:8px; margin:0; text-align:center; margin-top:3px;}
.certdiv img{ border:thin solid #666;}
#sponclgo{width:130px; height:70px; display:block; float:left; clear:right; margin:5px 0 0 5px; text-align:center;}