*{
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-color: #e0f2ff;
}

#container {
	width: 750px;
	text-align: left;
	margin: 0 auto;
	background-color: white;
}

#nav {
	clear: both;
}

#nav ul {
	margin: 2px;
	float: left;
}

#nav ul li {
	display: inline;
	background: url(../images/menu_bg.gif);
	height: 29px;
	float: left;
}

#nav ul li a {
	text-decoration: none;
	color: #FFF;
	line-height: 29px;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	padding-left: 17px;
	padding-right: 10px;
}

#nav ul li.left {
	background: url(../images/menu_left.gif);
	width: 8px;
	padding: 0px;
}

#nav ul li.right {
	background: url(../images/menu_right.gif);
	width: 8px;
	padding: 0px;
}

#main_content{
	clear: both;
	margin-left: 3px;
	margin-top: 7px;
	float: left;
}

#left_sidebar{
	float: left;
	width: 170px;
}

#left_sidebar h3 {
	height: 33px;
	color: #FFF;
	font-size: 13px;
	text-align: center;
	font-family: Verdana, Arial;
	line-height: 33px;
	background: url(../images/left_sidebar_header.gif);
}

#left_sidebar ul{
	background: url(../images/left_sidebar_background.gif);
	list-style-image: url(../images/left_sidebar_bullets.gif);
	font-size: 11px;
	font-family: Verdana, Arial;
	background-repeat: repeat-x;
	padding-left: 20px;
	color: #47484a;
}

#left_sidebar ul li{
	font-size: 11px;
	font-family: Verdana, Arial;
	color: #0c4ea5;
	padding-top: 10px;
}

#left_sidebar a{
	text-decoration: none;
	color: #0c4ea5;
}

#a_left_sidebar a{
	text-decoration: none;
	color: #0c4ea5;
}

#right_sidebar{
	float: left;
	width: 150px;
}

#right_sidebar h3{
	height: 33px;
	color: #FFF;
	font-size: 13px;
	text-align: center;
	font-family: Verdana, Arial;
	line-height: 33px;
	background: url(../images/right_sidebar_header.gif);
}

#right_sidebar div{
	background: url(../images/left_sidebar_background.gif);
	text-align: center;
}

#right_sidebar div img{
	padding-top: 20px;
}

#content{
	float: left;
	width: 398px;
	padding: 12px;
	font-size: 11px;
	font-family: Verdana, Arial;
	text-align: justify;
	color: #484848;
	border-left: 1px solid #e6f0f9;
	border-right: 1px solid #e6f0f9;
}

#content h3{
	font-size: 15px;
	color: #2866bd;
	font-family: verdana;
}

#content img{
	padding-top: 10px;
	padding-bottom: 10px;	
}

#content img.news_images{
	padding-left: 35px;
}

#footer{
	background-image: url(../images/footer.gif);
	clear:both;
	width: 380px;
	height: 50px;
	padding-top: 75px;
	padding-left: 370px;
}

#footer a{
	font-size: 11px;
	font-weight: bold;
	color: #0331ff;
	padding-left: 5px;
	padding-right: 5px;
	font-family: arial;
}

#footer span{
	color: white;
	font-size: 11px;
}

#sub_content{
	float: left;
	width: 555px;
}

#sub2_content{
	float: left;
	width: 520px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#sub2_content h3{
	color: #1a0c7e;
	text-align: left;
	font-family: Verdana, Arial;
	font-size: 13px;
}

#sub2_content h3 img{
	float: left;
}

#sub2_content p{
	font-size: 11px;
	font-family:arial;
	text-align: justify;
	color: #444444;
	padding-top: 10px;
}

#sub2_content p span{
	float: right;
	color: #1265c1;
	padding-right: 15px;
	margin-top: 20px;
}

#sub2_content p span img{
	padding-top: 5px;
}

#sub2_content p img{
	float: left;
	margin-right: 10px;
}

#sub2_content a{
	text-decoration: none;
}

#sub2sub_content{
	float: left;
	width: 510px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 10px;
	border-top: 1px solid #e6f0f9;
}

#sub2sub_content h3{
	color: #1a0c7e;
	text-align: left;
	font-family: Verdana, Arial;
	font-size: 13px;
}

#sub2sub_content h3 img{
	float: left;
}

#sub2sub_content ul{
	float: left;
	width: 210px;
	list-style-image: url(../images/bullets_news.gif);
	margin-left: 33px;
	padding-top: 10px;
	font-size: 11px;
	font-family: arial;
	color: #4d4d4d;
}

#sub2sub_content ul li{
	padding-top: 10px;
}

#sub2sub_content ul li a{
	font-weight: bold;
	color:#0f67c1;
}

#right_side{
	float: left;
	width: 186px;
	border-left: 1px solid #e6f0f9;
	text-align: center;
	padding-top: 10px;
}

#right_side h3{
	height: 33px;
	color: #1a0c7e;
	font-size: 13px;
	text-align: left;
	font-family: Verdana, Arial;
	line-height: 35px;
}

#right_side h3 img{
	float: left;
	padding-top: 10px;
	padding-left: 20px;
}

#right_side div{
	text-align: center;
}

#right_side div img{
	padding-top: 20px;
}

/*up-index*/

#content div{
	height: 26px;
	font-weight: bold;
	background-color: #e9f3fd;	
	line-height: 26px;
	padding-left: 10px;
	color: #343434;
}

#content p{
	padding-top: 10px;
	padding-bottom: 10px;
}

#a_right_sidebar{
	float: left;
	width: 160px;
	text-align: center;
	padding-top: 10px;
}

#a_right_sidebar h3{
	color: #5992e1;
	font-size: 13px;
	text-align: left;
	font-family: Verdana, Arial;
	padding-top: 10px;
}

#a_right_sidebar h3 img{
	float: left;
	padding-left: 8px;
}

#a_right_sidebar div{
	text-align: center;
}

#a_right_sidebar div img{
	padding-top: 20px;
}

#a_left_sidebar{
	float: left;
	width: 160px;
}

#a_left_sidebar h3 {
	height: 33px;
	color: #5992e1;
	font-size: 13px;
	text-align: left;
	font-family: Verdana, Arial;
	line-height: 33px;
}

#a_left_sidebar h3 img{
	float: left;
	padding-top: 9px;
	padding-left: 10px;
}

#a_left_sidebar ul{
	list-style-image: url(../images/left_sidebar_bullets.gif);
	font-size: 11px;
	font-family: Verdana, Arial;
	padding-left: 25px;
	padding-right: 5px;
	color: #47484a;
}

#a_left_sidebar ul li{
	font-size: 11px;
	font-family: Verdana, Arial;
	color: #0c4ea5;
	padding-top: 10px;
}

#content ul{
	line-height: 12px;
	padding-left: 20px;
}

/*dropdown*/

    #dmenu{                       
        list-style-type: none;     
        margin: 0px;           
        padding: 0px;            
        position: static;          
        background-color: #fff; 
        color: #000;               
        z-index: 20;              
          
    }
    #dmenu li{                    
        list-style-type: none;     
        float: left;    
        background-image: url(../css-menus/menu_bg.gif);     
		background-repeat: repeat-x;
		height: 17px;
        color: #000;               
        margin: 0px;              
        padding: 0px;     
        display: block;
    }

    #dmenu ul {                
        position: absolute;       
        margin: 0px;          
        padding: 0px;             
        list-style-type: none;      
        display: none;
		color: #000;            
        z-index: 99;             
		width: 100px;
    }

    #dmenu ul li{     
        color: #000;            
        margin: 0px;               
        padding: 0px;           
		background: #3c90e8;
		width: 95px;				
    }

    #dmenu li a{                
        text-align: left;       
        display: block;
		font-family: arial;
		font-size: 12px;
		font-weight:bold;
    }
    
    #dmenu ul a {        
        padding: 0px;
        margin: 0px;      
        display: block;
		font-family: arial;
		font-size: 12px;
		font-weight:bold;
    }

    #dmenu a:hover,
    #dmenu li:hover{
        display: block;
        background-color: #4c9bea;
        color: #11419c;
    }
    
    #dmenu ul li:hover, 
    #dmenu ul li a:hover{
        display: block;     
        background-color: #5fa6ec;
        color: #11419c;
    }

    #dmenu ul ul{       
        display: none;      
        position: absolute;
        margin-left: 114px;   
        margin-top: -2em;   
    }


    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
        margin-top: -2em;           
    }

    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }

	.content {                    
        clear: left;
    }

#content p.officers{
	line-height: 25px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
}

#content p.names{
	float: left;
	line-height: 25px;
	padding-right: 10px;
	padding-left: 10px;
}

#content img.e_group{
	padding-left: 13px;
}

#content img.iotc_jollibee{
	padding-left: 10px;
}

#group_sidebar{
	float: left;
	width:198px;
	margin-top: 15px;
}

#group_sidebar h3 {
	height: 33px;
	color: #5992e1;
	font-size: 13px;
	text-align: left;
	font-family: Verdana, Arial;
	line-height: 33px;
}

#group_sidebar h3 img{
	float: left;
	padding-top: 9px;
	padding-left: 10px;
}

#group_sidebar ul{
	list-style-image: url(../images/left_sidebar_bullets.gif);
	font-size: 11px;
	font-family: Verdana, Arial;
	padding-left: 25px;
	padding-right: 15px;
	color: #47484a;
}

#group_sidebar ul li{
	font-size: 11px;
	font-family: Verdana, Arial;
	color: #0c4ea5;
	padding-top: 10px;
}

#group_sidebar img{
	padding-left: 20px;
}

#group_sidebar a {
	text-decoration: none;
	color: #07459a;
}

#group_content{
	float: left;
	width: 500px;
	padding: 12px;
	border-left: 1px solid #e6f0f9;
}

#group_content p{
	font-size: 11px;
	font-family: Arial;
	text-align: justify;
	color: #484848;
	padding-bottom: 10px;
}

#group_content h3{
	font-size: 15px;
	color: #2866bd;
	font-family: verdana;
	padding-bottom: 20px;
}

#group_content img{
	padding-bottom: 10px;	
	padding-left: 50px;
	padding-right: 50px;
}

#group_content img.group_img{
	padding-top: 10px;
	padding-bottom: 10px;	
	padding-left: 10px;
	padding-right: 10px;
}

#group_content div{
	height: 26px;
	font-weight: bold;
	background-color: #e9f3fd;	
	line-height: 26px;
	padding-left: 10px;
	color: #343434;
	font-size: 11px;
	font-family: verdana;
	margin-bottom: 10px;
}

#group_content ul{
	margin-left: 15px;
	color: #0546a0;
	font-size: 11px;
	font-family: arial;
	padding-bottom: 10px;
}

#group_content ul li{
	list-style-type: square;
	padding-top: 6px;
}

#group_content span{
	color: #0546a0;
	font-size: 11px;
	font-family: arial;
}
/*contact*/

#content ul.contact_button li {
	list-style-image: url(../images/contact_button.gif);
	font-size: 12px;
	font-weight: bold;
	color: #5a6bc3;
	margin-top: 25px;
}

#content h4{
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
	padding-left: 80px;
}

#content ul.info{
	width: 160px;
	float: left;
	text-align: left;
}

#content ul.info li{
	list-style-type: none;
	padding-bottom: 15px;
	padding-top: 10px;
}

#content img.iotc_bldg{
	float: left;
}

#content img.iotc_location{
	float: left;
	padding: 0px;
	margin-top: 8px;
}

#content h5{
	font-size: 11px;
	font-family: verdana;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 5px;
}

#content ul.branch{
	width: 350px;
	float: left;
	text-align: left;
	border-bottom: 1px solid #d6e7fb;
	margin-bottom: 10px;
}

#content ul.branch li{
	list-style-type: none;
	margin-bottom: 15px;
	margin-top: 10px;
}

#content img.tripple{
	float: left;
	margin-left: 5px;
}

#content img.single{
	float: left;
	margin-left: 5px;
}

#content ul.branch02{
	width: 350px;
	float: left;
	text-align: left;
}

#content ul.branch02 li{
	list-style-type: none;
	margin-bottom: 13px;
	margin-top: 10px;	
}

.mannedships {
	 background-image: url(../images/for presently manned ship.JPG);
}