﻿/*
author:linkchain / 2012-04-17
----------------------------------------------------------*/

/* panel-first
----------------------------------------------------------*/
#panel-first{
    float:left;
    margin:14px 0 0 0px;
    _margin:-1px 0 0 0px;
    position:relative;
    width: 215px;
    background:#3c4970;
    height:800px;
    }
    
/* leftNav 
----------------------------------------------------------*/
#panel-first .leftNav ul li{
     background:url('../images_en/leftNav-item.jpg') no-repeat;
    color: #FFFFFF;
    font-size: 125%;
    height:34px;
    padding:1px 0 0 54px;
    *padding:2px 0 0 54px;
    }

body.not-front .leftNav ul li a{
    color:#fff;
    }

body.not-front .leftNav ul li a:hover{
    color:#e8ff00;
    }

.leftNavTitle{
    width:215px;
    height:73px;
    text-indent:-999em;
    }
    
 .leftNavTitle.intro{
     background:url('../images_en/leftNav-intro.jpg') no-repeat;    
     }
     
 .leftNavHead{
    width:215px;
    height:73px;
     }
     
 .leftNavHead.title{ 
     background:url('../images/leftNav-title.jpg') no-repeat; 
     }
    
 .leftNavHead.title ul li a 
 {
     display: block;
    float:left;      
     color: #003366;
    font-size: 130%;
    
    padding:30px 0 0 35px;
    *padding:25px 0 0 35px;
    font-weight: bold; 
     text-decoration:none;}   
    
/* content-wrapper
----------------------------------------------------------*/
#content-wrapper{
    margin:30px 0 0 -19em;
    _margin:0 0 0-19em;
    float:right;
    width:100%;
    background:url('../images_en/inner-content-wrapper.jpg') repeat-y left 0;  
    }

.content{
    overflow: hidden;
    position: relative;
    text-align: left;
    margin: 0 0 0 19em;
    color:#373737;
    line-height:2;
    padding:0;
    }

.MainTitle{
    background:url('../images_en/MainTitle.jpg') repeat-x;
    height:49px;
    color:#fff;
    font-size:130%;
    font-weight:bold;
    padding:9px 0 0 10px;
    }

.MainTitle p{
    background:url('../images_en/inner-arrow.jpg') no-repeat 0 3px;
    padding:0 0 0 15px;   
    }

.MainTitleShadow{
    background:#f9f9f8 url('../images_en/MainTitleShadow.jpg') no-repeat left bottom;
    padding:0 0 4px 0;
    }

body.not-front .friendly{
    float:left;
    }

.breadcrmub{
    float:left;
    margin:5px 0 0 10px;
    }

.innerMainContent-wrapper{
    background:#f1f1f1 url('../images_en/innerMainContent-right.jpg') no-repeat right top;
    padding: 0 24px 0 0;    
    }

.innerMainContent{
    background:#f1f1f1;
    padding:9px 0 0 9px;
    }

.innerMainContent .Content{
    background:#f9f9f8;
    padding:10px 20px 20px 20px;  
    }

.innerMainContent .Content p{
    margin:20px 0 10px 0;
    }

.innerMainContent .Content h1{
    background:url('../images_en/inner-arrow.jpg') no-repeat 0 15px;    
    color:#174b64;
    font-weight:bold;
    font-size:125%;
    padding:10px 0 0 15px;
    }

.innerMainContent-bottom{
   background:#f1f1f1 url('../images_en/innerMainContent-bottom.jpg') no-repeat left bottom;
   padding:0 0 12px 0;  
    }

/* friendly
----------------------------------------------------------*/
body.not-front .friendly{
	padding:5px 0 0 0;
	_padding:0;
	margin:0 0 5px 0;
    }

body.not-front .friendly ul li.font{
    padding:0 0 0 10px;
    color:#3c4970;
    }
    
/* footer
----------------------------------------------------------*/
body.not-front #footer{
    margin:0;
    }