{-webkit-backface-visibility: hidden}


IMG.displayed

{


    display: block;

    margin-left: auto;

    margin-right: auto;

    padding-top: 60px;

    padding-bottom: 25px;

	max-width: 785px;
    min-width:260px;


}

html{
 font: 100%/1.5 AvenirLT-Light;
}

.nav > li > a{
	padding-left:1px;
	padding-right:7px;

}

.navbar-default {
	background-color: white;
	border:none;
	width:100%;
	height:3px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border:none;	

}


.navbar-collapse{
	
	margin-left:10px;
	padding-right:0px;
	width:100%;
}

.container-fluid{
	padding-left:0px;
	padding-right:0px;
	width:100%;

}



.expandHead{
	height:600px
}

div#welcome
{
    margin-left: 50%;
    width: 50%;
    line-height: 18px;
    text-align: left;
    color: #613361;
    font: 100% AvenirLT-light;
    min-width:400px;
}



.Table2

{

    display: table;
    margin-left:50%;
    margin-top: 10px;
    padding-top: 10px;
    min-width:300px;

}

.Table

{
    display: table;
    margin-right:10.6%;
    float:right;
    margin-top: 10px;
}

.Row
{
    display: table-row;

}

.Cell

{

    display: table-cell;

    border: none;

    width: 140px;

    height: 18px;

    padding: 0;

    font: normal 0.8em AvenirLT-Light;

    color: #58C0DF;

}



.header-container{

    height:140px;

    width:100%;

}




header#site {

    height:140px;

    width:100%;



    background-color: #ffffff;

    padding-bottom: 5px;

    margin-top: 0;

    position: fixed;

    top: 0;

    z-index:100000;

    border-bottom: solid 2px #58C0DF;
    
  
}





.theO{

    position: relative;
    width: 60px;
    top: 10px;
    left:-18px;
    border: none;

}

span.dropt {text-decoration: none; color: black;font:BodoniStdBook;}

span.dropt:hover {text-decoration: dotted; background: #ffffff; z-index: 6; }

span.dropt span {position: absolute; left: -9999px;font:BodoniStdBook;

    margin: 20px 0 0 0; padding: 3px 3px 3px 3px;

     z-index: 6;background-color: floralwhite}

span.dropt:hover span {left: 2%; background: #ffffff;font:BodoniStdBook;}

span.dropt span {position: absolute; left: -9999px;

    margin: 4px 0 0 0; padding: 3px 3px 3px 3px;background-color: floralwhite;font:BodoniStdBook;

    }

span.dropt:hover span {font:BodoniStdBook;margin: 20px 0 0 170px; background: floralwhite; z-index:6;border-radius: 8px;padding: 5px}

.container {
    max-width:800px;
    margin-left: auto;
    margin-right: auto;
    overflow:visible;
    padding: 10px;
    height: auto !important;
    min-height: 100%;
    margin-top:140px;
}

div#headwrapper {
    height:20px;
    min-width:500px;
    max-width:800px;
    margin-left: auto;
    margin-right: auto;
    padding-left:10px;
    overflow:visible;
    padding: 10px;
}

.navbar-default .navbar-nav > li > a {
          color:inherit;
          text-decoration:none;

          transition:inherit;
}


.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
	color: #613361;
}


.navbar-nav > li > a { !important; padding-bottom:0px !important;
	padding-left:2px;
		

}
.navbar {
	height:15px !important;
	color: #613361;
	margin-top:25px;
	margin-bottom:0px;
	background-color:white;
    	width:100%;
	min-height:20px;
	margin-left:auto;
	margin-right:auto;
}

.navbar-toggle{
	margin-top:5px;
}

.navbar-nav > li {
	padding-left:0px;
}

.navbar-collapse{
	background-color:white;
	text-align:left;
	margin-left:0px;
	margin-right:0px;
	
	overflow:hidden;
}

.navbar-right{

margin-top:15px;
    list-style:none;
    width:95px;
    position:relative;
    padding-left: 0px;
margin-right: 2px;
    font: 100%/1.5 AvenirLT-Light;
}


ul.navbar-nav{
	margin-bottom:0px;
	padding-bottom:0px


}


ul.navbar-right li a {

    margin-right: 3px;

    margin-left: 5px;

    text-decoration: none;

    position:relative;

    color: #613361;



}



ul.langopts{

	float:right;

	width:100px;

	position;relative;

	margin-top:0px;

    margin-bottom:10px;

	

    float:right;

    width:110px;

}





nav#main ul {

    list-style:none;

    position:relative;

    padding-left: 0;

}



nav#main ul li {

    float:left;

    position:relative;



}



nav#main ul li a {

    margin-right: 5px;

    margin-left: 10px;

    text-decoration: none;

    position:relative;

    color: #613361;



}





article {

    color:black;
    min-width:300px


    float: left;

overflow:visible;

  

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=white, endColorstr=white); /* IE */

	

}





.kapon{

    font: 100%/1 AvenirLTStd-Heavy;
    margin-top:-2px;

}



.kaponlanguage{

    font: 100%/1 AvenirLTStd-Heavy;

    

}



section{



    margin: 1px;
   margin-top: 10px;
margin-bottom: 30px;

overflow:visible;

}



html {

    overflow-y: scroll;
   margin:0px;
   padding:0px;

}



aside{

    padding-top: 1.5em;


}





aside img {width: 100%;}






	body {



		-webkit-text-size-adjust: 100%;

		

		}
body.hand {

	font: 100% AvenirLT-Light;
	line-height: 1.5;
	color:  black;

    margin:0; padding 0px;
	margin-left:0px;
margin-right:0px;

	}
	
.navbar-header{height:30px;}


@media (max-width: 992px) {

header#site{
	height:135px;
}


.theO{

    position: relative;
    width: 58px;
    top: 10px;
    left:0px;
    border: none;

}


.container{

	margin-top:140px;
}


.navbar {
	height:15px !important;
	color: #613361;
	margin-top:20px;
	margin-bottom:0px;
	background-color:white;
    	width:94%;
	min-height:25px;
	margin-left:auto;
	margin-right:auto;

    min-width:500px;
    max-width:800px;
	
}
}



@media only screen and (max-width: 766px) {


IMG.displayed

{


    display: block;

    margin-left: auto;

    margin-right: auto;

    padding-top: 50%;

    padding-bottom: 25px;

	max-width: 785px;
    min-width:260px;


}


.navbar-default .navbar-nav > li > a{
	line-height:2em;

}


div#welcome{
	display:none;
}

.Table2{
	display:none;

}

.container{
	margin-left:20px;
	margin-right:20px;
	margin-top:70px;
	
}


.Table
{

    display: none;

}

#collapse{
	right:8px;
	top:14px;
	position:fixed;
}

ul.navbar-right li a{
	display:none;
}


.Cell

{
	width:120px;
}


.navbar-header{
	height:0px;
}


.navbar-toggle{
border:none;
}

.navbar-toggle .icon-bar{
	width:50px;
	height:2px;
	
}


.icon-bar{
	margin-bottom:10px;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #613361;


}

#bs-example-navbar-collapse-1{

	border-bottom: 2px solid #58C0DF;
-webkit-backface-visibility: hidden;


}



.navbar-default .navbar-toggle:hover {
    background-color: white;
}

.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-nav > li > a{
	padding-left:10px;
}


.navbar {
	height:0px !important;
	color: #613361;
	margin-top:10px;
	margin-bottom:0px;
	background-color:white;
    	width:100%;
	min-height:1px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;

    min-width:500px;
    max-width:800px;
	
}

.navbar-collapse{
	margin-left:0px;
	width:105%;

}


.theO{
    top:5px;	
    left:9px;
    width:50px;
 
}


.navbar-collapse{
	padding-left:40px;
	width:105%;

}

.navbar-right{

display:none;

}


.navbar-toggle{
	float:left;
	margin-left:25px;
}

.Row{
	text-align:left;
}

		.Table{
			padding-top:15px;
		}
		
		div#headwrapper{
			
			height:80px;
		}

		.container{
			margin-left:0%;
			margin-right:0%;
    padding-left: 25px;
    padding-right: 25px;
		}	


.header-container{
	height:80px;	    
}






		header#site {

		    height:80px;

			position: relative;

		    margin-bottom: 5px;
		}

	

		body.hand{

			background-image: none;

		}
		body {
			-webkit-text-size-adjust: 100%;
			background-image: none;
			margin:1em 0;  
			}
		nav#main {
			padding-top:5px;
		}
	 }

h1 {

	font: normal 1.2em AvenirLT-Light;
    font-weight:bold;
    text-align:left;
	color: #613361;
	}

	p {
		line-height:1.5em;
		margin:0px;
		margin-bottom:0.5em;
	}

h2 {
    font: normal 100% AvenirLTStd-Heavy;
    text-align:left;
    margin-top: 2.0em;
    margin-bottom: 0.5em;
    color: #613361;
}

h3 {
    font:BodoniBook 100%;
    font-size: 100%;
    color: #613361;
}



hr {
  border-color: #58C0DF;
  border-width: 2px;
  margin-top: 1.5em;
  margin-bottom: 0;

}



label {
    position: relative;
}

.closed{

    display: none;

}

.openPop{

    position: absolute;

    left: 0;

    top: 100%;

    z-index: 1;





    /* Prevent some white flashing in Safari 5.1 */

    -webkit-backface-visibility: hidden;



    background-color: #eeeeee;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#999999));

    background-image: -webkit-linear-gradient(top, #eeeeee, #999999);

    background-image:    -moz-linear-gradient(top, #eeeeee, #999999);

    background-image:     -ms-linear-gradient(top, #eeeeee, #999999);

    background-image:      -o-linear-gradient(top, #eeeeee, #999999);



    -moz-border-radius:    10px;

    -webkit-border-radius: 10px;

    border-radius:         10px;



    -moz-background-clip:    padding;

    -webkit-background-clip: padding-box;

    background-clip:         padding-box;



    width: 260px;

    padding: 20px;

    margin: 24px 0;

    opacity: 0;



    -webkit-transform: scale(0) skew(50deg);

    -moz-transform:    scale(0) skew(50deg);

    -ms-transform:     scale(0) skew(50deg);

    -o-transform:      scale(0) skew(50deg);



    -webkit-transform-origin: 0px -30px;

    -moz-transform-origin:    0px -30px;

    -ms-transform-origin:     0px -30px;

    -o-transform-origin:      0px -30px;



    -webkit-transition: -webkit-transform ease-out .35s, opacity ease-out .4s;

    -moz-transition:    -moz-transform    ease-out .35s, opacity ease-out .4s;

    -ms-transition:     -ms-transform     ease-out .35s, opacity ease-out .4s;

    -o-transition:      -o-transform      ease-out .35s, opacity ease-out .4s;

}





.white-popup {

    position: relative;

    background: #FFF;

    padding: 20px;

    width:auto;

    max-width: 500px;

    margin: 20px auto;

}



.mfp-hide{

    display: none;



}







.close-button{

    background-image: url("close.png");

    float:right;



    height: 30px;

    z-index: 2;

}


.maillink{

    text-decoration:none;

    color: #58C0DF;

}

a.maillink:hover, a:focus{
	    text-decoration:none;
color: #58C0DF;
}



.naked{

    text-decoration:none;

    color: #613361;

    font-family: "AvenirLTStd-Heavy";
}



.surabaya{

	width: 500px;

	height: 500px;

}



.avenir{

	font-family: "AvenirLT-Light";

	font-size: 100%

}

.bodoni{

    font-family:BodoniStdBook;
    margin-top:20px;
	margin-bottom:20px;
    font-size: 100%;

	color: #613361;

}

a:hover, a:focus{
	color: #613361;
	text-decoration:none;
}

.bodoni > p{

	 font-family:BodoniStdBook;
	 font-size: 114%;
	 color: #613361;
	 line-height:1.5em;
	margin:0px;
	margin-bottom:0.5em;
	letter-spacing: 0.02em;
}

.bodoni > ul{

	

	 font-family:BodoniStdBook;

	 font-size: 114%;

	 color: #613361;

	 line-height:1.5em;


	letter-spacing: 0.02em;
	
	
}

.bodoni > br{

	 line-height:1px;



}



.bodoni > h3{

	margin:0px;

	 font-size: 114%;

	 color: #613361;

     margin-top: 1.5em;

 	margin-bottom: 1.5em;

	letter-spacing: 0.02em;
		font-weight: normal;
	
}





article a{

    text-decoration: none;

    color: #613361;

	font-family: "BodoniStdBook";

	font-size: 114%
;
	letter-spacing: 0.02em;


	

}




.external2{
	text-decoration: none;
	color: #000;
	font-family: "AvenirLT-Light";
	font-size: 100%
}


.external{
	text-decoration: none;
	color: #58C0DF;
	font-family: "AvenirLT-Light";
	font-size: 100%
}

.text{
	margin: 0px;
	padding: 0px;

}


.cv{
    text-decoration: none;
    color: #613361;
	font: 100% AvenirLTStd-Heavy;
}

ul {
    padding-left: 17px;

}


a:visited {text-decoration:none;}



.box {

    position: absolute;

    left: 0;

    top: 100%;

    z-index: 1;



    /* Prevent some white flashing in Safari 5.1 */

    -webkit-backface-visibility: hidden;



    background-color: #eeeeee;

  /*   

  	DANIELA MADE US COMMENT THIS OUT.

  

  	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#999999));

    background-image: -webkit-linear-gradient(top, #eeeeee, #999999);

    background-image:    -moz-linear-gradient(top, #eeeeee, #999999);

    background-image:     -ms-linear-gradient(top, #eeeeee, #999999);

    background-image:      -o-linear-gradient(top, #eeeeee, #999999);



*/



    -moz-border-radius:    10px;

    -webkit-border-radius: 10px;

    border-radius:         10px;



    -moz-background-clip:    padding;

    -webkit-background-clip: padding-box;

    background-clip:         padding-box;



    width: 30%;

    padding: 20px;

    margin: 24px 0;

    opacity: 0;



    -webkit-transform: scale(0) skew(50deg);

    -moz-transform:    scale(0) skew(50deg);

    -ms-transform:     scale(0) skew(50deg);

    -o-transform:      scale(0) skew(50deg);



    -webkit-transform-origin: 0px -30px;

    -moz-transform-origin:    0px -30px;

    -ms-transform-origin:     0px -30px;

    -o-transform-origin:      0px -30px;



    -webkit-transition: -webkit-transform ease-out .35s, opacity ease-out .4s;

    -moz-transition:    -moz-transform    ease-out .35s, opacity ease-out .4s;

    -ms-transition:     -ms-transform     ease-out .35s, opacity ease-out .4s;

    -o-transition:      -o-transform      ease-out .35s, opacity ease-out .4s;

}



#popper{

    font: 100%/1.5 BodoniBook;

}

.popuptext{
	margin-top:20px;
	margin-bottom:20px;

}


span#title{

    font: 100%/1.5 BodoniBook;

    font-weight: bold;

}





.box:after {

    content: "";

    position: absolute;

    bottom: 100%;

    left: 30px;

    border-bottom: 20px solid #eee;

    border-left:   14px solid transparent;

    border-right:  14px solid transparent;

    width:  0;

    height: 0;

}



.showPopUp{

    opacity: 1;

    -webkit-transform: scale(1) skew(0deg);

    -moz-transform:    scale(1) skew(0deg);

    -ms-transform:     scale(1) skew(0deg);

    -o-transform:      scale(1) skew(0deg);

}

.popUpControl {

    display: none;



}



.button {

    background: blue;

    color: white;