/*
yui reset
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*
yui fonts
*/
body {font:11px/1.40 arial,helvetica,clean,sans-serif;*font-size:69%;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

body {
  position:relative;
  width:760px;
  margin:0 auto;
  background:#161924;
  color:#000000;
  font-family:Verdana;
}

p {margin:0 0 15px 0;}
table, th, td, caption {padding:5px;}
table {margin-bottom:15px;}

h1,h2,h3 {font-family:Helvetica; line-height:1.2; font-weight:bold;}
h1 {font-size:173%; margin:0 0 15px 0;}
h2 {font-size:145.5%; margin:0 0 5px 0;}
h3 {font-size:127.3%; margin:0 0 4px 0;}
h4, h5, h6 {font-size:100%; font-weight:bold;}

h1.titles {font-size:218.2%; margin:15px 0 24px; color:#1f9a19;}
.biostats h2 {line-height:1.0;}
#c1.program h2{font-size:218.2%;}
#title h1, #title h2 {margin:0; font-weight:normal; line-height:1.1;}
#title h1 {font-size:32px;}
#title h2, #c1.program #content h3, #c1.program #pagenav #rlinks {font-size:173%;}
.showcase h1.titles, .showcase #subnav h3 {color:#98c5f2;}

#c1.home h3 {font-size:145.45%;}
#c1.home #featured h3 {font-size:154.54%; font-weight:normal;}
#c1.home #homenews h3 {font-size:154.54%; font-weight:normal; margin-bottom:9px;}
/*#c1.home h2 {font-size:34px;}*/
#c1.home h2 {font-size:24px;}

#pagenav #info, #pagenav ul.subnav, #pagenav ul.plain, a.more {font-size:91%;}
#c1.home h2 a, #c1.home h3 a,
#pagenav a, #pagenav a:link, #pagenav a:visited, 
.subnav a, .subnav a:link, .subnav a:visited, 
dl.centerItem dt a, dl.centerItem dt a:link, dl.centerItem dt a:visited,
a.newstitle, a.newstitle:link, a.newstitle:visited  {
  color:#000000;
}

a, a:link, a:visited,
h1 a, h1 a:link, h1 a:visited, h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited, h4 a, h4 a:link, h4 a:visited,
h5 a, h5 a:link, h5 a:visited, h6 a, h6 a:link, h6 a:visited,
#pagenav a:hover, #info a, #info a:link, #info a:visited, 
.subnav a:hover, dl.centerItem dt a:hover, a.newstitle:hover {
  color:#1f9a19;
  text-decoration:none;
}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #info a:hover {
  text-decoration:underline;
  cursor:pointer;
}
#info a, a.more {font-weight:bold;}




#minheight {display:none;}
.tools {float:right; color:#707070; margin:2px;}

dt,.big b,.big strong,.highlights,.sysTxtHdr,.imptLnks,.hdr,#alphalist p a {font-weight:bold;}
blockquote{margin:0 0 13px 20px;}
u {text-decoration: none;}
hr {border: 0; color: #fff; background-color: #fff; height: 1px; width: 100%; margin: 5px 0 15px 0;}
form {margin-bottom: 20px;}

.clear, .spacer {clear: both;}
.plain {font-weight: normal;}
.error {font-weight:bold; color:#ff0000;}
.nn4 {display: none;}

#alphalist hr {margin-top: 0;}
hr.a1 {margin-top: 28px; margin-bottom: 3px;}
hr.a2 {margin-top: 3px;}
* html hr.a1 {margin-bottom: 0;}
* html hr.a2 {margin-top: 0;}
.alignright {text-align: right;}
#questions {float: right; width: 236px; margin: 0 0 5px 13px;}
.toplink {display: block; float: right; padding: 0 0 7px 13px; font-weight:normal;}

#c1.full table.alt {width:100%; margin:14px 0 0 0;}
#c1.full table.alt td {padding:6px 0 6px 0;}
table.alt th {text-align: left;}
table.alt th, table.alt td {padding: 2px;}
table.alt th.padleft {padding-left: 13px;}
table.alt h4 {padding:2px 0 0 11px;}
table.alt a {text-decoration: none;}
table.alt a:hover {text-decoration: underline;}
table.alt tr.bgltgr {background-color: #FFFFFF;}
table.alt tr:hover {background-color: #ddd;}


.saColorImage {float:right; margin:0 0 5px 13px;}
.saImage {float:right; width:208px; margin:0 -13px 0 13px;}

.bgbk {background: #000;}
.bgdkgr {background: #040406;}
.bggr {background: #999;}
.bgltgr {background: #efefef;}
.white, a.white:link, a.white:visited, a.white:hover, a.white:active  {color: #fff;}

#formbuilder {clear:left;}
#formbuilder div {margin-top: 6px;}
#formbuilder input, #formbuilder textarea, #formbuilder select {display: block;}
#formbuilder input.checkbox, #formbuilder input.radio {display: inline; margin: 3px 3px -3px 0;}
#formbuilder input.button {display: inline; margin: 13px 13px 0 0;}
#formbuilder table {width: 277px;}
.field2, .field3 {border: 1px solid #7e7e7e;}
.field2 {width: 277px;}
input.field1 {border: 1px solid #000;}

input.text, textarea.textarea {width: 231px;}

#info a {
  display:block;
  margin-top:1em;
}

a.more {display:block;}

.showcase a.more {background:url(/docs/IO/24538/raquo_ltgrey.gif) 0 5px no-repeat;}
.showcase a.more {display:inline;}

img.cbHead {margin-bottom: 5px;}

ul {list-style-type: none;}
dl, dd {margin-bottom: 13px;}

ul li, a.more {
  background:url(/docs/IO/24538/raquo_black.gif) 0 5px no-repeat;
  padding-left:12px;
}

ol {margin:0 0 13px 0; padding:0 0 0 35px;}
ol li {background-image:none; margin:0 0 5px 0; padding:0;}
ol ol li {list-style-type: lower-alpha;}
ol ul, ul ul, #content ol ul, #content ul ul {margin:0 0 13px 15px;}

#content ul, ul.subnav, ul.plainarrow, ul.plain, dl.centerItem {margin-bottom:18px;}

ul.subnav li, ul.plainarrow li {
  background-image:url(/docs/IO/24538/raquo_green.gif);
  margin-bottom:6px;
}

ul.plainarrow li {}

ul.arrow li, ul.plainarrow li {background-image:url(/docs/IO/24538/arrow_green.gif); padding-left:20px;}
ul.arrow li.downarrow {background-image:url(/docs/IO/24538/arrow_down_blk.gif);}

ul.plain li {margin-bottom:4px; padding:0; background-image:none;}
ul.plainarrow ul.plain {margin:3px 0 6px;}

ul li.prophdr, ul li.hdr, ul li.plainhdr {
  background-image: none;
  font-weight: bold;
  margin: 15px 0 0 0;
  padding-left: 0;
}
ul li.hdr {margin: 7px 0 0 0;}
ul li.firsthdr {margin-top: 0;}
ul li.plainhdr {
  font-weight: normal;
  font-size: 11px;
  margin-bottom: 6px;
}


dl.images dt {clear: both; margin-top:15px;}
dl.images dt img {float: right;}
dl.images dd {margin:0;}
#subcontent dl.images dd {width: 426px;}
#mc1.images #subcontent dl.images dd {width: 231px;}
/* the IE, eet ees stuuuupid */
* html dl.images dt {display: inline;}
* html dl.images dd {padding-bottom: 15px;}


/*** PHOTO GALLERY ***/
#phototn {width:510px; overflow:hidden; background-color:#000000;}
#pcontrols {clear:both; margin: 0 auto; width:528px; height: 50px; background-color:#000000; padding:6px 0 6px 0;}
#pcontrols #previous{background: url(/docs/IO/24538/pLeftArrow.gif) no-repeat;margin: 0 4px 0 0;}
#pcontrols #next{background: url(/docs/IO/24538/pRightArrow.gif) no-repeat; margin:0 0 0 4px;}
#pcontrols #previous, #pcontrols #next {width:11px; height:49px; cursor:pointer; float:left; background-color:#1f9a19;}
#pcontrols #previous:hover, #pcontrols #next:hover {background-color:#ffffff;}
#tnbox {float:left; position:relative;overflow:hidden; width:498px;}

#tnmask {left:0px;position:relative;}
#tnmask span {border: 1px solid #FFFFFF; width:48px; height:48px; margin-right:6px; float:left;overflow:hidden;position:relative;}
#tnmask span.last {margin-right:0;}
#tnmask span a img {opacity:0.40;filter:alpha(opacity=40);height:60px;overflow:hidden;left:0px; top:0px;position:relative;}
#tnmask span a img:hover {opacity:1.00;filter:alpha(opacity=100);}
#tnmask span a img.selected {opacity:1.00;filter:alpha(opacity=100);}
#photocaption, #photocontent {padding:13px 30px 0;}
#photoslider { margin: 6px 0 11px 0;}
#pagenav div.top {margin: 0 0 15px 0;}
#tester {height:60px;}


/*** BIO COMPONENTS; CLASS, FACULTY, STAFF NOTES ***/
.biostats {padding:0px;}
.biostats td {padding:0 15px 0 0;}
.biostats p {margin:0;}

div.notes {
  margin: 15px 0;
  clear: both;
}
div.bio {
  margin: 20px 0 0;
  clear:both;
}
div.notes img, div.bio img {
  float: left;
  margin: 0 13px 7px -13px;
}
div.bio img {margin-left:0;}
div.bio h4 {
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding:3px 3px 4px;
}
div.notes hr, div.bio hr {clear:both;}



/*********************************************************
   START BASIC PAGE LAYOUT


GLOBAL NAV BAR AND MENUS
*********************************************************/
/* Globalnav stands alone. First div in the page */
#globalnav {
  background: #090b0c url(/docs/IO/24538/nav_ta_bg.gif) no-repeat;
  color: #ffffff;
  width: 760px;
  height:37px;
}
.home #globalnav {
  padding-top:8px;
  background-position:0 8px;
}
#globalnav a {color: #ffffff;}
img#top_logo {float:right;}
#globalnav li {
  float:left;
  padding:0;
  margin-left:1px;
  text-indent:-10000px;
}
#globalnav li a {display:block; height:37px; outline:none;}
#globalnav a.active {font-weight:bold;}

#gn_admissions {background:#090b0c url(/docs/IO/24538/nav_ta_admissions.gif) no-repeat; width:108px;}
#gn_admissions:hover {background-image:url(/docs/IO/24538/nav_ta_h_admissions.gif);}
#gn_admissions.active, #gn_admissions.active:hover {background-image:url(/docs/IO/24538/nav_ta_a_admissions.gif)}
#gn_students {background:#090b0c url(/docs/IO/24538/nav_ta_students.gif) no-repeat; width:143px;}
#gn_students:hover {background-image:url(/docs/IO/24538/nav_ta_h_students.gif);}
#gn_students.active, #gn_students.active:hover {background-image:url(/docs/IO/24538/nav_ta_a_students.gif)}
#gn_about {background:#090b0c url(/docs/IO/24538/nav_ta_about.gif) no-repeat; width:147px;}
#gn_about:hover {background-image:url(/docs/IO/24538/nav_ta_h_about.gif);}
#gn_about.active, #gn_about.active:hover {background-image:url(/docs/IO/24538/nav_ta_a_about.gif)}
#gn_giving {background:#090b0c url(/docs/IO/24538/nav_ta_giving.gif) no-repeat; width:108px;}
#gn_giving:hover {background-image:url(/docs/IO/24538/nav_ta_h_giving.gif);}
#gn_giving.active, #gn_giving.active:hover {background-image:url(/docs/IO/24538/nav_ta_a_giving.gif)}
#gn_programs {background:#090b0c url(/docs/IO/24538/nav_ta_programs.gif) no-repeat; width:94px;}
#gn_programs:hover {background-image:url(/docs/IO/24538/nav_ta_h_programs.gif);}
#gn_programs.active, #gn_programs.active:hover {background-image:url(/docs/IO/24538/nav_ta_a_programs.gif)}

div.menu {
  color: #ffffff;
  background: transparent url(/docs/IO/24538/topmenu_progdrop.gif) no-repeat;
  padding: 37px 0 0;
  width: 194px;
  visibility: hidden;
  position: absolute;
  /* shari added 11/10/10 to position the hidden/visible class=menu, id=programs box at top  */
  top: 0px;
  left:511px;
}
.home div.menu {top:8px;}


div.menu div {
  border:1px solid #161924;
  border-top:none;
  background-color:#000000;
  padding:26px 19px 3px;
  width:154px;
}
.menu a, .menu a:link, .menu a:visited, .menu a:hover {
  display:block;
  margin:0 5px 20px;
  font-size: 11px;
  text-decoration: none;
  font-weight:bold;
  font-family:helvetica;
}
.menu a:hover {text-decoration: underline;}
.menu hr {border: 0; color: #161924; background-color: #161924; height: 1px; width: 100%; margin: 2px 0 18px 0;}
a.tn_animation {color:#f4613f;}
a.tn_dramatic {color:#2bbd36;}
a.tn_film {color:#4997df;}
/* shari added 10/30/09  */
a.tn_producing{color:#ff9018;}
a.tn_prof {color:#ffffff;}

/*********************************************************
Footer stands alone at the bottom of the page
*********************************************************/
#footer {
  clear: both;
  width: 736px;
  height:12px;
  background-color: #000;
  padding:19px 24px 19px 0;
  margin:0;
  border-top:1px solid #bc251c;
}
#footer ul {float:right;}
#footer li {
  float:left;
  padding:0;
  margin-left:56px;
}

/*********************************************************
Basic layout for the whole center section
*********************************************************/

#sitenav {
  width: 100%;
  /* shari added 11/10/10 in order to get rid of the secondary nav inside TischAsia Program pages) */
  /* height: 23px; */
  height: 0px;
  padding-top:7px;
  background:#090b0c;
  color:#9d9d9d
}
#sitenav ul {margin-left:17px;}
#sitenav li {
  float:left;
  padding:0;
  margin-right:48px;
}
#sitenav a.active {font-weight:bold;}
#sitenav a:link, #sitenav a:visited {color:#9d9d9d;}
#sitenav a:hover, #sitenav a.active, #sitenav a.active:link, #sitenav a.active:visited {color:#ffffff; text-decoration:none;}

/* C1 wraps up mc1 and pagenav divs */
#c1 {
  position:relative;
  background:#efefef url(/docs/IO/24538/c1_bg.gif) repeat-y;
  width: 760px;
  padding-bottom:40px;
}
#c1.program {background:#ffffff url(/docs/IO/24538/c1_bg_prog.gif) repeat-y;}
#c1.full {background-image:none;}
#c1.home {background:#ffffff none;}

#mc1 {
  float:left;
  width: 561px;
  border-top:1px solid #ffffff;
}

#content {
  clear:both;
  float: left;
  width: 501px;
  padding: 24px 30px 0;
}

#pagenav {
  float: right;
  position:relative;
  width: 151px;
  padding:67px 24px 0;
  border-top:1px solid #ffffff;
}
* html #pagenav {overflow:hidden;}
/* shari added 11/10/10 to remove the white line at the top of the programs pages (with no images)  */
#c1.program #mc1 {width:460px; border-top: 0px solid #FFF;}
#c1.program #content {width:400px}
#c1.program #pagenav {width:244px; padding-left:32px; margin-top:270px; border:0;}
#c1.program #pagenav img {width:252px;}
#c1.full #mc1 {width:760px;}
#c1.full #content, #c1.full pagenav {float:none; clear:both; width:700px; padding:24px 30px 0;}

/* shari added 11/10/10 to remove the white line at the top of the programs pages (with no images)  */
#c1 #mc1 {border-top: 0px solid #FFF;}
#c1 #pagenav{border-top: 0px solid #FFF;}
/* end shari add  */

#subcontent {
  clear: both;
  width: 100%;
}

#images {width: 561px;}
#images img {width:187px; height:187px;}
#images img.full {width:561px;}

#c1.program #images {
  position:absolute;
  top:0;
  right:0;
  width: 300px;
}
#c1.program #images img {width:300px; height:270px;}

#bc {
  float: right;
  position:relative;
  color:#1f9a19;
  font-size: 91%;
  padding: 0;
}
#c1.full #bc{
position:absolute;
top:22px;
right: 201px;
}
#bc .active {font-weight:bold;}

#title {margin:15px 0 24px;}
#title img {margin: 0;}
#c1.program #title {margin:0 0 10px;}

#searchform{
  position:absolute;
  top:21px;
  margin:0;
  margin-left:8px;
  padding:0;
  width:150px;
}
#c1.program #searchform {top:31px;}
#c1.full #searchform {right:25px;}

.home h1 {display:none;}
.home #searchform {top:10px; right:3px;}

#searchform fieldset {border: 0;}
#searchform * {float: left;}
#searchform input.field1 {border:1px solid #bababa; background-color:#e2e2e2; color:#354758; width:112px; height:15px; margin-top:3px; padding:1px 3px 0;}
.home #searchform  input.field1 {border-color:#161924; background-color:#87a6b2; color:#000000;}
#searchform #gobutton {margin-left:2px; width:27px; height:24px;}

ul.news li {margin: 12px 0; background-image:none; padding:0;}
ul.news li h4 {padding: 5px 0 0 0;}
ul.news li.odd {background-color:#FFFFFF;}
ul.news div {margin-left:113px;}
ul.news li img {height:90px; margin-left:-37px;}
ul.news a.img {float:left; padding:1px; width:90px; height:90px; overflow:hidden;}

ul.faq {clear:both;}
ul.faq li.q {
  background:#ffffff none;
  margin:0 0 3px 0;
  padding:16px 24px 16px 0;
}
ul.faq li h4.qtitle {
  background:url(/docs/IO/24538/arrow_green.gif) 15px 55% no-repeat;
  padding:0 0 0 32px;
}
ul.faq li div.content {display:none; padding:7px 0 0 32px;}
ul.faq li.active {background-color:#F7F7F7;}
ul.faq li.active h4.qtitle {background-image:url(/docs/IO/24538/arrow_down_blk.gif);}
h4.qtitle a, h4.qtitle a:link, h4.qtitle a:visited {color:#707070; text-decoration:none;}
li.active h4.qtitle a, h4.qtitle a:hover, li.active h4.qtitle a:link, li.active h4.qtitle a:visited {color:#1f9a19; text-decoration:none;}


#homesplash{
/* background: #ffffff url(http://www.tischasia.nyu.edu.sg/props/CP/482/110/sing.jpg) no-repeat;  */
background: #cccccc url(http://www.tischasia.nyu.edu.sg/props/CP/482/110/ta_3_3_01.jpg) no-repeat;
width:760px;
height:340px;
}
#homesplash div{float:right;margin: 342px 10px 0 0;font-size:91%;}

#c1.home {background: #FFFFFF;}
#c1.home a.more {color:#249E2D;}
#cmain {margin: 24px 0 0 0; width:760px;}

#features {
  margin: 0 24px;
  width:488px;
  float:left;
  display:inline;
}
#features #featured {
  border-bottom:1px solid #e7e8e9;
  padding:0 0 15px 0;
}
/* shari added  */
#features #bottom_featured {
  clear:left;
  border-top:1px solid #e7e8e9;
  padding:15px 0 15px 0;
}

features #featured dl, #features #featured dd {margin:0;}

#secondary {margin:13px 0 0 0;}
#secondary li {background-image:none; width:132px; float:left; display:inline; margin: 0 46px 0 0; padding:0;}
#secondary li.last {margin:0;}
#secondary li a.more {display:inline;}

#homenews {
  float:left;
  width:180px;
  padding: 0 24px 0 18px;
  border-left:1px solid #e7e8e9;
}
#homenews div {margin: 0 0 9px 0; padding: 0 0 10px 0;}
#homenews div a img {margin:0 0 13px 0;}  
#homenews div img.newscontrol{float:left; margin:1px 0 0 0;}
#homenews div.newsinfo {padding:0 0 0 22px;margin:0;}
#homenews div.newsinfo p {margin:0;}
#homenews div.expanded p {font-weight:bold;}
#homenews div p.newscontent {font-weight:normal;}

#homeshowcase {margin-bottom:22px;}
  

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

   END BASIC PAGE LAYOUT

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


/* Clearing CSS */
#c1:after, ul.news li:after, div.showcaseList:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}



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

   SIFR CSS

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

.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics 
match up with the sIFR text metrics since the sIFR text in this example is so much narrower... 
your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1, .sIFR-hasFlash h2, .sIFR-hasFlash h3 {
    /*visibility: hidden;*/
}
.sIFR-hasFlash #title h1, .sIFR-hasFlash .showcase h1.titles {
    letter-spacing:-1px;
    word-spacing:-1px;
}

 /*********************************************************
 
    END SIFR CSS
 
 *********************************************************/