@charset "UTF-8";

/* The Institute for the Transregional Study of the Contemporary Middle East, North Africa and Central Asia custom styles
========================================================*/



/*==================================================================
  Style Sheet for Engineering

  filename: style.css
  author: Lee Lilly
  email: llilly@princeton.edu
  
  Font sizes are done in ems based on 16pt type.
  sizes:
  10px = .625em  
  11px = .6875em 
  12px = .75em
  13px = .8125em
  14px = .875em
  15px = .9375em
  16px = 1em
  17px = 1.0625em
  18px = 1.125em
  19px = 1.1875em
  20px = 1.25em
  21px = 1.3125em
  22px = 1.375em
  23px = 1.4375em
  24pc = 1.5em
  25px = 1.5625em
  26px = 1.625em
  27px = 1.6875em
  28px = 1.75em
  30px = 1.875em
  
==================================================================*/

/* Example table created by Jill */


#content table th {
border-top:#692e03 1px solid;
background-color:#DD894A;
color: #fff;
font-weight:bold;
padding: 0.4em 0.7em;
text-align:left;
}

#content table tr {
}

#content table td {
color: #333333;
padding: 0.2em 0.7em 3em 0.7em;
border-bottom:#dd894a 1px solid;
}


#navbeta .roxen-edit-box-on a.roxen-edit-marker-on {
    background: url("/roxen-files/cms-images/button_edit_comp.gif") no-repeat scroll left top transparent;
    display: block;
    height: 13px;
    position: absolute;
    visibility: visible;
    width: 28px;
    z-index: 1;
}

#content,
#subcontent{
font-size:.75em;
}

html,body {
	margin:0;
	padding:0;
	background-image: url(/nes/images/lrgBG.gif);
	background-attachment:fixed;
	font-family: Verdana, Arial, sans-serif;
	height: 100%;
	line-height: 1em;
	font-size:1em;
}

h1, h2, h3, h4, h5{
	font-family:  "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	padding:0 0 8px 0;
	margin:0;
}

h1 {
	font-size: 1.667em;
	color: #4c3200;
}

#news.archive h2, h2 {
    font-size: 1.5em;
	color: #83512c;
}

#person_header h2{
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.333em;
	color: #83512c;
}

h3 {
    font-size: 1.333em;
	color: #853d03;
}


h4 {
    font-size: 1.167em;
	color: #333;
}

h5 {
    font-size: .917em;
	color: #000;
}


p{
	margin:0 0 1em 0;
}

#wrappercontainer {
	margin:0;
	padding:0;
	width:100%;
	height: 100%;
	min-height: 100%;    
	background-image: url(/nes/images/mainBG.gif);
	background-position:center top;
	background-repeat: no-repeat;
}

#wrapper {
	margin:0 auto; /* center, not in IE5 */
	padding:0 0 20px 0;
	width:960px;
	height: 100%;
	min-height: 100%;
}

a:link, a:visited {
    color: #b9733e;
}

a:hover {
    color: #666;
}

#navbeta .roxen-edit-box-on a.roxen-edit-marker-on{
    visibility: visible;
    display: block;
    position: absolute;
    background: URL(/roxen-files/cms-images/button_edit_comp.gif) top left no-repeat;
    width: 28px;
    height: 13px;
    z-index: 1;
}



/*************************
HEADER
**************************/

#headercontainer {
	width:960px;
	height:93px;
	padding:0;
	margin:0;
}


/*************************
BANNER
**************************/
#bannercontainer {
	width:960px;
	padding: 0;
	margin: 0;
}

#bannerlogo {
	width:285px;
	padding: 0;
	margin:0;
}

#bannerphoto,
#home #bannerphoto {
	background-image:url(/nes/images/home.jpg);
	background-repeat:no-repeat;
	width:725px;
	height:239px;
	padding:0 10px 0 0;
	margin:0;
	float:right;
	border-left:1px solid #000;
	overflow:hidden;
}

#news #bannerphoto {
	background-image:url(/nes/images/news.jpg);
	background-repeat:no-repeat;
	width:725px;
	height:239px;
	padding:0 10px 0 0;
	margin:0;
	float:right;
	border-left:1px solid #000;
	overflow:hidden;
}
#people #bannerphoto {
	background-image:url(/nes/images/people.jpg);
	background-repeat:no-repeat;
	width:725px;
	height:239px;
	padding:0 10px 0 0;
	margin:0;
	float:right;
	border-left:1px solid #000;
	overflow:hidden;
}
#resources #bannerphoto {
	background-image:url(/nes/images/resources.jpg);
	background-repeat:no-repeat;
	width:725px;
	height:239px;
	padding:0 10px 0 0;
	margin:0;
	float:right;
	border-left:1px solid #000;
	overflow:hidden;
}
#graduates #bannerphoto {
	background-image:url(/nes/images/graduates.jpg);
	background-repeat:no-repeat;
	width:725px;
	height:239px;
	padding:0 10px 0 0;
	margin:0;
	float:right;
	border-left:1px solid #000;
	overflow:hidden;
}
#undergraduates #bannerphoto {
	background-image:url(/nes/images/undergraduates.jpg);
	background-repeat:no-repeat;
	width:725px;
	height:239px;
	padding:0 10px 0 0;
	margin:0;
	float:right;
	border-left:1px solid #000;
	overflow:hidden;
}
#programs-domestic-abroad #bannerphoto {
	background-image:url(/nes/images/programs-domestic-abroad.jpg);
	background-repeat:no-repeat;
	width:725px;
	height:239px;
	padding:0 10px 0 0;
	margin:0;
	float:right;
	border-left:1px solid #000;
	overflow:hidden;
}
#contact #bannerphoto {
	background-image:url(/nes/images/contact.jpg);
	background-repeat:no-repeat;
	width:725px;
	height:239px;
	padding:0 10px 0 0;
	margin:0;
	float:right;
	border-left:1px solid #000;
	overflow:hidden;
}


/*************************
TOOLBAR
*************************/
div#toolbarcontainer {
    background:none;
    width:570px;
	float:right;
}

#toolbar {
    
    background-color:#000;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	float:right;
	padding:10px;
	text-align:right;
}

#toolbarlinks{
	padding:0 7px 0 0;
	margin:0;
	float:right;
}

#toolbarnav ul{
	padding:0;
	margin:0;
}

#toolbarnav li{
	display:inline;
	padding:0 5px;
}

#toolbarnav li a{
	font-size:.675em;
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}

#toolbarnav li a:hover{
	color:#dd894a;
	text-decoration:none;
}

#logolink {
    display:none;
}

#searchbox{
	width:145px;
	height:20px;
	padding:0;
	margin:0;
	float:right;
}

#searchbox form{
	padding:0;
	margin:0;
	height:20px;
}

input.searchtext{
	padding:2px;
	margin:0;
	float:left;
	width:112px;
	height:14px;
	border:1px #999 solid;
}

input.searchbutton{
	padding:0;
	margin:0;
	float:right;
}

/*************************
MAIN
*************************/

#maincontainer{
	display: inline-block; /*sets hasLayout - required for IE*/
	display: block; /*resets to proper property value without resetting layout*/
	overflow: hidden; /*causes modern browsers to enclose child floats*/

	width:960px;
	padding:0;
}

#main{
	display: inline-block; /*sets hasLayout - required for IE*/
	display: block; /*resets to proper property value without resetting layout*/
	overflow: hidden; /*causes modern browsers to enclose child floats*/

	background-image: url(/nes/images/tile.gif);
	background-position:-1px 236px;
	background-repeat: repeat-y;
	padding:0 0 25px 0;
}


/*************************
Search Box
*************************/

#searchbox input.submit {
	background-image:url(/transregional/images/search.gif);
	height: 20px;
	width: 20px;
}


/*************************
NAV_ALPHA
*************************/
#navalphacontainer {
	display: none:
}

#navalpha {
	display: none:
}


/***************************************************************************
NAV_BETA
***************************************************************************/

#navbetacontainer {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: normal;
	width:214px;
	font-size: .8em;
	height: 100%;
	min-height: 100%;
	line-height:1.1em;
	float:left;
	padding:0 0 0 10px;
}

#navbeta .disabled{
text-decoration:line-through;
}

#navbeta {
	margin:0;
	padding:0;
}

#navbeta ul li {
	list-style:none;
	margin: 0;
	padding:0;
	border-bottom:1px #a16436 dotted; 
}


#navbeta ul li.last {
	border-bottom:none; 
}

#navbeta ul li a{
	display:block;
	width:194px;
	color: #fff;
	padding:10px;
	text-decoration: none;
}

#navbeta ul li.first.level1 a{
	display:block;
	color: #fff;
	text-decoration: none;
	background:none;
}

#home #navbeta ul li.selected.first a,
#navbeta ul li.first.level1 a:hover{
	background-image: url(/nes/images/ROfirst.png);
	background-position:0 0;
}

#navbeta ul li a:hover,
#navbeta ul li.selected a,
#navbeta ul li.unfolded a,
#navbeta ul li.unfolded a:hover{
	background-image: url(/nes/images/RO.gif);
	background-position:0 0;
	text-decoration: none;
}

#navbeta ul li.unfolded a{
    color:#DD894A;
}


#navbeta ul li.unfolded a:hover{
    color:#fff;
}

#navbeta ul li ul li.unfolded a{
    color:#f9b07d;
}

#navbeta ul li ul li.unfolded a:hover{
    color:#fff;
}

/*************************
NAV_BETA SUBNAV
*************************/
#navbeta ul li ul{
	background-image: url(/nes/images/RO.gif);
	margin:0;
	padding:0 0 5px 0;
}


#navbeta ul li ul li,
#navbeta ul li ul li.first{
	list-style:none;
	padding:0;
	font-weight: normal;
	font-size:.95em;
	line-height:1.1em;
	border-bottom:none;
}

#navbeta ul li ul li a,
#navbeta ul li ul li.normal a{
	color: #dd894a;
	font-weight: normal;
	text-decoration: none;
	width:169px;
	padding:5px 25px 5px 20px;
}


#navbeta ul li ul li a:hover,
#navbeta ul li ul li.normal a:hover,
#navbeta ul li ul li.selected a,
#navbeta ul li ul li.selected a:hover,
#navbeta ul li ul li.unfolded a:hover{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	background-image: url(/nes/images/subRO.gif);
	background-position:10px 7px;
	background-repeat:no-repeat;
}

/*************************
NAV_BETA SUB_SUBNAV
*************************/
#navbeta ul li ul li ul{
}




#navbeta ul li ul li ul li{
	font-size: .9375em;
	margin:0;
	font-weight:normal;
}


#navbeta ul li ul li ul li a,
#navbeta ul li ul li ul li.normal a{
	color: #f9b07d;
	text-decoration: none;
	font-weight:normal;
	padding:3px 0 3px 30px;
	background:none;
}

#navbeta ul li ul li ul li a:hover,
#navbeta ul li ul li ul li.selected a,
#navbeta ul li ul li ul li a:hover,
#navbeta ul li ul li ul li.selected a:hover,
#navbeta ul li ul li ul li.unfolded a:hover,
#navbeta ul li ul li ul li a:hover{
	color: #fff;
	text-decoration: none;
	font-weight:normal;
	background-position:20px 5px;
}


#navbeta ul li ul li ul li ul{
	border:none;
	margin:0;
	padding:0;
}

#navbeta ul li ul li ul li ul li a,
#navbeta ul li ul li ul li ul li.normal a,
#navbeta ul li ul li ul li ul li.selected a,
#navbeta ul li ul li ul li ul li.normal a,
#navbeta ul li ul li ul li ul li.disabled a{
	color: #F9B07D;
	padding:3px 0 3px 35px;
	font-weight:normal;
}

#navbeta ul li ul li ul li ul li a:hover,
#navbeta ul li ul li ul li ul li.normal a:hover,
#navbeta ul li ul li ul li ul li.selected a:hover,
#navbeta ul li ul li ul li ul li.selected a,
#navbeta ul li ul li ul li ul li.unfolded a:hover,
#navbeta ul li ul li ul li ul li.disabled a:hover{
background-position:27px 3px;
color:#fff;
}

#navbeta ul li ul li ul li ul li ul li a,
#navbeta ul li ul li ul li ul li ul li.normal a,
#navbeta ul li ul li ul li ul li ul li.selected a,
#navbeta ul li ul li ul li ul li ul li.normal a,
#navbeta ul li ul li ul li ul li ul li.disabled a{
	color: #F9B07D;
	padding:2px 0 2px 45px;
	font-weight:normal;
}

#navbeta ul li ul li ul li ul li ul li.normal a:hover,
#navbeta ul li ul li ul li ul li ul li.selected a:hover,
#navbeta ul li ul li ul li ul li ul li.selected a,
#navbeta ul li ul li ul li ul li ul li.normal a:hover,
#navbeta ul li ul li ul li ul li ul li.disabled a:hover{
background-position:36px 3px;
color:#fff;
}


#navbeta ul li.externallink a:after{
    content: " " url(/nes/images/external.png);
}


/*************************
BREADCRUMB
*************************/
#breadcrumbscontainer {
	display:none;
}

/*************************
CONTENT
*************************/

#maincontainer #content{
    clear:both;
    float:left;
    margin: 10px 0 0 0;
    width:490px;
}


#uppercontent{
	display:none;
}

#contentcontainer{
	padding:15px 35px 15px 0;
	width:700px;
	float:right;
}

#maincontainer.subcontent-collapse #content{
	width:680px;
	padding:0;
	float:right;
}


#maincontainer #content{
    clear:both;
    float:left;
    margin: 0;
    width:470px;
    padding:0 10px 0 20px;
}

#subcontent{
	width:180px;
	float:right;
	border-left:1px solid #ccc;
	padding:0 0 0 10px;
}

#content p,
#subcontent p,
#content .file-component{
	line-height:1.3em;
}

div.picture-component div.caption {
	font-size:.7em;
	color:#FFF;
	font-style:italic;
	padding:8px;
	background-color:#999;
	line-height:1.2em;
}

#subcontent .body{
	margin:8px 0 15px 0;
}

#subcontent img{
	width:190px;
	overflow:hidden;
}

/*************************
EVENTS
*************************/

.news-comp .entry .title{
	font-weight:bold;
}

#subcontent .news-comp .entry .title{
	font-weight:bold;
}

.news-comp .entry .title a,
.news-archive-comp .news-archive-month-view ul li a{
	color:#996400;
	text-decoration:none;
}

.news-comp .entry .title a:hover,
.news-archive-comp .news-archive-month-view ul li a:hover{
	color:#666;
	text-decoration:underline;
}

.news-comp .entry .summary{
	color:#000;
	line-height:1.3em;
}

.news-comp .entry{
	margin:0 0 1.5em 0;
}

.news-comp .entry .readmore,
.viewall{
	text-align:right;
	padding-top:5px;
}

.news-comp .entry .readmore a,
.viewall a{
	color:#999;
}

.news-comp .entry .readmore a:hover,
.viewall a:hover{
	color:#000;
}

.news-comp .entry .byline{
	color:#999;
	padding:0;
}

.news-comp .entry .keywords{
	font-size:.8em;
}

.news-comp .entry .byline {
    margin-bottom: .5em;
}




/***************************************************************************
PEOPLE
***************************************************************************/
p.people-filter{
	padding:0 0 1.5em 0;
}

div.peopleadmin{
	font-size:.7em;
	color:#999;
}

#person_info{
	line-height:1.3em;
}

#people table.module-table th,
#content table tr.first{
border-top:#692e03 1px solid;
background-color:#DD894A;
color: #fff;
font-weight:bold;
padding: 0.4em 0.7em;
}

#content table tr.first td{
color: #fff;
font-weight:bold;
padding: 0.4em 0.7em;
}

table.module-table tr{
border-bottom:#dd894a 1px solid;
}

table.module-table tr.rowodd ,
table.module-table tr.roweven {
background-color: transparent;
}

table.module-table td {
color: #333333;
padding: 0.2em 0.7em 3em 0.7em;
}

div.search-people{
float: left;
padding: 1em 0.5em 1em 0;
}

div#content + div.search-people{
width:250px;
}

div#content + div.search-people + div.search-people{
width:210px;
}

div#content + div.search-people + div.search-people + div.search-people{
width:210px;
}

#content .search-people form input[type="text"],
#content .search-people form input[type="submit"]{
float:left;
}

#content .search-people form input[type="text"] {
    height: 16px;
    line-height: 16px;
    margin-right: 0.5em;
}

#content form select {
    border: 1px solid #CCCCCC;
}

#content .search-people form input[type="submit"]{
text-indent:-9999px;
background: url("/transregional/images/search.gif") -1px -1px transparent;
height: 19px;
width: 19px;
border:none;
font-size: 0; 
display:block; 
line-height: 0;
}

.news-archive-comp h2{
padding-bottom:1em;
}

.news-archive-comp h3{
padding-bottom:.5em;
}

ul.options li{
padding-right:10px;
}

ul.options{
padding-bottom:1em;
}

/***************************************************************************
FOOTER
***************************************************************************/
#footercontainer {
	clear: both;
	border: none;
	margin:25px 0 0 0;
	width: 960px;
}
#footer {
	width:706px;
	color:#666;
	padding:10px;
	font-size: .7em;
	float:right;
	
}
#footercontent p {
	margin-bottom: 0;
}
#footercontent div {
}
#footer a {
	text-decoration:none;
	color: #333;
}
#footer a:hover {
	color: #346b8a;
}
#footer a.editmode {
	color: #e00;
}
#footer a.editmode:hover {
	color: #346b8a;
}

#footercontent div.footer-right {
	float: right;
	width: 400px;
	display: block;
	text-align: right;
	padding: 0 10px 0 0;
}