/* CLIENT NAME */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
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, font, 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, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; margin-bottom:1px; } /* add:margin-bottom:1px if you want scrollbar to always appear (avoids page shifting) */

body { text-align:center; font-size:1em; line-height:1.1em; font-family:arial, helvetica, sans-serif; color:#534c3f; background:#d8d4cc; }
table, th, td, input, textarea, select { font-size:1em; line-height:1.4em; font-family:arial, helvetica, sans-serif; color:#534c3f; }

a img, :link img, :visited img { border:none; }

a:link { color:#3464a6; text-decoration:none; }
a:visited { color:#6585b1; text-decoration:none; }
a:hover, a:active { color:#3464a6; text-decoration:underline; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

blockquote.qt { padding:11px 20px 20px; font-size:1.2em; line-height:1.6em; font-family:georgia,serif; font-weight:bold; background:#f5f5f5 url(../images/bg-quote.png) no-repeat 100% 100%; }
blockquote.qt span { margin:0 5px 0 2px; width:10px; height:10px; display:inline-block; background:url(../images/bg-icons.png) no-repeat 0 2px; }
blockquote.qt span, x:-moz-any-link { padding-right:6px; } /* ff2 */
blockquote.qt span, x:-moz-any-link, x:default { padding-right:0; } /* ff3 */
blockquote.qt span.qt-last { margin:0 0 0 5px; background-position:-10px 0; }

br { margin:.5em 0 0; }

h1, .h1 { margin:0 0 .7em; font-size:1.2em; line-height:1.4em; }
h2, .h2 { margin:0 0 .6em; font-size:1.1em; line-height:1.1em; }
h3, .h3 { margin:0 0 .6em; font-size:1em; line-height:1.3em; }
h4, .h4 { margin:0 0 .6em; font-size:.9em; line-height:1.3em; }
h5, .h5 { margin:0 0 .6em; font-size:.8em; line-height:1.3em; }
h6, .h6 { margin:0 0 .6em; font-size:.75em; line-height:1.3em; }

input { padding:2px; border:1px solid #a5acb2; }

p { margin:0 0 24px; }

select { border:1px solid #a5acb2; cursor:pointer; }

table { border-collapse:collapse; }

textarea { padding:2px; border:1px solid #a5acb2; }


/* WIDGETS
------------------------------------------------------------------------------------- */
/* CONTACT FORM TOGGLE */
#contact-form { position:absolute; bottom:0; right:1px; width:200px; z-index:90; }
#contact-form li { height:61px; display:inline; color:#6799c8; }
#contact-form li a, #contact-form li div { position:relative; height:61px; color:#fff; outline:none; }
#contact-form li strong { height:61px; }
#contact-form li, #contact-form li a, #contact-form li strong, #contact-form li div { background-image:url(../images/btn-contact-form.png); }
#contact-form li#contact-form1, #contact-form li#contact-form1 a, #contact-form li#contact-form1 a strong { background-position:0 0; width:200px; }
#contact-form .yui-content { position:relative; }
#contact-form .close { position:absolute; top:29px; right:20px; width:18px; height:18px; display:block; overflow:hidden; text-indent:-9999px; outline:none; background:url(../images/bg-icons.png) no-repeat -135px 0; }

#contact-form-box { position:absolute; bottom:0; right:0; width:345px; height:416px; color:#958c7a; font-size:1.3em; background:url(../images/bg-contact-form-box.png) no-repeat 0 0; z-index:100; }
#contact-form-box .inner { margin:0; padding:30px 20px 20px 30px; width:295px; height:366px; background:url(../images/bg-contact-form-box-corner.png) no-repeat 100% 100%; }
#contact-form-box table { margin:10px 0 0; width:100%; }
#contact-form-box td { padding:0 10px 8px 0; color:#958c7a; vertical-align:top; }
#contact-form-box td.last { width:70px; }
#contact-form-box td label { padding-top:2px; width:100%; display:block; text-align:right; }
#contact-form-box td input { width:90%; }
#contact-form-box td textarea { width:90%; }
/*#contact-form-box td .submit { width:67px; height:25px; text-indent:-9999px; background:url(../images/bg-icons.png) no-repeat -68px 0; border:none; cursor:pointer; }*/
#contact-form-box td span.submit { width:67px; height:25px; display:block; background:url(../images/bg-icons.png) no-repeat -68px 0; }
#contact-form-box td span.submit input { width:67px; height:25px; border:none; cursor:pointer; opacity:0; }

    
.tabs div.yui-hidden { display:none; }
.tabs div.yui-content { margin:0; padding-top:8px; min-height:115px; }
.tabs h4 { margin:0 0 3px; color:#958c7a; }
.tabs ul.yui-nav li { margin:0 5px 0 0; width:18px; height:18px; float:left; display:inline; text-indent:-9999px; cursor:pointer; background:url(../images/bg-tabs.png) no-repeat 100% 0; }
.tabs ul.yui-nav li.selected { background-position:100% -18px }

.tabs ul.yui-nav li#tab1 { background-position:0 0; }
.tabs ul.yui-nav li#tab1.selected { background-position:0 -18px; }
.tabs ul.yui-nav li#tab2 { background-position:-18px 0; }
.tabs ul.yui-nav li#tab2.selected { background-position:-18px -18px; }
.tabs ul.yui-nav li#tab3 { background-position:-36px 0; }
.tabs ul.yui-nav li#tab3.selected { background-position:-36px -18px; }
.tabs ul.yui-nav li#tab4 { background-position:-54px 0; }
.tabs ul.yui-nav li#tab4.selected { background-position:-54px -18px; }

p.more { position:absolute; top:4px; right:0; width:48px; height:23px; text-indent:-9999px; background:url(../images/bg-icons.png) no-repeat -20px 0; }
p.more a { display:block; width:48px; height:23px; outline:none; }

.pdf, a:hover .pdf { color:#958c7a !important; cursor:pointer; }
.pdf small, a:hover .pdf small { padding:0 0 0 15px; font-size:.9em; background:url(../images/link_pdf.png) no-repeat 0 0; cursor:pointer; }
a.pdf { margin:10px 0 0; display:block; font-size:12px; }

/* LISTS
------------------------------------------------------------------------------------- */
#main ul { margin-left:20px; }
#main ol { margin-left:24px; }

.list-nobull li { list-style:none; }

.list-arrow li { list-style:none; background:#eaeaea url(../images/bg-list-arrow-bg.png) repeat-x 0 100%; }
.list-arrow li:hover { background:#f1f1f1 url(../images/bg-list-arrow-hover.png) repeat-x 0 100%; }
.list-arrow li a { position:relative; padding:6px 0 7px 8%; width:92%; display:block; background:url(../images/bg-list-arrow.png) no-repeat 4px 7px; }
.list-arrow li a:hover { text-decoration:none; }
.list-arrow li a span.link-text {display:block; width:225px;}
.list-arrow li a span.pdf { position:absolute; top:6px; right:1px; }

.list-bios { margin:20px 0 10px !important; }
.list-bios li { margin:0 0 20px; list-style:none; border-bottom:1px solid #c7c7c7; }
.list-bios .last { border:0; }
.list-bios p { margin:0 0 20px; }
.list-bios p.floatleft { padding:1px; border:1px solid #504c40; }
.list-bios div { width:360px; float:left; display:inline; }
.list-bios h2 { margin:0 0 2px !important; }
.list-bios h3 { margin:0 0 10px !important; }
.list-bios h3 a { font-weight:normal; }
.list-bios .marg { margin:0 0 10px !important; }

.list-publications li { margin:0 0 6px; }
/*.list-publications li a { font-size:.9em; }*/

.list-news { margin:0 !important; }
.list-news li { margin:0 0 20px; list-style:none; }
.list-news h3 { margin:0 0 5px; font-size:.9em; }
.list-news p { margin:0 0 10px; }
.list-news .pdf { margin:5px 0 0; }

.list-events { margin:10px 0 0 !important; }
.list-events li { margin:0 0 7px; list-style:none; line-height:16px; }

/* TABLES
------------------------------------------------------------------------------------- */
.tbl-caption { width:100%; border-collapse:collapse; }
.tbl-caption td { text-align:center; }
.tbl-caption td img { margin:0; }
.tbl-caption td a, .tbl-caption td span { margin:0 0 5px; padding:10px; display:inline-block; /*background:#fff;*/ }
	.tbl-caption td a img {border:#757c92 10px solid !important;}
/*.tbl-caption td a.alt,*/ .tbl-caption td span.alt { background:#757c92; }
.tbl-caption td small { margin:2px 0 6px; display:block; }

/* STRUCTURE
------------------------------------------------------------------------------------- */
#skip { display:none; }

.row { margin:30px 0 0; padding:20px 0 0; background:url(../images/bg-main-top.png) no-repeat 50% 0; }
.row .row { margin:0; padding:0; background:url(../images/bg-main-stretch.png) repeat-y 50% 0; }
.row .row .row { background:url(../images/bg-main-btm.png) no-repeat 50% 100%; }

.inner { position:relative; margin:0 auto; padding:0 10px; width:970px; font-size:.75em; text-align:left; }


/* SHARED
------------------------------------------------------------------------------------- */
#header { position:relative; margin-left:-1px; height:125px; z-index:50; background:url(../images/bg-head.jpg) no-repeat 0 0; }
.home #header { height:400px; background:url(../images/bg-head-h.jpg) no-repeat 0 0; }
#header p { margin:0; padding:0; }

#logo { position:absolute; top:0; left:8px; }


/* NAVIGATION
------------------------------------------------------------------------------------- */
/* Generic Nav Styles */
.nav { position:absolute; }
.nav li { float:left; position:relative; list-style:none; }
.nav li a { cursor:pointer; }
.nav li a:hover { text-decoration:none; }
.nav li a, .nav li div { position:relative; display:block; text-decoration:none; color:#fff; font-size:14px; }
.nav li strong { position:absolute; top:0; left:0; display:block; }
	
/* Main Nav - Specific */
#nav { top:0; left:267px; width:702px; height:43px; background:url(../images/bg-nav.png) no-repeat 100% 0; z-index:70; }
#nav li { height:43px; }
#nav li a, #nav li div { height:43px; font-size:10px; line-height:53px; }
#nav li strong { height:43px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image:url(../images/bg-nav-li.png); }

#nav li.about, #nav li.about a, #nav li.about a strong { background-position:0 0; width:173px; }
#nav li.programs, #nav li.programs a, #nav li.programs a strong { background-position:-173px 0; width:121px; }
#nav li.news, #nav li.news a, #nav li.news a strong	{ background-position:-294px 0; width:84px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position:-378px 0; width:144px; }

/* HOVER STATE */
#nav li.about:hover a, #nav li.about:hover a strong, #nav li.about a:hover, #nav li.about a:hover strong { background-position:0 -43px; width:173px; }
#nav li.programs:hover a, #nav li.programs:hover a strong, #nav li.programs a:hover, #nav li.programs a:hover strong { background-position:-173px -43px; width:121px; }
#nav li.news:hover a, #nav li.news:hover a strong, #nav li.news a:hover, #nav li.news a:hover strong { background-position:-294px -43px; width:84px; }
#nav li.contact:hover a, #nav li.contact:hover a strong, #nav li.contact a:hover, #nav li.contact a:hover strong { background-position:-378px -43px; width:144px; }

/* ON STATE */
#nav li.abouton, #nav li.abouton a, #nav li.abouton a strong { background-position:0 -86px; width:173px; }
#nav li.programson, #nav li.programson a, #nav li.programson a strong { background-position:-173px -86px; width:121px; }
#nav li.newson, #nav li.newson a, #nav li.newson a strong	{ background-position:-294px -86px; width:84px; }
#nav li.contacton, #nav li.contacton a, #nav li.contacton a strong { background-position:-378px -86px; width:144px; }

/* FIRST LEVEL DROP DOWNS */
#nav li ul { display:none; }
#nav li ul li, #nav li ul li a, #nav li ul li div { background:none; font-size:12px; line-height:18px; }
#nav li:hover ul, #nav li a:hover ul { position:absolute; top:43px; left:0; width:173px; display:block; background:#1f3b69; opacity:.9; }

#nav li:hover li, #nav li a:hover li { padding:0 15px 0; height:auto; width:143px !important; }
#nav li:hover li.last, #nav li a:hover li.last { border:0; }

#nav li li a { padding:3px 0 4px 4px; width:139px !important; height:auto; display:block; color:#77bdff; border-bottom:1px solid #3a5e8e;}
#nav li li a:hover { color:#5587be; border-bottom:1px solid #3a5e8e;}
#nav li li.last a { padding-bottom:8px !important; border:0; }
#nav li li.last a:hover { border:0; }

/* SECOND LEVEL DROP DOWNS, FLYOUTS */
#nav li:hover li ul, #nav li a li a ul { visibility:hidden; opacity:.9; }
#nav li:hover li:hover ul, #nav li a:hover li a:hover ul { position:absolute; top:0; left:173px; visibility:visible; }

#nav li:hover li li a, #nav li a:hover li li a { color:#77bdff; }
#nav li:hover li li a:hover, #nav li a:hover li li a:hover { color:#77bdff; }

/* MAKES THE HOVER 'STICK' IN FIREFOX */
/* CLASS 'drop' MUST BE ON THE 'href', NOT THE 'li' OR IT WILL NOT WORK */
#nav ul a.drop:hover, #nav ul :hover > a.drop{ color:#77bdff; background:#091b44 !important; }
/**************************************************************************************************************/

#content { padding:0 0 75px; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
.home #header h1 { margin:0; padding:0; }
.home #header h2 { margin:150px 0 0 18px; float:left; clear:left; color:#fff; font-size:2.7em; font-family:georgia,serif; font-weight:normal; letter-spacing:2px; display:none; }
.sIFR-active .home #header h2  { margin-top:149px; visibility:hidden; }
.home h3 { font-size:1.7em; font-family:georgia,serif; font-weight:normal; letter-spacing:1px; }
.sIFR-active  .home h3 { margin:0 0 .3em; font-size:1.9em; }
.home #header p { margin:30px 0 0 18px; width:700px; display:none; float:left; clear:left; color:#fff; font-size:1.8em; line-height:1.7em; font-family:georgia,serif; font-weight:normal; letter-spacing:1px; }
.sIFR-active .home #header p  { margin-top:22px; font-size:2.2em; visibility:hidden; }

.home #content { padding:37px 0 10px; min-height:193px; background:url(../images/bg-lines-h.png) no-repeat 360px 36px; }

#h-news { margin:0 52px 0 21px; width:314px; height:195px; overflow:hidden; }

#h-posters-pubs { margin:0 52px 0 0; width:314px; }

#h-contact { padding:0 0 20px; width:196px; color:#958c7a; }
#h-contact ul { margin-top:18px; }
#h-contact li { line-height:14px; }

/* SUBPAGE
------------------------------------------------------------------------------------- */
#subhead { position:absolute; bottom:6px; right:32px; color:#fff; font-size:2.6em; line-height:1.6em; font-family:"Adobe Caslon Pro",georgia,arial,sans-serif; }

.col { position:relative; float:left; display:inline; }

#subnav { margin:0 30px; padding:27px 0 0; width:162px; }
#subnav li { margin:0 0 4px; padding:0 0 7px; list-style:none; line-height:1.3em; border:1px dotted #c7c7c7; border-width:0 0 1px; }
#subnav li ul { margin: 10px 0 0 10px; }
#subnav li li { border-bottom:none; margin:0 0 0; }

#main { margin:0 30px 0 0; padding:25px 0 0; width:536px; }

#aside { display:none; padding:30px 0 0; width:162px; }

/* SITEMAP */
.sitemap .col { margin-right:2%; width:23%; }
.sitemap ul { margin:0 0 40px !important; }
.sitemap li { margin:0 0 3px; padding:0; list-style:none; }
.sitemap li a { margin-right:2px; padding:8px 2px; display:block; color: #fff; font-size:1.2em; line-height:1.2em; text-align: center; background:#676e7d;}
.sitemap li a:hover { background:#76bcff; text-decoration: none;}
#primary.sitemap li a { background:#273046;}
#primary.sitemap li a:hover { background:#52596b;}

.sitemap ul ul { margin:6px 2% 0 !important; }
.sitemap li li a { padding:6px 1%; color:#273046; font-size:1em; line-height:1.2em; background:#d6dadf; }
#primary.sitemap li li a { background:#d6dadf;}
#primary.sitemap li li a:hover { color:#fff; background:#76bcff; }

/* FOOTER
------------------------------------------------------------------------------------- */
#footer { min-height:125px; padding:28px 0 0 38px; color:#958c7a; font-size:.9em; background:url(../images/bg-footer.png) no-repeat 50% 0; }
#footer p, #footer ul { float:left; display:inline; }
#footer ul { margin:4px 0 0 18px; }
#footer li { margin:0 6px 0 0; padding:0 7px 0 0; float:left; line-height:.9em; list-style:none; border:1px solid #958c7a; border-width:0 1px 0 0; }
#footer li a:link { color:#6585b1; }
#footer li a:hover { color:#3464a6; }


/* sIFR
------------------------------------------------------------------------------------- */
.sIFR-flash { visibility:visible !important; margin:0; padding:0; }
.sIFR-replaced, .sIFR-ignore { visibility:visible !important; }
.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin:0; padding:0; overflow:auto; letter-spacing:0; float:none; }

/* LINK ICONS
------------------------------------------------------------------------------------- */
.audio 		{ padding:0 15px 0 0; background:url(../images/link_audio.gif) no-repeat 100% 4px; }
.doc 		{ padding:0 15px 0 0; background:url(../images/link_worddoc.gif) no-repeat 100% 4px; }
.excel 		{ padding:0 15px 0 0; background:url(../images/link_excel.gif) no-repeat 100% 4px; }
.external 	{ padding:0 16px 0 0; background:url(../images/link_external.gif) no-repeat 100% 4px; }
.flash 		{ padding:0 15px 0 0; background:url(../images/link_flash.gif) no-repeat 100% 4px; }
.ical		{ padding:0 15px 0 0; background:url(../images/link_ical.gif) no-repeat 100% 4px; }
.itunes		{ padding:0 15px 0 0; background:url(../images/link_itunes.gif) no-repeat 100% 4px; }
.outlook	{ padding:0 15px 0 0; background:url(../images/link_outlook.gif) no-repeat 100% 4px; }
.podcast	{ padding:0 15px 0 0; background:url(../images/link_podcast.gif) no-repeat 100% 4px; }
.popup 		{ padding:0 16px 0 0; background:url(../images/link_popup.gif) no-repeat 100% 4px; }
.ppt		{ padding:0 15px 0 0; background:url(../images/link_powerpoint.gif) no-repeat 100% 4px; }
.qt			{ padding:0 15px 0 0; background:url(../images/link_quicktime.gif) no-repeat 100% 4px; }
.rar		{ padding:0 16px 0 0; background:url(../images/link_rar.gif) no-repeat 100% 4px; }
.rp			{ padding:0 16px 0 0; background:url(../images/link_realplayer.gif) no-repeat 100% 4px; }
.rss		{ padding:0 15px 0 0; background:url(../images/link_rss.gif) no-repeat 100% 4px; }
.txt		{ padding:0 13px 0 0; background:url(../images/link_text.gif) no-repeat 100% 4px; }
.video		{ padding:0 15px 0 0; background:url(../images/link_video.gif) no-repeat 100% 4px; }
.wmp		{ padding:0 16px 0 0; background:url(../images/link_wmp.gif) no-repeat 100% 4px; }
.zip		{ padding:0 16px 0 0; background:url(../images/link_zip.gif) no-repeat 100% 4px; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }
.line { margin:0 0 10px; padding:0 0 5px; border-bottom:1px solid #ccc; }
.top { margin:10px 0 30px; padding:5px 10px 0 0; display:block; color:#958c7a !important; font-size:11px; text-align:right; border-top:1px solid #dddddd; }

.alt { color:#527cb7; }

p.title { margin:0; padding:0; display:none !important; }

.clearfix:after, #content:after, .tabs:after, .list-bios li:after, .sitemap:after, #footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, #content, .tabs, .list-bios li, .sitemap, #footer { display:inline-block; }
.clearfix, #content, .tabs, .list-bios li, .sitemap, #footer { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft, p.floatleft { margin:4px 30px 30px 1px; position:relative; }
img.floatright, p.floatright { margin:4px 0 30px 30px; position:relative; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; position:relative; }
span.floatright { margin:0 0 5px 10px; position:relative; }


/* COLORBOX (JQUERY) OVERLAY CONTROL
------------------------------------------------------------------------------------- */
/* ColorBox Core Style: The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* ColorBox example user style: The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */
#cboxOverlay{ background:#575d72; }
#cboxContent{ padding:10px; z-index:100; background:#fff; }

#cboxLoadingOverlay { background:#fff; }
#cboxLoadedContent { padding:20px 20px 30px; background:#d8d4cc; }

#cboxClose { position:absolute; bottom:15px; left:0; width:100%; text-align:center; color:#9f9d9d; font-size:11px; font-family:Tahoma,serif; }
#cboxClose.hover {}