@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=Alegreya Sans SC:400,700|Pontano+Sans);
@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,700,800,900|Hammersmith+One);
main 
html, body {
	font-family: 'Pontano Sans', sans-serif;
	background-image: url(images/bgall.jpg);
	background-repeat: repeat-x;
	background-color: #d29e23;
	top: 0px;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
font-family: 'Pontano Sans', sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #000000;
	font-weight: 400;
}  

 Font,td,tr,textarea {
font-family: 'Pontano Sans', sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #000000;
	font-weight: 400;
 }
 
 #bgmenu {
	height: 110px;
	width:100%;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(images/bgmenu2.jpg);
	background-repeat: no-repeat;
	text-align: left;
	z-index: 99;
}
 #bgsidebarmenu {
	height: 755px;
	width:178px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(images/bgmenu.jpg);
	background-repeat: no-repeat;
	text-align: left;
	z-index: 500;
}
 
#contentwrap{
	display: block; 
	padding-top:0px;
	width:1024px;
	height:100%;
	background-color:#FFF;
}
 
#middlewrap{
	display: block;
	max-width: 846px;
	margin-left: auto;
	background-color: #FFFFFF; 
}
 #middlewrap300{
	display: none;
}
#infowrap{
	display: block;  
	max-width: 846px;
	margin-left: auto;
	text-align:left
}
#startinfo{
	display: block;  
	margin-left: 20px;
	margin-right: 10px;
	text-align:left;
}
 
#startinfo img{
	max-width: 790px;
	} 
#logo {
	height: 130px;
	width: 178px;
	margin-top: 0px;
	margin-left: 25px;
	position: absolute;
	z-index: 998;
}
#wrapmenu{
	top: 178px;
}
.sidebarmobile{
	display: none;
}
#logo400{
	display: none; 
}
/*menu */
 
#bgsidebar {
	height: auto;
	width:173px;
	margin-top: 0px;
	margin-left: 0px;  
	text-align: left; 
	background-position: top;	
}
#mainbox{
	display: block;
	margin-left: auto;
	margin-top: 0px;
	margin-right: 0px;
	float: right;
	text-align: right;
}
    #mainbox2{
	display: none;
}  
/*text
 */
#header {
	font-family: 'Alegreya Sans SC', serif;
	font-size: 24px;
	line-height: 24px;
	color: #b5552f;
	font-weight: 600;
	margin-top:10px;
	margin-bottom:20px;
	text-transform: uppercase;
 }  
 
#header2 {
	font-family: 'Alegreya Sans SC', serif;
	font-size: 16px;
	line-height: 18px;
	color: #ad4609;
	font-weight: 100;
	text-transform: uppercase;
 }
 
 
#bignumber {
font-family: 'Pontano Sans', serif;
	font-size: 36px; 
	color: #ad4609;
	font-weight: 600;
	margin-top:10px;
	margin-bottom:10px;
 }  
 
#bigtext {
	font-family: 'Alegreya Sans SC', serif;
	font-size: 18px;
	line-height: 18px;
	color: #ad4609;
	font-weight: 600;
	text-transform: uppercase;  
 }  
 
#bigtext2 {
	font-family: 'Alegreya Sans SC', serif;
	font-size: 16px;
	line-height: 18px;
	color: #d07d1f;
	font-weight: 400;
	text-transform: uppercase;  
 }  
#bigtext3{
	font-family: 'Alegreya Sans SC', serif;
	font-size: 18px;
	line-height: 18px;
	color: #FFFFFF;
	font-weight: 600;
	text-transform: uppercase;  
 }  
 
#bigtext2th {
	font-family: 'quark', serif;
	font-size: 18px;
	line-height: 20px;
	color: #d07d1f;
	font-weight: 600; 
 }  
 
#bigtext2 {
	font-family: 'Alegreya Sans SC', serif;
	font-size: 16px;
	line-height: 18px;
	color: #d07d1f;
	font-weight: 400;
	text-transform: uppercase;  
 }  
 
   
#subwhite{
font-family: 'Pontano Sans', serif;
	font-size: 11px;
	line-height: 12px;
	color: #e8e8e8;
	font-weight: 400;
	padding-top:3px;
 }
 
#subwhite2{
font-family: 'Pontano Sans', serif;
	font-size: 11px;
	line-height: 12px;
	color: #7e7e7e;
	font-weight: 400;
	padding-top:3px;
 }
 
#submainwhitetext {
	font-family: 'Alegreya Sans SC', serif;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	font-weight: 400;
 }
 
#subheader {
	font-family: 'Pontano Sans', serif;
	font-size: 14px;
	line-height: 16px;
	color: #616161;
	font-weight: 100;
	text-transform: uppercase;
 }  
#subheader2 { 
	font-size: 14px;
	line-height: 16px;
	color: #ad4609;
	font-weight: 400;
	padding-bottom:5px;
	padding-top:3px;
 }
#subheader3 {
	font-family: 'Alegreya Sans SC', serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	font-weight: 600;
	padding-top:3px;
 }
#mainredtext {
	font-family: 'Alegreya Sans SC', serif;
	font-size: 24px;
	line-height: 20px;
	color: #dd792a;
	font-weight: 400;
	text-transform: uppercase;
 }
#mainwhitetext {
	font-family: 'Alegreya Sans SC', serif;
	font-size: 24px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: 400;
	text-transform: uppercase;
 }
#mainwhitetextth {
	font-family: 'quark', serif;
	font-size: 24px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: 400;
	text-transform: uppercase;
 }
 ol#myList {
    list-style-type:decimal;
	  display: inline-block;
	  text-align:left;

}
#whiteheader {
	font-family: 'Pontano Sans', serif;
	font-size: 10px;
	line-height: 11px;
	color: #FFFFFF;
	font-weight: 400;
	margin-top:5px;
	margin-bottom:2px;
	text-transform: uppercase;
 }  
.slogan {
	font-family: 'Pontano Sans', serif;
	font-size: 14px;
	line-height: 16px;
	color: #ad4609;
	font-weight: 100;
	margin-left:10px;
	margin-top:330px;
 }  
.copy {
	font-family: Verdana, Geneva, sans-serif;
color: #d6841e; 
font-size: 11px;
line-height: 14px;
padding-bottom:20px;
}
.copy2:link { 
	font-family: Verdana, Geneva, sans-serif;
color: #c0722a; 
 text-decoration: none;
 }
 
.copy2:visited { 
color: #c0722a; 
}

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

a:link
{
	color: #db3d13;
	font-weight: normal;
	text-decoration: underline;
}

a:visited
{
color: #db3d13;  
	font-weight: normal;
	text-decoration: underline;
}

a:active
{
color: #db3d13; 
	font-weight: normal;
	text-decoration: underline;
}

a:hover	
{
color: #b5d63b;   
	font-weight: normal;
	text-decoration: underline;
}

/*element */


.butt a.more {
	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: #cb7625;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   padding-bottom:3px;
	font-weight: 100;
}

.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;
}

#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;
}



#slidebottom{
	padding-top:0px;
	padding-bottom:2px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	z-index: 0;
	text-align:left;
	background-color:#ad4609;

	}
#container1 {
  position: relative;
  width:800px;
  height: 180px;
  overflow: hidden;
  border: 0px;
}
#language{
	float:right;
	margin-right:30px;
	margin-top:20px;
	font-family: 'Pontano Sans', serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	font-weight: 400;
}

#language300{
	display:none;
}

#fotter{
	height: 112px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	width: 1024px; 
	text-align: right;
	background-position: bottom;
}

#fottertext{
	padding-top:10px;
	margin-right:10px;
	font-family: Verdana, Geneva, sans-serif;
color: #e5cbb0; 
font-size: 11px;
line-height: 14px;
text-align:right;
}
#roundcorner
{
		border-radius: 8px;
	}

.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 {
	background-image: url(images/bgvdo.jpg);
	background-repeat: repeat-x;
	width:290px;
	-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;

border: 0px solid #b1b1b1;
padding-bottom:0px;
margin-left:0px;
margin-top:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
background-color:#c56b3a;    
	text-align:left;
	font-size: 12px;
	line-height: 14px;
	float:left;
}
#newswrap {
	display:block;
	font-size: 12px;
	line-height: 14px;
	margin-left:10px;
	margin-top:10px;
	width:520px; 
	text-align:left;
	float:left;
}
#homenews{ 
	position: relative; 
	margin-bottom: 10px; 
	margin-top:10px;
	float:left; 
}
#newsimages{ 
	margin-right:10px;
	float:left;
	position: relative;
} 
#homenewstext{  
	width:380px;
	float: right;
	text-align:left; 
	color:#000;
}
.newshead1 {
font-family: 'Pontano Sans', serif;
	font-size: 12px;
	line-height: 14px;
	color: #dd792a;
	font-weight: 600; 
 }

.newshead1:link { 
color: #dd792a; 
 text-decoration: none;
 }
 
.copy2:visited { 
color: #dd792a; 
}

.newshead1:hover { 
color: #c5c5c5; 
}
#right{   
	float: right; 
}

#rightarrow{   
	float: right;
	padding-right:10px;
	margin-top:10px;
}

#banner300{
	display: none;
}
 

#title300{
	display: none;
}
 
 

#leftcolumn{
	display:block;
	width: 550px; 
     margin: 5px;
	  float: left;
	  text-align:left;
	  margin-left:20px;

} 
#rightcolumn{
	display:block;
	width: 250px;  
	  text-align:left;
	
     margin: 5px; float: right;

}


#imgleft{
	margin-right:20px;
	margin-top:20px;
	margin-bottom:10px;
	float:left; 
}
#imgleft2{
	margin-right:20px;
	margin-top:10px;
	margin-bottom:0px;
	float:left; 
	display:table-row;
}


#imgright{
	margin-right:10px;
	margin-top:20px;
	margin-bottom:10px;
	display:table-row;
}
#themetextin { 
	width:300px;
	border:dotted;
	border-width:2px;
	border-right-color:#ad4609;
	border-left-style:none;
	border-top-style:none;
	border-bottom-style:none; 
	text-align:right;
	padding-right:2px;
	margin-right:10px;
	float:left;
 }
#themetextin2 { 
	width:240px;
	max-width:240px;
	border:dotted;
	border-width:2px;
	border-right-color:#ad4609;
	border-left-style:none;
	border-top-style:none;
	border-bottom-style:none; 
	text-align:right;
	padding-right:10px;
	margin-right:10px;
	float:left;
 }
#circle ul { 
 list-style-type: circle;}
 
#circle li { 
 list-style-type: circle;
 padding-bottom:5px;}
 
  
#twocolumn{
	display:block;  
	  float: left;
	  width:150px;
	  margin-right:10px;
	  position: relative;

} 
#imgleft3{
	max-width:108px;

} 
#bannertop {
	float:right;
	margin-right:10px;
	z-index:9999;

} 
	 /* Example media queries */
/* 838 px */
@media screen and (max-width: 52.375em) {	
	main 
html, body {  

font-family: 'Pontano Sans', sans-serif; 
	background-image: url(images/bgall.jpg);
	background-repeat: repeat-x;
	background-color:#d29e23;
	top: 0px; 
}  
	 



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



#contentwrap{
	display: block; 
	padding-top:1px;
	width:300px; 
	text-align:left;
	left:0px;
}

#topbar{
	display:none;
}   
#mainbox{
	display:none;
}   
#mainbox2{
	display:none;
}  
 
#logo400{
	display: block;
	top:3px;
	position:absolute;
	z-index:2;
	margin-left:0px;
	background-color:#8e3d1b;
	width:300px;
	text-align:left;
}

/************/

 .sidebarmobile{
	display: block; 
}

  #bgmenu {
	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:178px;
}

.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: 2em;
	top: 10em;
	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 {
	left:1px;
	position: absolute;
	z-index: 1001;
	width: 200px;
	text-align: left;
	height: 100%;
	padding: 0;
	padding-top:0px;
	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);
	background-image: url(images/bg300.png);
	background-repeat: no-repeat;
}
 
.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);
}

#bgsidebar{
	display: none;
}
 
 #middlewrap{
	display: none;
}
 #middlewrap300{
	display: block;
	position: static;
}
#infowrap{
	display: block;
	width: 300px;
	position: static;
}
 #bio300{
	 width:120px;
	 margin-left:10px;
	 margin-right:6px;
	 margin-bottom:10px;
	 float:left;
		border-radius: 6px;
} 
#language300{
	display:block;
	float:right;
	left:230px;
	top:10px;
	z-index:500;
	position:absolute; 
}


#language{
	display:none;
}

 
#fotter{ 
	position:relative;
	height: 190px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat; 
	width:300px; 
}
#bigvdocorner {
	display:none;
 } 
#banner300{
	display: block;
	position:relative;
}
#title300{
	display: block;
	position:relative;
}

#newswrap {
	display:block;
	font-size: 12px;
	width:300px; 
	text-align:left;
	float:left;
}

#homenews{ 
	width:300px;
	margin-bottom: 10px; 
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#newsimages{
	max-width:90px;
	margin-left:10px;
	margin-right:10px; 
	float:left;
	position:relative;
} 
.newshead1 {
	float:left;
 }

#homenewstext{
	position: relative;
	width: 280px;
	text-align: left;
	color: #000;
	margin-right: 20px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}
#right{   
	float: right; 
	margin-right:10px;
}
#leftcolumn{ 
	display:block;
	width: 270px; 
	  float: left; 

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

}

#imgleft{
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	max-width:260px;
} 
#startinfo{
	display: block;  
}
 
#startinfo img{
	max-width: 270px;
	} 
	
#themetextin { 
	width:260px;
	border:dotted;
	border-width:2px;
	border-right-color:#ad4609;
	border-left-style:none;
	border-top-style:none;
	border-bottom-style:none; 
	text-align:right;
	padding-right:5px;
	float:left;
 }

#imgright{
	margin-right:10px;
	margin-top:20px;
	margin-bottom:10px;
	display:table-row;
	max-width:290px;
}
  
#twocolumn{
	display:block;
	width: 45%; 
     margin: 5px;
	  float: left;
	  max-width:290px;
	  margin-right:5px;

} 
#bannertop {
	display:none;

} 
}