-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

	* {
margin: 0;
padding: 0;
}
	body {
		margin:0;
		font-family: Verdana, Arial;
		font-size: 62.5%;
		min-width:320px;
		padding:0;
		color:#333;		
	}

	
.clear { clear: both; }
.floatLeft { float: left;}
.floatRight { float: right;}

h1, h2, h3, h4,h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, fieldset, form, label, input, textarea, span, button{
//vertical-align: baseline;
line-height: 1em;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
outline: 0;
padding: 0;
margin: 0;
border: 0;

}

h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code, a {
padding: 0;
margin: 0;
line-height: 1em;

//font-weight: normal;
//font-style: normal;
border: 0;
outline: 0;
font-family: "open sans",arial,sans-serif;
}
ul {
list-style: none;
}
img {
border: 0;
}
p {
//margin: 1em 0;
}
a{
color: #333;
}

a:hover{
    color:#585858;
}

a:visited{

}

p {
padding: 0;
margin: 0;
}

.leftfloat{
    float: left;
}
	#wrap {
		width: 96em;
		margin:0 auto;
	    position: relative;	 
	            border-right: 1px solid #ccc;   
	            border-left: 1px solid #ccc;   
	}
	
	#header {
    	width: 96em;
		//width: 100%;
		margin:0 auto;
		height: 12em;		
		z-index:0;		
		background-color: #fff;
		
		box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #ccc;   
/* IE10+ */ 
//background-image: -ms-linear-gradient(bottom left, #FFCE6B 0%, #F4FF8C 100%);

/* Mozilla Firefox */ 
//background-image: -moz-linear-gradient(bottom left, #FFCE6B 0%, #F4FF8C 100%);

/* Opera */ 
//background-image: -o-linear-gradient(bottom left, #FFCE6B 0%, #F4FF8C 100%);

/* Webkit (Safari/Chrome 10) */ 
//background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #FFCE6B), color-stop(100, #F4FF8C));

/* Webkit (Chrome 11+) */ 
//background-image: -webkit-linear-gradient(bottom left, #FFCE6B 0%, #F4FF8C 100%);

/* W3C Markup */ 
//background-image: linear-gradient(to top right, #FFCE6B 0%, #F4FF8C 100%);

}

#topNav{
		position: relative;
		width: 100%;
		height: 2em;
		background-color: #585858;	
		color: #fff;
		display: flex;
        align-items: center;      /* vertical alignment */
}

#lang{
margin-left: auto;
padding-right: 1em;
}

#lang a{
color: #fff;
}

#lang a:hover{
color: orange;
}

#lang a:first-of-type {
  border-right: 1px solid #fff;
  padding-right: 0.5em;
}

#header {
    position: relative;
    width: 100%;
    height: 23em;
}
#headerwrap{	
	font-family: 'Nunito', serif;
	margin:0 auto;
	position: relative;
	padding-top: 1em;	
	text-align: center;
}	

#topLogos{
    position: relative;
    width: 90%;
    margin: 0 auto;
}

#topLogos ul{
    display: flex;
    justify-content: space-between; /* Or 'center', 'space-around', etc. */
    align-items: center;
    padding: 10px;
}

#topLogos ul img{
    width: 8em;
    max-width: 100%;     /* prevents overflow in containers */
}



#webTitle{
	font-size: 4.5em;
}

#webTitle a{
	font-family: 'Nunito', serif;
	color: #333;
}

#webTitle a:hover{
    color:#FFA500;
}

#webDesc{
	font-size: 1.5em;
	color:#555;
}


	#logo{
		
	}
	
	#logo img{
	width: 6em;

	float: left;
	
	}
	
	h1 {
	    margin:0;
    }
	
	


#primary_nav_wrap
{
width: 100%;
margin:0 auto;
height: 2.5em;
background: #585858;
z-index: 1;
position: relative; //ingej baij zindex ajillaj bn
text-align: center;
}


#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	padding:0;	
	display: flex;
	justify-content: space-between; /* Or 'center', 'space-around', etc. */
    align-items: center;
    width: 100%;
    margin: 0 auto;
}


#primary_nav_wrap ul a
{
	display:block;	
	color: #fff;
	text-decoration:none;
	font-size:12px;
	line-height:25px;
	padding:0 25px;	
}

#primary_nav_wrap ul a:hover{
	color: #FFA500;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:250px;
	border-right: 1px solid #fff;
	text-align: center;
}

#centerwrap{
    width: 96em;
	margin:0 auto;
}

.firstrow
{
//border-right: 1px solid white;
margin: 0 auto;
}

#primary_nav_wrap ul li:hover
{
//	background:#1C5B40;	
	//background: #558936;
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	//background:#1C5B40;
//background: #558936;
	padding:0;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:250px;
}

#primary_nav_wrap ul ul li:hover{

}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:5px 25px;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%;
}

#primary_nav_wrap ul ul a:hover{
	color: #fff;
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
}

#threeMain{
position: relative;
width: 96em;
height: 23em;
margin: 0 auto;
display: flex;
justify-content: space-between;
background-color:#f9f9f9;
}



.transplayer{
//	background: none repeat scroll 0 0 #5dbf31;
	border: 0 none;
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    //width: 33.33%;
    width: 33.3333333333em;
	//height: 23em;
//	opacity: 0;
//	filter: alpha(opacity=50);	
}


.transplayer:hover{

}

.transplayer h3{
	bottom: 0;
	//background-color: #e5f3e5;
	//background: rgb(0, 138, 0); /* Fall-back for browsers that don't support rgba */
    //background-color: #ddd; 
	
    color: #565656;
    display: block;
    font: bold 1.2em MuseoSansBold,arial,sans-serif;
    left: 0;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px 3%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.33s ease 0s;
    width:100%;
}

.catTitle{
    position: absolute;
    z-index: 10; 
    top: 0;
    left: 0;
    font-weight: 700;
    color: #565656;
    background-color: #cccccc;
    padding: 1em;
    border-bottom-right-radius: 0.4em;
    overflow: hidden;
}

.catTitle:visited, .catTitle:hover{
    color: #565656;
    font-weight: 700;
}


.linkimgs{
	display: block;
    margin: 0 auto;
    opacity: 0.22;
    transition: all 0.33s ease 0s;
    width: 100%;
    z-index: 0;
}


.linkimgs:hover {	
	filter: none;
	//opacity: 1;
    //transition: all 0.33s ease 0s;
    opacity: 1;
	filter: alpha(opacity=100);	
}



.overlay {
    background: none repeat scroll 0 0 #fff;
    bottom: -120px;
    display: block;
    left: 0;
    padding: 20px 6%;
    position: absolute;
    text-align: center;
    transition: all 0.33s ease 0s;
    width: 88%;
}

.overlay h3 {
    bottom: auto;
    color: #333;
    display: block;
    left: auto;
    margin: 0;
    padding: 0;
    position: static;
    text-align: left;
    width: auto;
}

.overlay p {
    color: #666;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    text-align: left;
    transition: all 0.33s ease 0s;
}

a {
text-decoration: none;
}

#ads{
    background-color: #f2f2f2;
    border-right: ;
}

#adleft{
    position: relative;
    overflow: hidden; /* or use clearfix */
    padding-left: 1em;
}



#adleft img {
    display: block;
    width: 60px;
    height: auto;
}

#adleft .publish-date {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    background-color: #cccccc;
    color: #000;
    z-index: 2;
}

#adright h4{
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
    padding: 0 1em;
}

#adleft a:hover, #adright a:hover, #adleft a:hover h4, #adright a:hover h4{
    color: #FFA500;
}


#centeredmenu {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
   background-color: #dbdbdb;
}


#main {
	position: relative;
	width: 96em;	
	margin:0 auto;
	//border-right: 1px dashed #1C5B40;
}

#main li, #main a{
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: justify;
}
	
#main:after{
    clear: both;
    content: "";
    display: block;
}

#marq{
padding-bottom: 1em;
}

#contentWrapper{	
	width: 89em;
	margin: 0 auto;
}

#contentCentered{
    position: relative;
    width: 100%;
    margin: 1em auto;
    padding: 3em 5em;
    box-sizing: border-box;    
}

#contentCentered h2{
    text-align: center;
    font-weight: bold;
}


#contentCentered h3{
    padding-left: 1em;
}

#contentCentered p{
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: justify;
}

#contentLeft {
    float:left;
    
}

#contentLeft, #contentRight{	
		width:50%;
		z-index: 0;
		
		//padding-top: 0.5em;
		background: #ffffff;
				
	}	
	
#contentRight {
    float: right;
    
}	
	
#contentLeft p,  #contentRight p {
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 1em;
text-align: justify;
}

#contentLeft h1,  #contentRight h1{
	font-size: 3em;	
	font-weight: -10;
}

#contentLeft h2,  #contentRight h2{
	font-size: 2em;	
	font-weight: -10;
}

#contentLeft h3,  #contentRight h3{
	font-size: 1.5em;	
	font-weight: -10;
	text-align: center;
	color:#eee;
}

#contentLeft h1, h3, h4, h5, h6,  #contentRight h1, h3, h4, h5, h6{
	line-height: 2em;
}
	
#contentLeft a,  #contentRight a{
	
}

#contentLeft a:visited,  #contentRight a: visited{
	
}
#contentLeft a:hover,  #contentRight a:hover{
	color: #FFA500 !important;
}


#contentLeft a:hover h3,
#contentLeft a:hover h4,
#contentRight a:hover h3,
#contentRight a:hover h4,
#contentLeft a:hover,
#contentRight a:hover {
  color: #FFA500 !important;
}


.dateMore{
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}

.dateMoreBorder{
	border-bottom: 1px solid #f4f4f4;
}

	

	
.genTitle{
	border-bottom: 1px solid #dbdbdb;
	padding: .1em;
	padding-left: 1em;
	font-weight: bold;
	//padding-bottom: .2em;	
	background: #565656;
}




#news, #localNews{
	clear: both;
	width: 100%;
	padding: 0;
	margin-bottom: 2em;	
	border-right: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	text-align: justify;	
}

#impact{
	float: left;
	width: 30em;
	height: 20em;
	margin-bottom: 3em;		
	border-right: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	text-align: justify;
}

#awareness{
	float: right;
	width: 30em;
	height: 20em;
	border-right: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	text-align: justify;
}

.newsitem{
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 2em;
	text-align: justify;
	box-sizing: border-box;
}

.newsitem h4{
	font-size: 1.2em;
	font-weight: bolder;
	text-align: left;
	line-height: 1.2em;
	text-transform: uppercase;
	text-shadow: 0 0 0 #4c4c4c;
}

.pagination{
	 text-align:center;
}

.pagination ul{
display: inline-table;
}

.pagination ul li{
	float: left;
	padding-right: 1em;
	display: inline;
}

#contentRight{
float: right;
}

#contentRight ul{
list-style-type: none;
margin: 0;
padding: 0;
width:22em;
}

#contentRight ul li{
	}

#contentRight ul li a{
text-decoration: none;
font-weight: bold;
font-size:1.2em;
//line-height:1.5em;
margin:2em;	
display:block;
padding-left: 1em;
}

#contentRight ul li a:visited{

}

#contentRight ul li a:hover, #contentRight ul li .current{
//color: #DA9100;
border-left: 3px solid #DA9100;
}

#contentRight ul li a:hover, #contentRight ul li .current{

}

#slider11{
	padding: 1em 0;
}
#footer {
	clear:both;
	border: 1px solid #333;
	height: 11em;	
    width: 96em;
    text-align: center;	
	background-color: #333333;
	font-style: strong;
	}

#footer a{
color: #fff;
}	

#footer a:hover{
color: #FFA500;
}	

#ffs{
display: inline-block; //centering
}

.ff	{
float: left;
color: #fff;
position: relative;
top: 1em;
font-size: 1.2em;
height: 5em;
width:16em;
padding: 1em;
border-right: 1px dashed lightgray; 
}

.ff:first-child {
  width: 18em;
}

.ff:last-child {
  border-right: none;
  width: 20em;
}




#footer p {
		margin:0;
    }
    
* html #footer {
 		height:.1em;
	}

.imgThumbnailHome{
	float: left;
	//vertical-align:bottom;
	margin-right: 2em;
	margin-top: .9em;
	//margin-bottom: 15px;
}
	
	
.WireFatalError {
	background: #a30000; 
	color: #fff; 
	padding: 1em; 
	position: relative;
	z-index: 9999;
}