html,body {
    font:11px Tahoma, Arial, Helvetica, sans-serif;
    height:100%;
    padding:0;
    border:0;
    margin:0;
    color:#333;
    background:#FFF url(/img/bghtml.gif) repeat-y -8px}
a{
    color:#C30;
    text-decoration:none;
    outline:none}
a:hover{
    text-decoration:underline}
a:active{
    outline:none}
p{
    margin:0;
    padding:0 0 9px 0}
h1,h2,h3,h4,h5,
dl,dt,dd,
#hd,#hd li,
#menu,#menu li,
#rbar ul,#rbar li,#rbar dl,#rbar dt,#rbar dd,
#ft ul,#ft li{
    list-style:none;
    margin:0;
    padding:0}
h1{
    background:#A7BEB1;
    padding:0 10px;
    height:24px;
    line-height:24px;
    font-size:14px;
    text-decoration:none;
    color:#fff;
    font-weight:normal;
    margin:0 0 1px 0}
h2{
    color:#333;
    font-size:12px;
    font-weight:normal;
    margin:0 0 20px 0;
    padding:5px;
    background:#CFD9D4}
h3,dt{
    color:#8D6B23;
    font-size:11px;
    font-weight:normal;
    margin:5px 0 10px 0;
    padding:0}
h2 small{
    font-size:11px;
    color:#C30}
h3 small{
    color:#333}
h4{
	font-size:11px;
	margin-bottom:10px}
address{
    font-style:normal}
#tn1 a,#tn2 a,#tn3 a,#menu .block a,.himg{
    display:block;
    height:0;
    overflow:hidden}
/* =====v===== Page structure ========== */
  /* -----v Header ---- */
#hd{
    position:absolute;
    top:0;
    left:0}
#hd,#logo{
    height:55px}
#logo{
    width:790px}
#hd,#fr,#ft{
    width:970px
    }
    #logo{
        float:left}
    #logo strong{
        display:block;
        float:left;
        width:193px;
        padding:0;
        background:url(/img/isslogo.gif) no-repeat 22px 17px}
    #logo em{
        display:block;
        float:right;
        width:185px;
        font-style:normal;
        text-align:center;
        margin:25px 12px 0 0;
        display:inline;
        color:#999}
    #hd strong a{
        margin:17px 0 0 22px;
        padding:35px 0 0 0}
    li#tn1,li#tn2,li#tn3{
        float:left;
        height:10px;
        width:15px;
        margin:37px 0 0 10px;
        padding:0 0 0 5px;
        border-left:1px dotted #FFF;
        display:inline}
    #tn1 a,#tn2 a,#tn3 a{
        width:10px;
        margin-left:5px;
        padding:10px 0 0 0}
    li#tn1{
        border-left:0;
        margin-left:0;
        background:url(/img/icons/ico1.gif) no-repeat right -1px}
    li#tn2{
        background:url(/img/icons/ico2.gif) no-repeat right top}
    li#tn3{
        background:url(/img/icons/ico3.gif) no-repeat right}
  /* ------^ Header ------- */
  /* ------v Left menu ---- */
#menu{
    position:absolute;
    top:80px;
    left:12px;
	width:175px;
	}
    #menu li{
        background:url(/img/menubgmain.gif) center bottom no-repeat;
        color:#333;
        height:26px}
    #menu a{
        background:url(/img/menubgmain.gif) center bottom no-repeat;
        color:#333;
        text-decoration:none;
        height:16px;
        padding:5px;
        display:block}
    #menu a:hover{
        background:#D7DFDA url(/img/menubgmainact.gif) bottom center no-repeat}
    #menu a.act{
        background:#D7DFDA url(/img/menubgmainact.gif) bottom center no-repeat;
        color:#C30}
    #menu div a{
        width:141px;
        height:89px;
        background:none}
    #menu div a:hover{
        background:none}
    #menu .block{
        width:141px;
        height:90px;
        margin:20px auto 0 auto;
        background-repeat:no-repeat}
    #menu .block a{
        padding:89px 0 0 0;
        margin:0 auto;
        border:none;
        background:none}
    #menu .block a:hover{
        background:none
        }
        li#lvo{
            background-image:url(/img/expatoffice.gif)}
        li#uko{
            background-image:url(/img/expatbanneren.gif)}
        li#expat{
            background-image:url(/img/expatbanner.gif)}
    li#worldleader{
        background:url(/img/worldleader.gif) no-repeat 1px top;
        padding:262px 0 0 0;
        overflow:hidden;
        height:0;
        margin:30px 0 10px 0}
  /* ------^ Left menu ---- */
  /* ------v Content ------ */
#wrp{
    position:absolute;
    top:67px;left:0;
    width:100%;
    background:#CFD9D4 url(/img/ctbg.gif) repeat-y}
#fr{
    position:relative;
    margin:12px 0 12px 12px;
    background:transparent url(/img/lmenubg.gif) repeat-y
    }
    #page{
        float:left;
        position:relative;
        top:0;
        left:187px;
        width:580px;
        padding:0;
        overflow:hidden
        }
        #page ul{
            padding:0 0 0 12px;
            margin:0 0 15px 15px}
        #page ul li{
            color:#4F4A4A;
            list-style:disc outside;
            padding:1px 0 1px 0}
        #tabout{
            background:transparent url(/img/aboutbigimage.jpg) no-repeat}
  /* ------^ Content ----- */
  /* ------v Right bar --- */
#rbar{
    float:right;
    width:180px;
    }
    #rbar h3,.pinkbg{
        height:24px;
        line-height:24px;
        margin:0 0 1px 0;
        padding:0 8px}
    .pinkbg a{
        color:#8D6B23}
    #rbar h3{
        font-size:11px;
        font-weight:normal;
        background:#A7BEB1}
    #rbar p{
        padding:75px 8px 5px 8px}
    #rbar .pinkbg{
        padding:0 8px;
        color:#8D6B23;
        background:#EBD8C5;
        }
    #mobile{
        background:#EAEEEC url(/img/mobile.jpg) no-repeat;
        }
        ul#ma{
            height:100%;
            padding:0 10px 5px 10px;
            overflow:hidden}
        ul#ma li{
            float:left;
            width:50%;
            height:15px}
    #tv{
        background:#EAEEEC url(/img/tv.jpg) 0 top no-repeat}
    #internet{
        background:#EAEEEC url(/img/internet.jpg) top no-repeat;
        margin:0 0 12px 0}
    #rbar h3{
        color:#333}
    #rbar dl{
        border:3px solid #EAEEEC;
        border-bottom:0}
    #rbar dt{
        padding:4px 8px;
        color:#8D6B23;
        background:#F7F9F8 url(/img/bgdt.gif) no-repeat bottom center}
    #rbar dd{
        border:0;
        border-bottom:3px solid #EAEEEC;
        padding:4px 8px;
        background:#F7F9F8}
    #rbar dd a{
        text-decoration:underline}
    #rbar dd a:hover{
        text-decoration:none}
  /* ------^ Right bar --- */
  /* ------v Footer ------ */
#ft{
    clear:both;
    height:auto;
    width:100%;
    background:#C5D1CA;
    overflow:hidden
    }
    #ft ul{
        float:left;
        width:780px;
        background:#FFF;
        margin:0;
        padding:10px 10px 40px 0}
    #ft ul li{
        float:right;
        padding:0 8px;
        border-right:1px dotted #C5D1CA}
    #ft a{
        color:#999;
        text-decoration:none}
    #ft a:hover{
        text-decoration:underline}
    #ft p{
        float:left;
        margin:10px 0 0 10px;
        padding:0;
        color:#fff}
  /* ------^ Footer ---- */
/* =====^===== Page structure ========== */
/* =====v===== Classes ================= */
.clr{
    clear:both;
    height:0;
    font-size:0;
    line-height:0}
.gold{
    color:#8D6B23;
    font-size:14px;
    font-weight:normal;
    padding:0;
    margin:0 0 13px 0;
    background:none}
.red{
    color:#c30}
.redd{
    color:#f00}
.grey{
    color:#222}
.note{
    padding:10px;
    border:1px solid #A7BEB1;
    background:#F7F9F8;
    color:#c30;
    margin:0 0 10px 0;
    text-align:center}
.ipb{
    margin-bottom:12px}
   /* ---v- 2 cols --- */
.twocols,.twocolse{
    height:100%;
    margin:0 0 15px 0;
    background:url(/img/contentsep.gif) repeat-y 290px top;
    overflow:hidden
    }
.twocolse{
    background:url(/img/contentsep.gif) repeat-y 400px top;
    }
    .c1,.c2{
        float:left;
        height:auto;
        width:271px;
        line-height:135%;
        overflow:hidden}
    .c1{
        padding:0 15px 0 0}
    .c2{
        padding:0 0 0 15px}
    .twocols img{
        display:block;
        margin:0 auto}
    .twocols strong{
        display:block;
        color:#8D6B23;
        padding:0 0 7px;
        font-weight:normal}
    .twocolse div.c2 img{
        margin:0 auto 30px 20px}
   /* ---^- 2 cols --- */
   /* ---v- Page bottom nav --- */
#page .pnav{
    margin:0;
    padding:0}
#page li.lside,#page li.rside{
    list-style:none;
    width:49%
    }
    .lside{
        float:left}
    .rside{
        text-align:right;
        float:right}
   /* ---^- Page bottom nav --- */
dd,.fnote{
    border-left:1px solid #CFD9D4;
    padding:5px 5px 5px 7px;
    font-size:11px;
    margin:5px 0 15px 15px;
    background:#FFF}
#page .vacancy,#page .vacancy li{
    list-style:none;
    margin:0;
    padding:0;
    }
    #page .vacancy li{
        height:35px;
        line-height:35px;
        padding:0 0 0 2px;
        background:url(/img/dots.gif) repeat-x bottom}
ul#sitem{
    padding:0 0 0 10px;
    margin:0
    }
    ul#sitem li{
        list-style:none;
        margin:0;
        padding:2px 0 2px 5px}
    #sitem li ul{
        margin:0}
/* =====^===== Classes ================= */
