/*********** CODE COMPILLED FROM CHANGED PARTS OF Foundation FRAMEWORK *************/
/************************************************************************************
**   0.1 - Sprite
**   0.9 - Elements
**   1.1 - Html Tags
**   1.3 - Defined Elements
**   2.1 - Header
**   4.1 - Homepage
**   4.2 - Widgets
**   4.3 - Lists
**   4.4 - Index
**   7.0 - Typography
**   7.1 - Menus
**   8.2 - Top
**   8.3 - Youtube
**   9.1 - Footer
************************************************************************************/

/* Sprite Begin *********************************************************************/
span.icon, b.icon, em.icon { display:block; display:inline-block;}

.sprite { 
	background-image:url(../images/website/sprite.png); 
	background-repeat:no-repeat;
}

		.icon.social { height:19px;width:19px; float:left; margin-right:7px;}
		
		.social.facebook { background-position:0px 0px	}
		.social.youtube  { background-position:0px -19px	}
		.social.twitter  { background-position:0px -38px	}
		.social.rss 	 { background-position:0px -57px	}
		
		
		.icon.files		 	 { height:19px;width:19px; float:left; margin-right:7px;}
		.icon.files.inline	 { float:none !important; display:inline-block !important; height:17px; margin-right:2px;}
		
		.files.pdf  	 	 { background-position:-24px -19px	}
		
		.bigmenu a span.files.icon.pdf  { float:right;margin-top:12px !important;} 
		
		/* START: Hidding icons for bigmenu homepage */	
			
@media only screen and (min-width:700px) and (max-width:810px){.home .four 	.bigmenu a span.icon { display:none}}
		/* END: Hidding icons for bigmenu homepage */	
		
		
		a.file 			{ color:#000000;  display:block; padding-top:10px; min-height:32px;  }
				
			span.file.big { float:left;  width:23px;height:30px; margin-top:0px; margin-right:5px; }	
			span.file.big.pdf {background-position:-50px 0px}
			span.file.big.doc {background-position:-50px -35px;}
			
		span.icon.small {float:left;  width:23px;height:30px;}	
		span.icon.small.files.pdf {float:left;  width:23px;height:18px;}
			
		.file-with-preview span.icon.small  {width:17px;height:17px;}	
		
		.pointer { position:relative;}
		span.icon.comment {    width:11px; height:17px; line-height:11px ;position:absolute; margin-left:-15px; top:1px;  background-position:-24px -38px;}
		
a#top .icon.sprite { width:10px; height:6px; background-position:-27px 0px}		

/* Sprite Ends **********************************************************************/
/* Elements Begin *******************************************************************/
.h { display:none}
   	/* hovers */

	aside 	 a:hover,
	p  a {color:#DD9943}
   	
	div.home a:hover, article  a:hover , footer a:hover, 
	.tags a:hover, .widgetblock  a:hover,  .page_container a:hover,  nav.bc 	a:hover  { color:#F05930 !important;}
   	a:hover {color:#DD9943;}

	/**/
 	.pointer a,
	.pointer  { font-weight:bold !important}
	
	.pointer a {text-transform:uppercase; font-weight:400; font-size:10px;  color:#DD9943 !important;}
	
	.pointer a + a , 	
	.articleslist .pointer a + a {margin-left:25px !important;}
  	div.home p.date.mar-b-0 {line-height:1.25 ;}

	/* special links */
	a.frameblock { display:block; width:100%; height:100%;  }
	a.frameblock span { visibility:hidden; width:100%; height:100%; display:block; text-indent:-10000px;}
	
	a.external {margin-right:3px;}
	a.external:after {content:url(../images/website/external.png);}
	
/********** Font's sizes *******/	
   .fs-11 { font-size:11px !important;} 
   .fs-12 { font-size:12px !important;}
   .fs-14 { font-size:14px !important;}
   .fs-15 { font-size:15px !important;}
   .fs-16 { font-size:16px !important;}
   .fs-16rem {font-size:16px !important; font-size:1.6rem !important;}
   .fs-20 { font-size:20px !important;}
   
   .tt-u { text-transform:uppercase !important;}

	.lh-15 { line-height:15px;}
   	.lh-18 { line-height:18px;}
   	.lh-20 { line-height:20px;}

   .block { display:block;}
   .none  { display:none;}
   .inline { display:inline !important;}

/********** Font's weight *******/	

   .fw-thin     { font-weight:100;}
   .fw-light    { font-weight:300;}
   .fw-regular  { font-weight:400;}
   .fw-semibold { font-weight:600;}
   .fw-bold 	 { font-weight:700;}

/********** Font style ***************/

   .fs-normal   { font-style:normal;}
   .fs-italic   { font-style:italic;}

/********** Colors *******************/
	
    .color-dark 	{color:#000;}
    .color-grey 	{color:#000000;}
    .color-red  	{color:#F05930;}
    .color-green 	{color:#7A873A;}
    .color-orange 	{color:#DD9943;}
    .color-moron 	{color:#000000;}
    .color-blue 	{color:#2A5565;}
    .color-white 	{color:#FFFFFF;}
    .color-black 	{color:#000000;}
	.color-cccccc   {color:#cccccc;}

/********** Float Align **************/
	
	.alignleft,
    .al-left { float:left;  }

	.alignleft p,
    .al-left p { margin-right:10px;}

	.alignright,
    .al-right{ float:right;  }

	.alignright p,
    .al-right p { margin-left:10px;}


    .al-none { float:none;}

/********** Text Align ***************/

    .ta-right { text-align:right;}
    .ta-left { text-align:left;}
    .ta-center { text-align:center;}
		
		
/******** Global Background *********/
	
	.bg-white   { background:#FFFFFF;}
	.bg-f8f5ec  { background:#F8F5EC;}

/********** Global Border ***********/

	.border-bottom 		 {border-bottom:1px dotted #D4D1B6 !important;}
	.border-left           {border-left:1px dotted #D4D1B6 !important;}
	.border-top	   		    {border-top:1px dotted #D4D1B6 !important;}
	.border-bottom-solid {border-bottom:1px solid #D4D1B6 !important;}
	.border-top-solid	    {border-top:1px solid #D4D1B6 !important;}
	.border-bottom-4px 	 {border-bottom:4px solid #D4D1B6;}

/********** Global Padding ***********/

    .pad-t-0  { padding-top:0px !important;}		.pad-r-0  { padding-right:0px !important;}		.pad-l-0  { padding-left:0px !important;}		.pad-b-0  { padding-bottom:0px !important;}
    .pad-t-5  { padding-top:5px !important;}		.pad-r-5  { padding-right:5px !important;}		.pad-l-5  { padding-left:5px !important;}		.pad-b-5  { padding-bottom:5px !important;}
    .pad-t-10 { padding-top:10px!important;}		.pad-r-10 { padding-right:10px!important;}		.pad-l-10 { padding-left:10px !important;}		.pad-b-10 { padding-bottom:10px !important;}
    .pad-t-15 { padding-top:15px!important;}		.pad-r-15 { padding-right:15px!important;}		.pad-l-15 { padding-left:15px !important;}		.pad-b-15 { padding-bottom:15px !important;}
    .pad-t-20 { padding-top:20px!important;}		.pad-r-20 { padding-right:20px!important;} 		.pad-l-20 { padding-left:20px !important;}		.pad-b-20 { padding-bottom:20px !important;}
 
/********** Global Margin ************/  

	.mar-t-0  { margin-top:0px !important;}		.mar-r-0  { margin-right:5px !important;}		.mar-l-0  { margin-left:0px !important;}		.mar-b-0  { margin-bottom:0px !important;}
  	.mar-t-5  { margin-top:5px !important;}		.mar-r-5  { margin-right:5px !important;}		.mar-l-5  { margin-left:5px !important;}		.mar-b-5  { margin-bottom:5px !important;}
  	.mar-t-10 { margin-top:10px !important;}	.mar-r-10 { margin-right:10px !important;}		.mar-l-10 { margin-left:10px !important;}		.mar-b-10 { margin-bottom:10px !important;}
  	.mar-t-15 { margin-top:15px !important;}	.mar-r-15 { margin-right:15px !important;}		.mar-l-15 { margin-left:15px !important;}		.mar-b-15 { margin-bottom:15px !important;}
  	.mar-t-20 { margin-top:20px !important;}	.mar-r-20 { margin-right:20px !important;} 		.mar-l-20 { margin-left:20px !important;}		.mar-b-20 { margin-bottom:20px !important;}

/* Elements Ends ********************************************************************/
/* Html Tags Begin ******************************************************************/
html { font-size: 62.5%; }  
body { font-size:13px; font-size: 1.3rem;}
body, 
a {font-family: proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif !important; }

html .mceContentBody {
	max-width: 638px; 
	margin-left:10px; 	
	font-family:  proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

body.jp html .mceContentBody,
body.jp,
body.jp a {
	font-family:  Meiryo, "Meiryo UI", proxima-nova, "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica,  sans-serif !important;
}	

h1, h2, h3, h4, h5, h6 { font-weight:300; }

h1 { font-size:32px; line-height:32px;}
h2 { font-size:24px; line-height:24px;}
h3 { font-size:20px; }
h4 { font-size:18px; font-size:1.8rem; line-height:18px; line-height:1.8rem;}
h5 { font-size:14px;}
h6 { font-size:10px;}


a		{color:#333;}
a.view_link{color:#333; font-weight:600;}
/*Shivani Rana*/
a.citation_title{color:#000; font-weight:600;}
a.citation_author_name{color:#999; }
a.tab_links{color:#000; font-weight:600;}
a:hover	{color:#DD9943;}


th.search_heading {
   /* border-top:1px dashed #[[$smarty.const.APP_DARK_COLOR]];*/
    padding-bottom:0.5em;
    padding-right:0.5em;
    padding-top:0.5em;
    /*text-align:right;*/
    white-space:nowrap;
}

td.search_multi_input {
    border-left:1px dashed #[[$smarty.const.APP_DARK_COLOR]];
    border-top:1px dashed #[[$smarty.const.APP_DARK_COLOR]];
    padding:0.5em;
}
p { font-size: 14px; line-height: 20px;	 }
p, ul li, ol li,  li {color: #000;}

 

/* Html Tags Ends *******************************************************************/
/* Defined Elements Begin ***********************************************************/
nav.bc   	   		{ height:22px; padding-top:5px;  font-size:12px; position:relative;      }
nav.bc a 	   		{ float:left;  margin-right:3px; color:#DD9943;}
nav.bc a:after 		{ content:" >"; line-height:10px;}
nav.bc a:last-child:after { content:"";  }

.shareit  { height:30px; border:1px solid #fff; clear:right;}
.shareit div { float:left;} 

/* Defined Elements Ends ************************************************************/
/* Header Begin *********************************************************************/
#switch { height: 31px;    }	
#switch>li { float: right; display: block; position: relative; padding: 0; margin: 0;  line-height: 31px; }
#switch>li ul { margin-bottom: 0; }
#switch>li li { line-height:13px;}


#switch > li > a  { padding:0px 10px; display:block; text-transform:uppercase; font-size:12px; color:#000; }
#switch > li > a:hover {color:#F05930;}
#switch > li:hover > a {color:#F05930;}
 	  
#switch>li.has-switch>a {padding-right:30px;}
#switch>li.has-switch>a {  		   background:url(../images/website/horizontal-arrow.gif) no-repeat right 0px; }
#switch>li.has-switch:hover > a {  background:url(../images/website/horizontal-arrow.gif) no-repeat right -30px; }
#switch>li .hiddenwebsites { display: none; }
.hiddenwebsites { margin: 0;   position: absolute; top: 31px; left: -10px; width: 234px	; z-index: 10;  opacity:0.7;}

#switch>li.has-switch:hover .hiddenwebsites  { display:block;}
.hiddenwebsites ul {margin-bottom:0px;} 
.hiddenwebsites ul li { display:block; margin-bottom:0px;}
.hiddenwebsites ul li a { display:block; font-size:12px; padding:5px 0px 5px 20px;}
 

.hiddenwebsites ul li  {  white-space: nowrap; text-transform:uppercase;}
.hiddenwebsites ul li.selected a { background: url(../images/website/checked.png)   0px 0px no-repeat;}
.hiddenwebsites ul li:hover a {  color: #FFF !important; background-color:#F05930; }
.hiddenwebsites ul li.selected:hover a { color: #FFF; background: url(../images/website/checked.png) #F05930  0px -27px no-repeat; }


div#ruler    {background:url(../../temporary/ruler.png) no-repeat left top !important; height:16px;   position:relative; top:0px;}


@media only screen and (min-width:980px){div#ruler    {width:980px; important; min-width:980px; max-width:980px;  }}


@media only screen and (max-width:980px){div#ruler.container { width:100%; important; min-width:100%; max-width:100%;}}

.unu-header-logo { height:90px !important; background:url(../images/website/logo-unu.edu-top.gif) no-repeat left top;  }
body.merit .unu-header-logo { height:90px !important; background:url(../images/website/logo-merit.unu.edu-top.gif) no-repeat left top;  }
.unu-header-logo h2 {cursor:pointer; display:block; height:100%;  }
	

	
@media only screen and (min-width:700px) and (max-width:980px){.unu-header-logo { height:90px !important; background:url(../images/ipad/logo-unu.edu-top.gif) no-repeat left top;  }
		body.merit .unu-header-logo {  background:url(../images/ipad/logo-merit.unu.edu-top.gif) no-repeat left top;  }}
	
	
	@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	 	.unu-header-logo { 
			height:90px !important; background:url(../images/ipad/logo-unu.edu-top-ipad3.gif) no-repeat left top; 
			background-size: 480px 77px;
	 	}
	}
	
	
	
@media only screen and (min-width:261px) and (max-width:700px){.unu-header-logo { background-size:100%;}}
	
	
@media only screen and (max-width:700px){.unu-header-logo {   background: url(../images/iphone/logo-unu.edu-top.gif) no-repeat center left;}
		body.merit .unu-header-logo  {   background: url(../images/iphone/logo-merit.unu.edu-top.gif) no-repeat center left;}}
 	
	
@media only screen and (max-width:261px){.unu-header-logo {  height:50px; background:  url(../images/iphone/logo-unu.edu-top-240.gif) no-repeat center left;}} 

/* Header Ends **********************************************************************/
/* Homepage Begin *******************************************************************/
.cell {height:94px;padding:10px 0; }

h2.home { font-size:20px; font-size:2rem; height:34px; height:3.4rem; line-height:34px; line-height:3.4rem; }

/* START: Headerings for blocks for homepage */	
	
@media only screen and (max-width:700px){div.home h2 { font-size:18px;  height:30px;  line-height:30px; }}
/* END: Headerings for blocks for homepage */	
			
	
div.home h4 a 		{ color:#000;}
.special h4, .special h5  { padding:3px 10px; font-weight:400}
.special > .columns { height:205px;}

.special a.thumbnail { height:109px; overflow:hidden;}
.marker { margin-top:-24px; height:24px;  width:100%; margin-bottom:0px;}
.marker a { 
	
	display:inline-block; 
	background:#000; 
	opacity:0.5; 
	color:#fff; 
	font-family:"ocr-b-std" !important; 
	line-height:12px; 
	font-weight:400; 
	text-transform:uppercase; 
	font-size: 7px;
	padding-left: 4px;
	padding-right: 4px;
	padding top: 1px;
	padding-bottom: 2px;

}
.marker a:hover   {color:#fff !important;}

	/* START: Different Rules to show special report columns for different devices */	

		
@media only screen and (max-width:700px){.special > .columns {  margin-bottom:10px !important;}
		.special > .columns img { width:100%;}}

		
@media only screen and (min-width:120px) and (max-width:700px){.special > .columns { height:auto;   }}

	/* END: Different Rules to show special report columns for different devices */	



/* START: Hidding the articles block and publications blocks on homepage for really small devices */	
	
@media only screen and (max-width:700px){.special > .columns {  margin-bottom:10px;}
	.special > .columns img { width:100%;}}
/* END: Hidding the articles block and publications blocks on homepage for really small devices */


/* START: Hidding the icon elements from 4columns homepage menu */
	
@media only screen and (max-width:700px){.home .articles, .home .publications {display:none}}
/* END: Hidding the icon elements from 4columns homepage menu */



/* START: Hidding the Additional Menu on Home Page */	
	
@media only screen and (min-width:320px) and (max-width:700px){.show-on-phones.hide-for-480 { display:none !important }}
/* END: Hidding the Additional Menu on Home Page */	

/* Homepage Ends ********************************************************************/
/* Widgets Begin ********************************************************************/
 
.widgetblock:before, .widgetblock:after  { content:""; display:table; }
.widgetblock:after { clear: both; }
.widgetblock { zoom: 1; }



.widgetblock h5 { margin-bottom:15px;}

.widgetblock { border-bottom:1px dotted #CDCCC8;   padding:15px 0;}
.widgetblock  p:last-child {margin-bottom:0px;}

	
/* search widget */
.widgetblock.searchwidget { border-bottom:none; padding-top:0px; margin-right:-3px; margin-left:3px;}
.widgetblock.searchwidget form { padding-top:0px; margin-top:0px; }


/* articles list -sidgetstyle */
.widgetblock.articleswidget ul { margin-bottom:0px;}
.widgetblock.articleswidget {border-bottom:none;}
ul.articleslist li:before, ul.articleslist li:after  { content:""; display:table; }
ul.articleslist li:after { clear: both; }
 


.widgetblock.articleswidget.series ul.articleslist li {height:79px; padding:10px 0; }
ul.articleslist {margin-bottom:0px;}
ul.articleslist li 	   		{ zoom: 1; border-bottom:1px dotted #CDCCC8;  margin-bottom:0px !important; height:104px; padding:5px 0;    }
ul.articleslist li:last-child { border-bottom:none; padding:5px 0px 0px 0px;   } 

.articleslist li a.img 		   { float:left;}
.articleslist li a 		  	   { color:#000;}
.articleslist li a img		   { width:100%;}
	
	
@media only screen and (min-width:940px){.articleslist li a.img  		{ width:120px;}
	.articleslist li a + a 		{ margin-left:135px;  }}

	
@media only screen and (min-width:900px) and (max-width:940px){.articleslist li a.img  		{  width:100px;}
	.articleslist li a + a 		{ margin-left:115px;  }}

	
@media only screen and (min-width:800px) and (max-width:900px){.articleslist li a.img  		{  width:100px;}
	.articleslist li a + a 		{ margin-left:115px;  }}

	
@media only screen and (min-width:750px) and (max-width:800px){.articleslist li a.img 		{  width:85px;}
	.articleslist li a + a 		{ margin-left:95px;  }} 

	
@media only screen and (min-width:700px) and (max-width:750px){.articleslist li a.img 		{ width:85px;}
	.articleslist li a + a 		{ margin-left:95px;  }}
 
 
/* news link */
.widgetblock.post,
.widgetblock.admission,
.widgetblock.event {padding-bottom:0px;}

.widgetblock.post ul,
.widgetblock.admission ul,
.widgetblock.event ul { padding-bottom:0px; margin-bottom:0px;  }

.widgetblock.post ul li,
.widgetblock.admission ul li,
.widgetblock.event ul li {margin-bottom:0px; padding:10px 0; border-bottom:1px dotted #CDCCC8;   }

.widgetblock.post ul li:last-child,
.widgetblock.admission ul li:last-child,
.widgetblock.event ul li:last-child { border-bottom:none; } 


/* rss */
.widgetblock.rsslink a {color:#000000;}
.widgetblock.rsslink a:hover {color:#DD9943;}


/* book experts */

.widgetblock.file-with-preview img { width:69px;}

.widgetblock.faculty > p {  border-bottom:1px dotted #CDCCC8; padding-bottom:21px; min-height:60px; padding-top:21px; margin-bottom:0px; }
.widgetblock.faculty > p img { float:left; margin:0px 15px 15px 0px;}
.widgetblock.faculty > p.first-child,
.widgetblock.faculty > p:first-child { padding-top:0px; }
.widgetblock.faculty > p:last-child { margin-bottom:0px; padding-bottom:0px; border-bottom:none; }
.widgetblock.faculty > p a { display:block;}


 




/* Widgets Ends *********************************************************************/
/* Lists Begin **********************************************************************/


dl.summary { font-size:12px;}
dl.summary dt { float:left; width:110px; color:#000; text-transform:uppercase;}
dl.summary dd { font-size:14px;margin-left:120px;}
dl.summary dd.closing-date,  dl.summary dd.application-due ,dl.summary dd.deadline {color:#F05930;}
dl.summary dd.starting-date, dl.summary dd.datetime 		{color:#7A873A; font-size:14	px !important;}


div.profile { min-height:170px; }
div.profile img { float:left; width:150px; height:150px; display:block; }
div.profile img + dl  {  display:block; margin-left:175px;}
div.profile dl > dt {float:left; width:100px; font-size:13px; color:#000;}
div.profile dt, div.profile  dd {line-height:19px;}
div.profile dd { margin-left:120px;   color:#000000;}

	
@media only screen and (max-width:320px){div.profile img { float:none; width:150px; height:150px; margin:0 auto; display:block; }
		div.profile img + dl  {  display:block; margin-left:0px; margin-top:10px;}}


.persons { margin-left:0px !important;}
.persons li {min-height:90px; list-style:none; margin-bottom:0px;}
.persons li img { float:left; margin-top:5px;}
.persons li img + a { margin-left:80px; display:block;}
.persons li a + span { margin-left:80px; display:block;}

 
.bookinfo img  { float:left;}

 
.bookinfo dl { margin-left:150px; }
.bookinfo dl dt { color:#000; float:left; margin-right:5px; }
.bookinfo dl dd, 
.bookinfo dl dt { font-size:11px;}
 
.bookinfo p  {
		margin-left:150px; 
	 	margin-top:20px; 
	 	width:500px; 
}
.bookinfo p span {
	margin-bottom:10px;
	display:block;
}

.bookinfo {
	clear:both;
	min-height:200px;
}
/* START: Persons List */
 

	
@media only screen and (min-width:650px) and (max-width:800px){.bookinfo p { 
	 	width:100%; 
		margin-top:0px;
		clear:left;
		margin-left:0px; 
	}}
 
	
 	
@media only screen and (max-width:650px){.bookinfo p { 
	 	width:100%; 
		margin-top:10px;
		clear:left;
		margin-left:0px; 
	}
	.bookinfo p span {
		margin-top:20px;
		display:block;
	}}
/* END: Persons List */

/* events */
ul.persons_list {display:block;padding:0px 100px 0 30px; }	
ul.persons_list li {padding:10px 0;}

/* START: Persons List */	
	
@media only screen and (max-width:700px){ul.persons_list {display:block;padding:0px 10px 0 10px; }}
/* END: Persons List */	

/* Lists Ends ***********************************************************************/
/* Index Begin **********************************************************************/
article.list-item { padding:15px 0px 10px 0;  border-bottom:1px dotted #CDCCC8;overflow:hidden;}

article.list-item h1 a, 
article.list-item h2 a, 
article.list-item h3 a, 
article.list-item h4 a, 
article.list-item h5 a, 
article.list-item h6 a{color:#000;}

article.list-item h6 { text-transform:uppercase;}	
article.list-item h3 { margin-bottom:0px; }


article.list-item a.img {float:left;} 
article.list-item a img { width:100%; }

article.list-item.publication.book a.img { width:70px}
article.list-item.publication.book a.img + div {margin-left:90px;}	

article.list-item.council a.img,
article.list-item.faculty a.img { width:60px;}

article.list-item.council a.img + div {margin-left:75px;}	
article.list-item.faculty a.img + div {margin-left:75px;}


article.list-item.event   a.img { width:140px;}
article.list-item.event   a.img + div {margin-left:150px;}


article.faculty-item { height:80px;} 
article.faculty-item a.img + h5 {margin-left:80px;}
article.faculty-item a.img + h5 + p {margin-left:80px;}

.articles-list.events { border-top:1px dotted #CDCCC8; }
 
article.publication.annual-report img { width:70px; float:left;} 
article.publication.annual-report img + div {margin-left:80px;}
 
		
article.publication.article a.img { width:140px;}
article.publication.article a + div { margin-left:150px;}

	
@media only screen and (min-width:320px) and (max-width:480px){article.publication.article a.img { width:70px;}
	article.publication.article a + div { margin-left:80px;}}
	

img.gs-image  { float:left;}

article.list-item.gs-web-image-box-landscape    a.gs-image { width:90px;}
article.list-item.gs-web-image-box-landscape    a.gs-image + div {margin-left:120px;}	
.gs-web-image-box-landscape img.gs-image 	{ max-width: 90px; max-height: 60px; }


.gs-web-image-box img.gs-image {max-width: 70px; max-height: 70px; }
article.list-item.gs-web-image-box     a.gs-image { width:80px;}
article.list-item.gs-web-image-box     a.gs-image + div {margin-left:90px;}


.gs-web-image-box-portrait img.gs-image { max-width: 70px; max-height:90px; }
article.list-item.gs-web-image-box-portrait    a.gs-image { width:70px;}
article.list-item.gs-web-image-box-portrait    a.gs-image + div {margin-left:100px;}
	
 

/* Index Ends ***********************************************************************/
/* Typography Begin *****************************************************************/


/* more for >> */
.more {color:#F05930; font-weight:600; line-height:13px; font-size:14px; font-size:1.4rem; display:inline-block;}

.date { font-size:12px !important;   color:#7A873A !important; font-weight:400;  margin-bottom:10px;}
.tags { font-size:12px;}

.imagepreview { margin-bottom:20px;}
.imagepreview img 	{width:100%;}
.page_contents 		{margin:20px 0;  }	

	.widgetblock p,
	.widgetblock ul li,
	.page_container p,
	.page_container ul,
	.page_container ul li {
		color:#000; 
	
		font-size:14px !important;
		line-height:20px;
	}
	
 

	.page_container ul {
		list-style-type:disc;
		margin-left:15px;
	}
	.page_container ul li {
		margin-bottom:5px;
	}

/* Typography Ends ******************************************************************/
/* Menus Begin **********************************************************************/
/********** Main menu - used for footer and header (on ipad table - portrait) *******/

div.mainmenu {display:block;text-align:justify; height:20px;}
div.mainmenu span,
div.mainmenu a{ color:#393526;display:inline-block;font-size:14px;font-weight:400;text-transform:uppercase;white-space:nowrap}
div.mainmenu span{color:#9a9a92;font-size:16px;padding-top:2px}
div.mainmenu span.end {display:inline-block;width:100%}



/********************* Menu on homepage  ************************/
.bigmenu {}
.bigmenu li {border-bottom:1px dotted #CDCCC8; height:42px; margin-bottom:0px;}
.bigmenu li a {line-height:39px ;color:#000; display:block; white-space:nowrap; }
 

/* START: Big menu different  */

	
@media only screen and (min-width:700px) and (max-width:980px){.bigmenu li { padding-left:16px;}
	.bigmenu li span.icon {margin-top:10px;margin-right:10px; }
	.bigmenu li { background: url(../images/website/vertical-arrows.png) no-repeat left -484px;}
	.bigmenu li:hover {background: url(../images/website/vertical-arrows.png) no-repeat left 15px;}}
	
	
@media only screen and (max-width:700px){.bigmenu a span.files.icon.pdf  {margin-top:12px !important; } 
	.bigmenu li { padding-left:16px;}
	.bigmenu li span.icon {margin-top:10px;margin-right:10px;}
	.bigmenu li { background: url(../images/website/vertical-arrows.png) no-repeat left -484px;}
	.bigmenu li:hover {background: url(../images/website/vertical-arrows.png) no-repeat left 15px;}}
/* END: Big menu different  */	




/* Menus Ends ***********************************************************************/
/* Top Begin ************************************************************************/
#top {
	background:#f7f5ec;
	border:1px solid #ccc;
	width:39px;
	height:34px;	
	display:block;

	position:fixed;
	bottom:10px;
	z-index: 100;
	
 	font-size:34px;
	color:#f05930;
	text-align:center;
	padding-top:10px;
	cursor:pointer;
 
	text-decoration:none;

	
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	
	
	
}

 

/*

 

.one.columns.ta-right a,
#gtt_go-to-top a {
	width:auto;
	background:#f1f1f1;
	border:1px solid #ccc;
	text-align:center;
	padding:3px 20px;
	position:fixed;
	bottom:10px;
 	
	cursor:pointer;
	color:#000;
	text-decoration:none;
	z-index: 100;
}
*/

/* Top Ends *************************************************************************/
/* Youtube Begin ********************************************************************/
.video_container {
 	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video_container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

 

/* Youtube Ends *********************************************************************/
/* Footer Begin *********************************************************************/


footer {margin-top:3px; display:block;padding-bottom:10px;background:#f7f5ec;border-top:1px solid #cdccc9;}	


/* START: Footer and Paragraph inside */	
	
@media only screen and (min-width:980px){footer  p { padding-left:0px; padding-top: 20px;}}

	
@media only screen and (min-width:250px) and (max-width:980px){footer  p { padding-left:30px}}
/* END: Footer and Paragraph inside */		


footer ul { margin-bottom:0px;}
footer ul li { padding-left:10px; margin:7px 0px; }
footer ul li a {color: #000000; font-size: 13px; font-weight:400; text-transform:uppercase; height:20px; display:block; }
footer p.logo {
    max-width: 300px;
   /* background-image: url(http://unu.edu/wp-content/themes/unu/assets/images/footer.png);*/
    background-image: url(/images/footer_logo.png);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: left 20px;
    height: 100px;
}
footer p.text {
    margin-left: 55px;
    margin-left: 5.5rem;
    font-size: 13px;
    font-size: 1.3rem;
}
.pad-footer-linksX {
    padding-top: 50px;
    width: 595px;
    margin-right: 44px;
}
/* START: Footer 4columsn fix */
	
@media only screen and (min-width:980px){footer .row .four.community {  width:30.60% !important; margin-left:0% !important}}
/* END: Footer 4columsn fix */	

.pad-footer-links {	padding-top:20px; width:725px;}
.pad-footer-cc	  {	padding-top:55px;}
		
 
.cc-logo {height:70px !important;display:block;background: url(../images/website/logo-creative-commons.gif) no-repeat right center;}
	
a.frameblock.cc-logo {height:70px !important;width :106px !important;}

/* Footer Ends **********************************************************************/

.admin-side-nav-title {
    /* Deprecate this in favour of the above */
    font-weight: bold;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.admin-side-nav {
    margin: 2px;
    padding: 0px;
}

.admin-side-nav li {
    border-bottom: 0px #DEDEDE solid;
    list-style: none;
    margin-bottom:5px;
}

.admin-side-nav a {
    padding: 2px;
    display: block;
}

.admin-side-nav li a:hover {
    background: #DD9943;
    color: white !important;
}

.admin-side-nav li a:active, .focus {
    background-color: #DD9943;
    color: white !important;
}