html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

a:link {color: #84c4e2;}
a:visited {color:#84c4e2;}
a:hover {color: #cd82ad;}
a:active {color: #84c4e2;}

h1 {
    font-size:54px;
    font-family: "Skolar PE";
    font-weight: 300;
    text-align: center;
    margin:0px 20px 30px 20px;
} 
h4 {
    font-size:22px;
    font-family: "Skolar PE";
    font-weight: 800;
    color:#000;
    text-align: left;
} 

h2  {
  display: inline-block;
  padding: 15px 20px;
  position: relative;
  font-size:16px;
  color:#fff;
  font-family: "Skolar Sans PE";
  font-weight: 500;
  background: #EA6903;
  margin-bottom:40px;
}

h2:before,
h2:after {
  background: #EA6903;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 400%;
}

h2:before {
  right: 100%;
}

h2:after {
  left: 100%;
}

.container {
  overflow: hidden;
  text-align: center;
}

.intro {
    font-size:18px;
    font-family: "Skolar PE";
    font-weight: 300;
    line-height: 1.6;
    text-align: center;
    max-width:700px;
    margin:0 auto;
    margin-bottom:50px;
    padding:0 30px 0 30px;;
}
#mapdiv {
  
   max-width:1200px;
   margin:0 auto;
   text-align:center;
   background-color:#E6E6E6; 
   height: 850px;
}

#listdiv {
  width:280px; 
  overflow:auto; 
  height:700px; 
  float:right; 
  background-color:#EEEEEE;
  display:none;}
  
#caption {
max-width: 600px; 
height: auto;  
margin:0 auto; 
text-align:center;
box-sizing: border-box; 
background: transparent;  
position: relative; 
margin-top: -800px;
display: none;}  

.articletitle {
font-size:18px;
}




a:link {color: #E96903;text-decoration:none;}
a:visited {color: #E96903;}
a:hover {color: #D26002;}


#wrapper {
max-width:600px;
}

#titlebox {
   background-color:#fff; display: flex;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
}

#contentbox  {
   background-color:#F4F4F4; display: flex;
-webkit-box-shadow: inset 0px 13px 4px -10px rgba(0,0,0,0.14);
-moz-box-shadow: inset 0px 13px 4px -10px rgba(0,0,0,0.14);
box-shadow: inset 0px 13px 4px -10px rgba(0,0,0,0.14);
}

#title {
    background-color:transparent;
    height:auto;
    width:558px;
    float:left;
    text-align:left;
    padding-top:10px;
    -webkit-border-radius: 5px 0px 0px 0px;
    -moz-border-radius: 5px 0px 0px 0px;
    border-radius:5px 0px 0px 0px;
}
#closebutton {
    background-color:transparent;
    width:auto;
    float:left;
    padding:15px 15px 0px 15px;
    text-align:center; 
	cursor:pointer; 
}

.closebuttonlink:hover {
    opacity: 0.9;
}


#mainleft {
    line-height:30px;
    background-color:transparent;
    width:50%;
    float:left; 
}

#mainleft-textonly  {
    line-height:30px;
    background-color:transparent;
    width:100%;
    float:normal; 
}

.title-padding {
padding:15px 30px 20px 30px;
}

.article-padding {
padding:30px;
}
.article-padding-second {
padding:10px 30px 30px 30px;
}


#mainright {
    background-color:transparent;
    width:50%;
    float:left;
    padding:0px; 
}

#mainright-imageonly {
    background-color:transparent;
    width:100%;
    float:normal;
    padding-left:30px; 
}


.previous {
	cursor:pointer;
    background-color:#fff;
    height:50px;
    width:50%;
    float:left;
    text-align:center;
    background: white url("http://gdb.rferl.org/0ECFAC4E-61DF-45B5-81CB-60695EABAC89.png") top right no-repeat; 
    -webkit-border-radius: 0px 0px 0px 5px;
    -moz-border-radius: 0px 0px 0px 5px;
    border-radius:0px 0px 0px 5px;
    transition: all 0.3s ease 0s;
    border-bottom:1px solid #ddd; 
}
.next {
	cursor:pointer;
    background-color:#fff;
    width:50%;
    height:50px;
    float:left;
    padding:0px;
    text-align:center;
    -webkit-border-radius: 0px 0px 5px 0px;
    -moz-border-radius: 0px 0px 5px 0px;
    border-radius:0px 0px 5px 0px;  
    transition: all 0.3s ease 0s;
    border-bottom:1px solid #ddd; 
     
}

.previous:before {
  content: '\200B';
/*   content: '';
  margin-left: -0.25em; */
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
 }
.next:before {
  content: '\200B';
/*   content: '';
  margin-left: -0.25em; */
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
 }

.popup-bottom-link {
text-transform:uppercase;
font-family: "Skolar Sans PE Condensed", Skolar Sans PE ; 
font-weight:bold;
font-size:16px;
}

h4.popuptitle {
  font-size: 20px;
  font-weight:bold; 
  line-height:130%;
}


h4.popuptitlearticle {
  font-size: 18px;
  font-weight:normal;
  margin:0px; 
  margin-bottom:20px;
  line-height:130%;
}

.btn {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Georgia;
  color: #ffffff !important;
  font-size: 14px;
  background: #E96903;
  padding: 12px 20px 12px 20px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
    text-align:left;
}

.btn:hover {
  background: #D26002;
  text-decoration: none;
}

.btn2 {
  font-family: Georgia;
  color: #ffffff !important;
  font-size: 18px;
  background: #ccc;
  padding: 20px 20px 20px 20px;
  text-decoration: none;
  margin: 0 auto;
  width:1200px;
  text-align:center;
  transition: all 0.3s ease 0s;
}

.btn2:hover {
  background: #D26002;
  text-decoration: none;
}

#button-wrap-inner {
text-align:left;
}

#button-wrap-inner2 {
text-align:center;
}

.centered {
 display: inline-block;
  vertical-align: middle;
}


#image{
    text-align:left;    
}
#image a{
    margin:30px 30px 30px 0px;
    display:inline-block;
    text-decoration:none;
    text-align:center;    
    color:#E96903;background:#fff;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd; 
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius:0px 0px 5px 5px;
    transition: all 0.3s ease 0s;
}

#image2 {
    text-align:left;    
}

#image2 a{
    margin:0px 30px 30px 0px;
    display:inline-block;
    text-decoration:none;
    text-align:center;    
    color:#E96903;background:#fff;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd; 
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius:0px 0px 5px 5px;
    transition: all 0.3s ease 0s;
}

#image a:hover {
    display:inline-block;
    text-decoration:none;
    color:black;background:#E96903;color:#fff;
}

#image2 a:hover {
    display:inline-block;
    text-decoration:none;
    color:black;background:#E96903;color:#fff;
}

.caption {
padding:10px 0 11px 0;
font-size:14px;
}

@media screen and (max-width:949px) {
#contentbox {
display: block;
}

#mainright {
   float: none; width:100%;
}

#mainleft {
   width:100%;
   float: none;
}
#image{
    text-align:left;    
}
#image a {
    margin:0px 30px 30px 30px
 }
 
#mainright-imageonly {
    padding:30px 0; 
}

}