@font-face {
 font-family: 'quark';
 src:url('http://www.undv.org/font/quark-bold.eot');
 src:url('http://www.undv.org/font/quark-bold.eot?iefix') format('eot'),
     src: url('http://www.undv.org/font/quark-bold.eot');
    src: url('http://www.undv.org/font/quark-bold.eot?#iefix')
             format('embedded-opentype'), 
     url('http://www.undv.org/font/quark-bold.woff') format('woff'),
     url('http://www.undv.org/font/quark-bold.ttf') format('truetype'),
     url('http://www.undv.org/font/quark-bold.svg#webfontCXAunSZT') 
     format('svg');
 font-weight: normal;
 font-style: normal;
}
 
  /**/ 
/*main */

body, html { font-size: 100%; padding: 0; margin: 0;}
@import url(http://fonts.googleapis.com/css?family=Domine:400,700|Pontano+Sans);
main 
html, body { 
font-family: 'Pontano Sans', sans-serif;
	background-image: url(../images/bgall.jpg);
	background-color:#a6c62c;
	top: 0px;
	padding: 0;header
	width: 100%;
	height: 100%;
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
}  

 Font,td,tr,textarea {
font-family: 'Pontano Sans', sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	font-weight: 400;
 }
 .menu-trigger{
	 display:none;}
 
#topimage {
	background: #000000;
	background-image: url(../images/top.jpg);
	width: 100%;
	height: 140px;
	position: relative;
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	margin-top: 0px;
}

	 
#bgmenu {
	height: 146px;
	margin-top: 0px;
	margin-left: 5px;
	background-image: url(../images/bgmenu2.jpg);
	background-repeat: repeat;
	text-align:left;
	z-index: 99;
}
#bgpopup {
	background-image: url(../images/bgsidemenu.jpg);
	background-repeat: repeat-x;
	text-align: left;
	background-color: #a9c82b;
}
/*menu */

#bgsidebar {
	height: auto;
	width:200px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(../images/bgsidemenu.jpg);
	background-repeat: repeat-x;
	text-align: left;
	background-color: #398f2c;
	background-position: top;	
}
 
#maininfo{
	background-image: url(../images/bgtop.jpg);
	background-repeat: repeat-x;
	background-color: #72ad2c;
	width: 100%;
	height: 107px;
	text-align:left;
	float:left;
	position: absolute; 
	}
#princess {
	float:left;
	width: 401px;
	height: 176px;
	margin-top: 20px;
	margin-left: 571px;
	z-index: 999;
	position: absolute; 
}
#princess2{
	display: none;
}
#maininfoimage{
	height: 107px;
	position: absolute; 
	text-align:left;
	left:200px;
} 
#messagetopimg {
	width: auto;  
	height: 108px;
	width:371px;
	padding-left:205px;
	padding-top:0px;
	margin-left:0px;
} 
#littleprince{ 
display:block;
}  
#bgbottom {
	width: 100%;
	height: 250px;
	background-image: url(../images/bgbottom2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 10px;
	line-height: 12px;
	position: relative;
	text-align:left; 
}
#mainwrap{ 
	left: 205px;
	position: absolute;
	margin-top: 187px;
	margin-bottom: 0px;
	background-color: #FFF;
	width:790px;;
}
#cbt{
	display:none;
}

#maincontent{
	font-family: 'Pontano Sans', sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	font-weight: 400;
	width: 770px;
	height: auto;
	text-align: left;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: -1px; 
}
#mainmesscontent{
	font-family: 'Pontano Sans', sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #414141;
	font-weight: 400;
	width: 770px;
	height: auto;
	text-align: left;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 0px;
	margin-bottom: -1px; 
}

#leftcolumn{
	display:block;
	width: 500px; 
     margin: 5px;
	  float: left;

} 
#twocolumn{
	display:block;
	width: 45%; 
     margin: 5px;
	  float: left;

} 
#rightcolumn{
	display:block;
	width: 250px;  
	
     margin: 5px; float: right;

}

#rightcolumn2{
	display:block;
	width: 200px;  
	
     margin: 5px;
	  float: right;

}


#logo {
	height: 146px;
	width: 200px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	z-index: 998;
}
#faceb {
	width: 27px;
	height: 168px;
	float:right;
	right:1px;
	position: fixed;
	margin-bottom: 20px;
	margin-top: 10px;
	z-index: 998;


}

#slogan {
	width: 590px;
	height: 145px;
	margin-top: 2px;
	margin-left: 200px;
	padding-left:10px;
	background-image: url(../images/nameth.png);
	background-repeat: no-repeat;
	z-index: 999;
	position: absolute;
}

#bgbottom {
	width: 100%;
	height: 250px;
	background-image: url(../images/bgbottom2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 10px;
	line-height: 12px;
	position: relative;
	text-align:left; 
}

#bottomimg {
	height: 250px;
	background-image: url(../images/bottom2.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
	background-position: left bottom;
	position: relative;
	text-align: left;
}
#bottomimg2 {
	height: 204px;
	background-position: right bottom;
	position: relative;
	margin-top: -250px;
	float:right;
}
#bottomtext {
	padding-left:10px; 
	padding-bottom:10px;
	padding-top:10px;
	color:#999; 
}
#themetab {
	width: 148px;
	height: 80px;
	margin-top: 0px; 
	background-image: url(../images/tabcon.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float:left;
}
#tvdo {
	width: 265px;
	height: 45px;
	margin-top: 0px; 
	background-image: url(../images/t_vdo.png);
	background-repeat: no-repeat; 
}
#themetext{
	background-color:#dcdcdc;
	width:100%;
	height:80px;
	margin-top: -2px;
	float: left;
	position: relative;
}
#themein{
	padding-left:205px;
	width:790px;
}
#imgleft{
	margin-right:20px;
	margin-top:20px;
	margin-bottom:10px;
	float:left; 
}
#imgleft2{
	margin-right:20px;
	margin-top:10px;
	margin-bottom:0px;
	float:left; 
}
#imgleft3{
	margin-right: 20px;
	margin-left:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	display: inherit;
}
#imgleft4{
	margin-right: 20px;
	margin-left:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	display: inherit;
	text-align:center;
}
#imgleft5{
	margin-right:20px;
	margin-top:20px;
	margin-bottom:10px;
	float:left;
	max-width:125px;
}
#imgleft7{
	margin-right:5px;
	margin-top:20px;
	margin-bottom:10px;
	float:left;
	max-width:160px;
}
#imgleft8{
	float:right;
	width:94px;
	margin-right:0px;
	margin-top:10px;
}
#imgright{
	margin-right:10px;
	margin-top:20px;
	margin-bottom:10px;
	display:table-row;
}

#homenewside { 
	width:300px; ;
padding-bottom:0px;
margin-left:10px;
margin-top:0px;
padding-left:10px;
padding-top:10px;  
	float:left;
	text-align:left
} 
#homenews{ 
	position: relative;
	margin-right: 0px;
	margin-bottom: 10px; 
	margin-top:10px;
	float:left;
	border:dotted;
	border-width:2px;
	padding-left:5px;
	border-left-color:#a0c22d;
	border-right-style:none;
	border-top-style:none;
	border-bottom-style:none; 
} 

#homenewsbox{
	display:block;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	text-align:left;
}
#rotate640{
	display:none;
	}
#rotate320{
	display:none;
	}
#homenewstext{
	margin-left:10px;
	width:290px;
	float: right;
	text-align:left;
	font-size: 11px;
	line-height: 12px;
	color:#707070;
}

#bookhead { 
	background-image: url(../images/h_downloadbook.gif);
	width: 310px;;
	height: 20px; 
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:0px;
	background-color:#e8e8e8;
	position: relative;
}
#books{
	background-color:#dd792a;

}
#books2{
	display:none;

}

#slidebottom{
	padding-top:0px;
	padding-bottom:0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	width: 750px;
	z-index: 0;
	text-align:left;

	}
#container1 {
  position: relative;
  width:738px;
  height: 110px;
  overflow: hidden;
  border: 0px;
}

#scroller1 {
  width: 420px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

.content1 {
  width: 250px;
  height: 210px;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  font-size: .8em;
}

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  font-size: .8em;
  color:#00009C;
  font-weight: bold;
}

/*text
 */
#header {
	font-family: 'quark', serif;
	font-size: 24px;
	line-height: 24px;
	color: #40932b;
	font-weight: bold;
	text-transform: uppercase;
 }
#messagehead {
	font-family: 'quark', serif;
	font-size: 20px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
 }
#messagehead2 {
	font-family: 'quark', serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
 }
#header2 {
	font-family: 'quark', serif;
	font-size: 18px;
	line-height: 20px;
	color: #aaaaaa;
	font-weight: 200;
	text-transform: uppercase;
 }
#newshead1 {
font-family: 'Pontano Sans', serif;
	font-size: 14px;
	line-height: 16px;
	color: #318b2b;
	font-weight: 400;
	padding-bottom:5px;
	padding-top:3px;
 }

#paper {
	font-family: 'Hammersmith One', serif;
	font-size: 14px;
	line-height: 16px;
	color: #bbbbbb;
	font-weight: normal;
	padding-top: 3px;
	text-transform: uppercase;
 }
#newshead2 {
	font-family: 'Pontano Sans', serif;
	font-size: 14px;
	line-height: 18px;
	color: #dd792a;
	font-weight: bold; 
	padding-top: 3px;
 }
 .newshead2 > li > .newshead2:before {
	font-family: 'icomoon';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #FFFFFF;
	margin-right: 0.3em;
	-webkit-font-smoothing: antialiased;
	content: "\34";
	text-decoration: none;
	background-color:#398f2c;
	border:3px;
	border-radius: 8px;
}
 .newshead2:link {
	font-family: 'Pontano Sans', serif;
	font-size: 14px;
	line-height: 18px;  
	padding-top: 3px;
	color: #398f2c;
	text-decoration: none;
 }
 
.newshead2:visited {
	text-decoration: none;
	color: #398f2c;
}

.newshead2:hover { 
color: #d64e24; 
}
#themetextin { 
	width:200px;
	border:dotted;
	border-width:2px;
	border-right-color:#40932b;
	border-left-style:none;
	border-top-style:none;
	border-bottom-style:none; 
	text-align:right;
	padding-right:5px;
	float:left;
 }
#themetextin2 { 
	width:250px;
	border:dotted;
	border-width:2px;
	border-right-color:#40932b;
	border-left-style:none;
	border-top-style:none;
	border-bottom-style:none; 
	text-align:left;
	padding-right:5px;
	float:left;
	margin-right:10px;
 }ol#myList {
    list-style-type:decimal;
	  display: inline-block;
	  text-align:left;

}
#header3 {
	font-family: 'quark', serif;
	font-size: 18px;
	line-height: 18px;
	color: #40932b; 
	text-transform: uppercase; 
 }
 #venue{
	padding-left: 10px;
	font-family: 'quark', serif;
	font-size: 16px;
	line-height: 18px;
	color: #b5b5b5;
	font-weight: bold;
	text-transform: none;
	letter-spacing:.5px;
	  }
  
  #topbio2{
	width: 550px;
	height:auto;
	padding-left:10px;
	padding-bottom:20px;
	}
#subheader {
	font-family: 'quark', serif;
	font-size: 16px;
	line-height: 18px;
	color: #b4b4b4;
	letter-spacing:.5px;
	
 }
#subnews1 {
	font-family: 'quark', serif;
	font-size: 14px;
	line-height: 16px;
	color: #585858;
	letter-spacing: 0.5px;
	font-weight: normal;	
 }
#red1 {
	font-family: 'quark', serif;
	font-size: 18px;
	line-height: 16px;
	color: #ff0000;
	font-weight: 400;
	padding-bottom:5px;
	padding-top:3px;
 }
#subheader2 {
	font-family: 'quark', serif; 
	font-size: 16px;
	line-height: 18px;
	letter-spacing:.5px;
	font-weight: bold;;
	color: #76b420; 
	padding-bottom:5px;
	padding-top:3px;
 }
#subname {
	font-family: 'quark', serif; 
	font-size: 16px;
	line-height: 18px;
	letter-spacing:.5px;
	font-weight: bold;;
	color: #a3a3a3; 
	padding-bottom:5px;
	padding-top:3px;
 }  
 #subname, .link, .visited, .active, .hover {
	font-family: 'quark', serif; 
	font-size: 16px;
	line-height: 18px;
	letter-spacing:.5px;
	font-weight: bold;
	color: #a3a3a3; 
	padding-bottom:5px;
	padding-top:3px;
 } 
 
#subheader2th {
	font-family: 'quark', serif;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.5px;
	color: #76b420;
	padding-bottom: 5px;
	padding-top: 3px;
	font-weight: bold;
 }
#subheader6 {
	font-family: 'quark', serif;
	font-size: 15px;
	line-height: 16px;
	color: #40932b;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 3px;
	letter-spacing:.5px;
 }
#subheader7 {
font-family: 'quark', serif;
	font-size: 11px;
	line-height: 12px;
	color: #25842b;
	font-weight: 400;
	padding-bottom:5px;
	padding-top:3px;
 }
#subheader8 {
	font-family: 'Pontano Sans', serif;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	font-weight: 400;
	margin-top:5px;
	margin-bottom:2px; 
 }
 #number {
	font-family: 'Alegreya Sans SC', serif;
	font-size: 16px;
	line-height: 14px;
	color: #e7eb85;
	font-weight: 400;
	margin-left:20px;
 }
.header4{
font-family: 'quark', serif;
	font-size: 16px;
	line-height: 18px;
	color: #40932b;
	font-weight: 400;
	padding-bottom:0px;
	padding-top:3px;
 }
#subheader3 {
font-family: 'quark', serif;
	font-size: 14px;
	line-height: 16px;
	color: #999999;
	font-weight: 400;
	padding-top:3px;
 }
#subheader4 {
	font-family: 'quark', serif;
	font-size: 10px;
	line-height: 11px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
 }
#subheader5 {
	font-family: 'Pontano Sans', serif;
	font-size: 14px;
	line-height: 14px;
	color: #999999;
	font-weight: 400;
	padding-top: 3px; 
 }
.copy {
	font-family: Verdana, Geneva, sans-serif;
color: #64ccf6; 
font-size: 11px;
line-height: 14px;
padding-bottom:20px;
}
.copy2:link { 
	font-family: Verdana, Geneva, sans-serif;
color: #649c15; 
 text-decoration: none;
 }
 
.copy2:visited { 
color: #649c15; 
}

.copy2:hover { 
color: #e1571a; 
}
.copy3 {
	font-family: Verdana, Geneva, sans-serif;
color: #afafaf; 
font-size: 11px;
line-height: 14px;
padding-bottom:20px;
}

a:link
{  
color: #649c15;   
font-weight: normal;  
text-decoration: none;
}

a:visited
{
color: #649c15;  
font-weight: normal;  
text-decoration: none;
}

a:active
{
color: #649c15; 
font-weight: normal;  
text-decoration: none;
}

a:hover	
{
color: #ed1c24;   
font-weight: normal; 
text-decoration: none;
}
#newshead	
{
	font-family: 'quark', serif;
	font-size: 16px;
	line-height: 16px;
	color: #a9c82b;
	font-weight: 400;
	text-transform: uppercase;
	text-align:left;
	padding-bottom:10px;
}

#galleryhead	
{
	font-family: 'quark', serif;
	font-size: 18px;
	line-height: 16px;
	color: #a9c82b;
	font-weight: 400;
	text-transform: uppercase;
	text-align:left;
	padding-top:10px;
	padding-bottom:5px;
}

/*element */
#vdocorner {
	border-radius: 8px;
border: 0px solid #e99251; 
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
margin-left:10px;
background-color:#fcfcfc;
width:305px;
float:left;
z-index:1;
} 
#round
#roundcorner {
	border-radius: 8px;
border: 1px solid white;
padding-bottom:3px;
} 
#roundcorner2 {
	border-radius: 4px;
} 
#bigvdocorner {
	width:290px;
	border-radius: 8px;
border: 1px solid #b1b1b1;
padding-bottom:0px;
margin-left:0px;
margin-top:10px;
padding-left:5px;
padding-top:10px;
background-color:#f4f4f4;    
	text-align:left;
	font-size: 12px;
	line-height: 14px;
	float:left;
} 

.butt a.more {
	text-align:left;
	font-family: 'quark', serif;
	font-size: 12px;
	line-height: 14px;
	letter-spacing:.5px;
	margin-top:3px;
   margin-bottom:5px;
   margin-right:10px;
   display: inline-block;
   text-decoration: none;
   color: #FFFFFF;
	border-radius: 8px;
   background: #589f2b;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   padding-bottom:3px;
	font-weight: 400;
}

.butt a:hover.more {
   color: #FFFFFF;
   background: #a9c82b;
}
.butt a.more3 {
	text-align:left;
	font-size: 12px;
	line-height: 14px;
	margin-top:3px;
   margin-bottom:5px;
   margin-right:10px;
   display: inline-block;
   text-decoration: none;
   color: #FFFFFF;
	border-radius: 8px;
   background: #c60f0f;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   padding-bottom:3px;
	font-weight: 100;
}

.butt a:hover.more3 {
   color: #FFFFFF;
   background: #a0c22d;
}
#vline {
	width: 10px;
	height: auto;
	background-image: url(../images/v_line.png);
	background-repeat: repeat-y;
	margin-top: 5px;
	background-position: center;
}
#dotlineverticle {
	background-image: url(../images/dotline.png);
	background-repeat: repeat-y;
	height: 100%;
	width: 3px; 
}

#dotline {
	background-image: url(../images/dotline.png);
	background-repeat: repeat-x;
	height: 3px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 3px;
}
#dotline2 {
	background-image: url(../images/line1.png);
	background-repeat: repeat-x;
	height: 8px;
	width: 98%;
	margin-top: 10px;
	margin-bottom: 3px; 
	margin-left:auto;
	margin-right:auto;
}
.ddimgtooltip{ 
	border-radius: 4px;
display:none;
position:absolute;
border: 0px solid black;
background:white;
color: white;
z-index:2000;
padding: 4px;
}
/*sample base style for drop in box #2*/
div.dropinboxaltstyle{
font-family: 'rsu', sans-serif;
	font-size: 15px;
	line-height: 16px;
	color: #FFFFFF;
	font-weight: 800;
width:600px;
height:350px;
padding:10px;
	background-image: url(../images/bgsidemenu.jpg);
	background-repeat: repeat-x;
	text-align: left;
	background-color: #a9c82b;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
	z-index: 9999;
	 opacity: 0.9;
     filter: alpha(opacity=95); /* For IE8 and earlier */

} 

.sidebarmobile{
	display: none;
}
#theme640{
	display: none;
}
#logo400{
	display: none; 
}
#sign400{
	display: none; 
} 
#slogan400{
	display:none;
}
 
 #language400{
	display:none;
}
  
  
  #homegallery{
	position: relative;
	width: 300px; 
	float: right;
	margin-right:3px;
	margin-top:0px;
	margin-bottom:10px;
}
  
  #topbio{
	max-width: 790px;
	}
  
#maincontent img{
	max-width: 710px;
	}
	#embed{
		display:block;
	}
	#embed520{
		display:none;
	}
	#embed360{
		display:none;
	}
	
	#homeexhibition{
		display:block;
	}
  
	#homeexhibition700{
		display:none;
	}
	#homeexhibition300{
		display:none;
	}	

	#linktabtop{
		display:block;
	}
	#linktabtop640{
		display:none;
	}
	#linktabtop320{
		display:none;
	}
	
#icon{
	display: inherit;
	width: 250px;
	height:220px;
	text-align: center;
	margin-left: 5px;
	margin-top: 20px;
	float: left;
}
#downloadtext{
	background-image: url(../images/dt.gif);
	background-repeat: no-repeat;
	width: 70px;
	height: 14px;
}
#vdotable
    {
        display: table;
		border:0px;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	font-weight: 400;
	width:230px;
	float:left;
	margin-left:10px;
    } 
 .table
    {
        display: table;
		border:0px;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	font-weight: 400;
    } 
    .row
    {
        display: table-row;
    }
    .cell
    {
	display: table-cell;
	border-width: thin;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	position: relative;
	vertical-align: top;
    }
.sideunesco{
	background-image: url(../images/sideunesco.gif); 
	background-repeat: no-repeat;
	width: 150px;
	height:376px;
}

#imgmoder{
	margin-left:10px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:0px;
	float:left; 
	display:table-row;
}
  /* Example media queries */
/* 838 px */
@media screen and (max-width: 52.375em) {	
main 
html, body {  
	background-image: url(../images/bgall2.jpg);
	background-color:#a6c62c;
	top: 0px; 
}  
	
	#bgmenu {
		width:800px;
	height: 142px;
	margin-top: 0px;
	margin-left: 5px;
	background-image: url(../images/bgmenu2.jpg);
	background-repeat: repeat;
	text-align:left;
	z-index: 99; 
}

	
#homenewsbox{
	display:none;
} 

#rotate640{
	display: block;
	max-width:800px;
	height:auto;
	margin-top:-3px;
	}
#rotate320{
	display:none;
	}
 
  #topbio{
	max-width: 600px;
	margin-top:0px;
	}
 
  #topbio2{
	width: 360px;
	height:auto;
	float:left;
	}
	
#slogan {
	height: 140px;
	margin-top: 2px;
	margin-left: 200px;
	padding-left: 10px;
	background-image: url(../images/nameth.png);
	background-repeat: no-repeat;
	z-index: 999;
	position: absolute; 
	
}
#maininfo {
	display: block;
	background-image: url(../images/bgtop2.jpg);
	background-repeat: repeat-x; 
	max-width: 805px;
	height: 190px;
	position: absolute; 

}

#maincontent{
font-family: 'Pontano Sans', sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #414141;
	font-weight: 400;
	width: 580px;
	text-align:left;
	padding-left:10px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:-1px;
}
#mainmesscontent{
font-family: 'Pontano Sans', sans-serif; 
	color: #414141;
	font-weight: 400;
	width: 580px;
	text-align:left;
	padding-left:10px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:-1px;
}

#mainwrap{
	display: block;
	background-color: #FFFFFF;
	margin-top: 245px;
	padding-top:1px;
	width:100%;
	width: 600px;
	margin-bottom:0px;
}
 

#cbt{
	display:block;
	margin-left:-8px;
	margin-top:29px;
}

.sidebarmobile{
	display: none;
}

#princess2{
	display:block;
	float:left;
	width: 401px;
	height: 107px;
	margin-top: 142px;
	margin-left: 400px;
	z-index: 999;
	position: absolute; 
}
#princess {
	display: none;
}

#messagetopimg {
	width: 200px;
	margin-left:-1px;
	padding-top:4px;
}
#littleprince{
	display: none;
} 
#themetext{
	display: none;
}
#themein{
	display: none;
}
#theme640{
	display: block;
	padding-left:405px;
	margin-top:-2px;
	width:406px;
}
#logo400{
	display: none; 
}
#sign400{
	display: none; 
} 

#leftcolumn{
	display:block;
	width: 350px;  
	  float: left;  

}
#rightcolumn{
	display:block;
	width: 210px;  
	
     margin: 5px; float: right;  

}
#slogan400{
	display:none;
}

 #language400{
	display:none;
}
  
  
#homenews{ 
	position: relative;
	margin-right: 5px;
	margin-bottom: 10px; 
	margin-top:10px;
	float: right;
} 
#homenewstext{
	margin-left: 5px;
	width:160px;
	float: right;
	text-align:left;
	font-size: 11px;
	line-height: 12px;
}
#homenews .img{
	width: 80px; 
	}
	
#books{
	display:none;

}
#books2{
	display: block;
}
#slidebottom{
	display:none;

	}
#slidebottom2{
	padding-top:0px;
	padding-bottom:2px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	width: 600px;
	z-index: 0;
	text-align:left;
	background-color:#dd792a;
	height:180px;

	}
#vdocorner {
	border-radius: 8px;
border: 0px solid #e99251; 
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
margin-left:10px;
background-color:#fcfcfc;
margin-top:5px;
width:275px;
float:left;
z-index:1;
} 
#booksmore {  
	width: 100%;
	height: 25px;  
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:0px; 
	background-color:#dd792a;
	text-align:left;
}
  #homegallery{
	position: relative;
	width: 200px; 
		float:left;
	padding-left:5px;
}
#homegallery .img{
	width: 150px; 
	margin-right:5px;
	}
#maincontent img{
	max-width: 580px;
	}
	#embed{
		display:none;
	}
	#embed520{
		display:block
	}
	#embed360{
		display:none;
	}
#imgleft9{ 
	width: 240px; 
}
	#homeexhibition{
		display:none;
	}
  
	#homeexhibition700{
		display:block;
		float:right;
	}
	#homeexhibition300{
		display:none;
	}
	
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


#bigvdocorner {
	width:295px;
	border-radius: 8px;
border: 1px solid #b1b1b1;
padding-bottom:0px;
margin-left:0px;
margin-top:10px;
padding-left:10px;
padding-top:10px;
background-color:#f4f4f4;    
	text-align:left;
	font-size: 12px;
	line-height: 14px;
	float:left;
} 
	#linktabtop{
		display:none;
	}
	#linktabtop640{
		display:block;
	}
	#linktabtop320{
		display:none;
	}
#mybgcarousel{
	display:none;
}

}
/* 512 px */
@media screen and (max-width: 32em) {
	/* Images */
img {  max-width: 310px;; height: auto; }
		main 
html, body {  
	background-image: url(../images/bgall3.jpg);
	background-color:#a6c62c;
	top: 0px; 
}  
 Font,td,tr,textarea {
font-family: 'Pontano Sans', sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #414141;
	font-weight: 400;
 }
  

#subheader2 {
	font-family: 'quark', serif;
	color: #76b420;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 3px;
 }
#subheader3 {
font-family: 'quark', serif;
	font-size: 11px;
	line-height: 14px;
	color: #999999;
	font-weight: 400;
	padding-top:3px;
	padding-left:20px;
 }
 
#subtextheader{
font-family: 'quark', serif;
	font-size: 15px;
	line-height: 18px;
	color: #999999;
	font-weight: 400;
	padding-top:3px;
 }
#bgmenu {
	display:none;
}
#slogan400 {
	display: block;
	width: 315px;;
	height: 140px;
	margin-top: 190px;
	margin-left: 0px;
	padding-left: 10px;
	background-image: url(../images/name400th.png);
	background-repeat: no-repeat;
	background-color:#a9c82b;
	z-index: 999;
	float: left; 
}
#sign400{
	display: block; 
	position: absolute;
	z-index:3;  
	top:0px;
	margin-left: 5px;
	max-width:310px;
} 
 
 #language400{
	display: block;  
	z-index:3; 
	left:10px;
	top:180px;
	width:300px;
	text-align:right;
	position:relative; 
} 
#mainwrap{
	display: block;
	width: auto;
	margin-left: -200px;
	width: 310px;
	margin-top: 80px;
	background-color: #FFF;
	z-index: -1;
	padding-right: 10px;
}

#cbt{
	display:none;
}
#maincontent{
font-family: 'Pontano Sans', sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #414141;
	font-weight: 400;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:-1px;
	margin-top:410px;
	width:310px;
} 
 
#mainmesscontent{
font-family: 'Pontano Sans', sans-serif; 
	color: #414141;
	font-weight: 400;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:-1px;
	margin-top:10px;
	width:310px;
} 
 
#messagetopimg {
	height: 107px;
	width: 310px;
	padding-left: 10px;
	padding-top: 0px;
	margin-left: 0px;	
	position: relative;
}
#littleprince{
	display: none;
} 

  #topbio{
	position: relative;
	height: auto;
	max-width: 305px;
	margin-top:400px;
	}
  #topbio2{
	width: 300px;
	height:auto;
	padding-top:10px; 
	}
#leftcolumn{
	font-size: 12px;
	line-height: 15px;
	display:block;
	width: 300px; 
	  float: left;
	padding: 10px;
	padding-left:0px;

}
#rightcolumn{
	display:block;
	width: 290px;
	foat: left;
	padding: 10px; 
	  background-color:#f6f6f6;
	border-radius: 12px;

}
 #logo{
	display: none;
}
#logo400{
	display: block;
	top:90px;
	position:absolute;
	z-index:2;
	margin-left:5px;
	background-image: url(../images/bgmenu2.jpg);
	background-repeat: repeat;
	width:310px;
	text-align:left;
}



#bgsidebar{
	display: none;
}
 
.sidebarmobile{
	display: block;
}

 
#maininfo { 
	background-image:none;
	background-color:#72ad2c; 
	display: block;
	width: 315px;
	height: 150px;
	top:368px;
}

#theme640{

	display: none;
}

#princess2{
	display: none;
}
#princess {
	display: none;
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; } 
.menu-wrap a {
	color: #000000;
	
	width:200px;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
	color: #c94e50;
}
  
.menu-button {
	top: 85px;
	left: 250px;
	position: absolute;
	z-index: 1000;
	margin: 10px;
	padding: 5px;
	width: 50px;
	height: 50px;
	border: none;
	text-indent: 10px;
	font-size: 19px;
	color: transparent;
	background: #ff5e33;
	border-radius: 6px;
}

.menu-button::before {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	bottom: 0.5em;
	left: 0.5em;
	background: linear-gradient(#47c5f8 20%, transparent 20%, transparent 40%, #34a0e8 40%, #34a0e8 60%, transparent 60%, transparent 80%, #a9c82b 80%);
	content: '';
}

.menu-button:hover {
	opacity: 0.6;
}
 
.close-button {
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}

.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #FFFFFF;
}

.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
 
.menu-wrap {
	position: absolute;
	z-index: 1001;
	width: 200px;
	background-image: url(../images/bgsidemenu.jpg);
	background-repeat: repeat-x;
	text-align: left;
	background-color: #398f2c;
	height: 100%; 
	padding:0;
	padding-top:60px;
	font-size: 1.15em;
	-webkit-transform: translate3d(-320px,0,0);
	transform: translate3d(-320px,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
 
.show-menu .menu-wrap {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .content::before {
	opacity: 1;
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#bgbottom {
	height: 330px;
	width: 310px;
	background-image: url(../images/bgbottom2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#bottomimg {
	height: 330px;
	width: 200px;
	background-image: url(../images/bottom2.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
	background-position: left bottom;
	position: relative;
	text-align: left;
}


#homenewsbox{
	display:none;
}   

#rotate640{
	display:none;
	} 
#rotate320{
	display: block;
	position:relative;
	margin-top:395px; 
	max-width:310px;
	height:auto;
	}
#homenews{ 
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px; 
	margin-top:10px;
	margin-left:10px;
	float: right;
} 
#homenewstext{
	margin-left:10px;
	width:160px;
	float: right;
	text-align:left;
	font-size: 11px;
	line-height: 12px;
}
#homenews .img{
	width: 70px;
	}
	
#books{
	display:none;

}
#counted{
	display:none;

}
#slidebottom{
	display:none;

	}

#slidebottom2{
	padding-top:0px;
	padding-bottom:2px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	width: 310px;
	z-index: 0;
	text-align:left;
	background-color:#dd792a;
	height:370px;

	}
#vdocorner {
	border-radius: 8px;
border: 0px solid #e99251; 
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
margin-left:10px;
background-color:#fcfcfc;
margin-top:5px;
width:290px;
float:left;
z-index:1;
} 
  #homegallery{ 
	position: relative;
	width: 290px;   
	padding-left:5px;
	margin-left:auto;
	margin-right:auto;
}
#homegallery .img{
	width:120px;
	margin-right:5px;
	text-align:center;
	}
#galleryhead	
{
	font-family: 'quark', serif;
	font-size: 18px;
	line-height: 16px;
	color: #a9c82b;
	font-weight: 400;
	text-transform: uppercase;
	text-align:left;
	padding-top:10px;
	padding-bottom:5px;
}
#maincontent img{
	max-width: 290px;
	}
	#embed{
		display:none;
	}
	#embed520{
		display:none;
	}
	#embed360{
		display:block
	}
#imgleft8{
	float: right;
	width: 94px;
	margin-right: 0px;
	margin-top: 420px;
	position: static;
}
#imgleft7{
	margin-right:5px;
	margin-top:20px;
	margin-bottom:10px;
	float:left;
	 width:125px;
}
#imgleft9{ 
	width: 125px; 
}
	#homeexhibition{
		display:none;
	}
  
	#homeexhibition700{
		display:none;
	}
	#homeexhibition300{
		display:block;
		padding-left:3px;
	}
	
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


#bigvdocorner {
	width:280px;
	border-radius: 8px;
border: 1px solid #b1b1b1;
padding-bottom:0px;
margin-left:0px;
margin-top:10px;
padding-left:5px;
padding-top:10px;
background-color:#f4f4f4;    
	text-align:left;
	font-size: 12px;
	line-height: 14px;
	float:left;
} 
	#linktabtop{
		display:none;
	}
	#linktabtop640{
		display:none;
	}
	#linktabtop320{
		display:block;
		margin-top:10px;
	}
 
div.bgcarousel{
	display:none;
}  
.sideunesco{
	display:none;
}
#mybgcarousel{
	display:none;
}
#homenewbox2{
	display:none;
}

}