/*
New ST Teleport 2013 template and CSS smithed by
Fr33n1XX
http://www.freenixx.com
*/
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
/*body
{
background-image:url('../images/greybground.jpg');
background-size:100%;
/*background-color:#cccccc;
} */
p{margin:0 10px 10px}
a{
	color: #006;
}
div#header{
	height:110px;/*line-height:80px;*/
	margin:0;
	/*background: #EEE;*/
  color: #79B30B
}
/*div#header h1{height:177px;line-height:80px;margin:0;
  padding-left:10px;
  background: #EEE;
  color: #79B30B}*/
div#logo{height:127px;width:270px;margin-top:0px;float:left;
display:block;
background-image:url(../images/STlogo.png); background-repeat: no-repeat; 
background-position: left top;  
  /*background: #EEE;*/
  color: #79B30B}
div#logo a {
display: block;
height: 100%;
width: 100%;
} 
 
div#extra{width:850px;float:right;margin-right:82px;
margin-top:10px;}
div#advert{

margin: 0px;	
}
div#topnav{
	height:27px;
	width:625px;
	margin-top:2px;
	float:right;
	margin-right: 4px;
	/*margin-right: 3px;*/ /* for IE browser*/
	/*background: #abd0ea;*/
  color: #79B30B;
	padding-top: 5px;
}
.ie6 #topnav{
margin-right: 3px;	
}
.ie7 #topnav{
margin-right: 0px;
margin-top:9px;	
}
.ie8 #topnav{
margin-right: 0px;	
margin-top:2px
}
.ie9 #topnav{
margin-right: 7px;	
margin-top:2px;
}
.ie10 #topnav{
	margin-top:4px;
margin-right:12px;	
}

div#topnav ul.topnavi{
margin-left: 0px;
margin-top: 5px;
  padding-left: 0px;
}
div#topnav ul.topnavi li{  
  display: inline;
  list-style-type:none; 
 
  }
div#topnav ul.topnavi li a{ 
text-decoration: none;
  padding-left: .5em;
  padding-right: .5em;
  line-height:26px;
  color: #000;
  font-weight:50 ;
  font-size:18px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px; 
  
  letter-spacing: -1px;
   border: solid;
  border-color:#abd0ea;
  background: #abd0ea;
  border-width: 1px 1px 0 1px;
  margin: 0 0.2em 0 0;   
}
div#topnav ul.topnavi li a:hover{
/*background-color: #519ac1;*/
color:#F00;
}
div#topnav ul.topnavi li a:active {
background-color: #519ac1;
color:#fff;
}
div#topnav ul.topnavi li.current a{
background-color: #519ac1;
padding-right: .5em;
padding-top:.5em;
padding-bottom:.5em;
color:#fff;
}
div#container{
	margin:0px;
	text-align:left}
div#content p{margin:12px 0 12px 10px;line-height:1.4;color: #000}
div#contact{
margin:	10px 0 0 15px;
}
div#fLeft{
position:relative;
float:left;	
}
div#fRight{
padding-top:20px;
position:relative;
float:right;	
}

div#contact p{
	 margin: 10px 0 0 20px;
	line-height:1em;
	color: #000;
}
.textinbox {
       position:relative;
       color:#000;
       z-index:15;
   }   
.background {
       position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       background-color:White;
       z-index:1;
       /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter: alpha(opacity=50);
       opacity:.5;
	     -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
  -webkit-border-top-left-radius:15px;
  -webkit-border-top-right-radius:15px; 
    -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
  -webkit-border-bottom-left-radius:15px;
  -webkit-border-bottom-right-radius:15px; 
   }
/* inner menu*/
#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 25px;
	padding-left : 10px;
}
.ie7 #menu{
margin-top:10px;	
}
#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : right;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 0px;
	margin-top:5px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #d6e8f4;
	border-bottom : 1px solid #d6e8f4;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}

#menu li#nav-1 a, 
#menu li#nav-2 a,
#menu li#nav-3 a,
#menu li#nav-4 a {
	background : #d6e8f4;
	border-bottom : 1px solid #d6e8f4;
	color : #000;
}
 #menu li#nav-1 a:hover,
 #menu li#nav-2 a:hover,
 #menu li#nav-3 a:hover,
 #menu li#nav-4 a:hover {
	color : #f00 !important;
}
/*end of inner menu*/


div#navigation{
	/*background:#B9CAFF*/}
div#navigation h1{
	/*background:#B9CAFF*/
	color: #000;
	font-weight:bold;
font-size: 1.5em;
	margin-left:60px;
	letter-spacing:3px;
	margin-top: 16px;
	}
	
div#aboutuspanal{
margin-left:50px;	
margin-top:20px;
}
	
div#aboutuspanal img{
	margin: 20px;
		
}
div#video iframe{

display: block;
margin-top:60px;
    margin-left: auto;
    margin-right: auto;
	
}
div#sidebottompanal{

}
div#extra{/*background:#FF8539*/}
div#footer{/*background: #333;*/color: #000}
div#footer p{margin:0;padding:30px 10px}

div#container{width:1280px; height: 868px;margin:10px auto;
display:block;
background-image:url(../images/STbground.png); background-repeat: no-repeat; 
background-position: -81px 25px;
}
div#content{
	float:right;
	width:860px;
	height:600px;
	font-family: arial, sans-serif;
	margin-right:90px;
	margin-top: 5px;
	
	
}

div#wrapperabout{
	position:relative;
	/*border : 1px solid #ccc;*/
	width:626px;
	height:560px;
	margin:40px 0 0 12px;
}
div#wrapperabout p{
padding: 0 10px 0 10px;
}

div#wrapper2{
	position:relative;
	/*border : 1px solid #ccc;*/
	width:626px;
	height:550px;
	margin:40px 0 0 12px;
}
div#wrapper2 p{
padding: 0 10px 0 10px;
}
/*used for infrastructure page*/
div#wrapper3{
	position:relative;
	/*border : 1px solid #ccc;*/
	width:813px;
	height:540px;
	margin:-5px 0 0 12px;
}


div#wrapper5{
	position:relative;
	/*border : 1px solid #ccc;*/
	width:813px;
	height:575px;
	margin:35px 0 0 12px;
}
div#wrapper5 p{
padding: 5px 10px 0 10px;
}


div#wrapper4{
	position:relative;
	/*border : 1px solid #ccc;*/
	width:813px;
	height:555px;
	margin:35px 0 0 12px;
}
div#wrapper4 p{
padding: 5px 10px 0 10px;
}
div#wrapper3 p{
padding: 0 10px 0 10px;
}
div#snippet{
position:relative;
width:800px;
height: 280px;
padding:5px;	

}

div#content h1{
color: #09F;
font-weight:bold;
font-size: 1.5em;
margin:5px 0 0 15px;	
padding-top:10px;
}
div#content h2{
color: #fbbe06;
font-weight:bold;
font-size: 1.2em;	
}
div#contact h1{ 
color: #000;
font-weight:bold;
font-size: 1.5em;
margin:0px;	
padding-top:0px;
}
div#rightmenu{
float: right;
width: 202px;
margin: 50px 5px 0 0;	
}

div#rightmenu img{
	padding-bottom: 10px;
}

div#navigation{
	float:left;
	width:330px;
	height:600px;
}
div#sidepanal{
width:270px;
height:550px;
/*background: #333;*/
margin-bottom:24px;
margin-left:42px;	
}
div#sidebutton{
	float:left;
width: 	124px;
height: 140px;
background-image:url(../images/STsidebutton.png); background-repeat: no-repeat; 
background-position: top left;
/*background: #ccc*/;

}
div#sidebutton a{
color: #fff;
    margin-left: auto;
    margin-right: auto 
}
div#snippet img{
width:800px;
height:228px;
}
div#snippetT{
	postion:relative;

margin-left:5px;
}
div#snippetT h2{
color: #000;
font-size:1em;
font-weight:bold;	
}
div#snippetT p{
color: #000;
line-height:1;
padding-top:0px;
margin-bottom:40px;

}


div#submenu{
float:left;
}
div#submenu ul li a{
color: #fbbe06;
font-weight: 900;
font-size: 1.2em;
text-decoration:none;
line-height:1.8em;

	
}
div#submenuimg{
float:right;
margin-right:15px;
}
div#footer{clear:both;width:100%;height:97px;
/*background-image:
url(../images/STfooter.png); background-repeat: no-repeat; */
background-position: 0px 6px;
}
div#footer p{
margin-top:30px;
line-height:25px;
}
div#footer img{
float:right;
padding: 0 70px 60px 0;
vertical-align:top;
margin-bottom:60px;
}

div#gallery{
width: 830px;
height:400px;	
margin:5px 5px 5px 5px;
}

/*Used to place images on the left in nautical report page*/

div#reporter5{	
padding: 10px;
}

div#reporter5 p{
text-align:center;
}

/*Used to place images on the left in nautical report page*/

div#reporter3{
float:left;	
padding: 10px;
}

div#reporter3 p{
text-align:center;
}
/*Used to place images on the right in nautical report page*/
div#reporter4{
float:right;	
padding: 10px;
}

div#reporter4 p{
text-align:center;

}
div#bottomlinks {
	position:relative;
	vertical-align:bottom;

text-align: center;

	
}


/*removing img border from IE*/

a, img {
    border:none;
}


</style>