/*-------------------------------------------------------------------- * YUI Reset/Fonts/Base * Copyright (c) 2009, Yahoo! Inc. All rights reserved. * Code licensed under the BSD License: * http://developer.yahoo.net/yui/license.txt * version: 3.0.0b1 * build: 1163 --------------------------------------------------------------------*/ html{color:#000;background:#FFF;}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{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}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{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{ font-weight:bold; }abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:30px;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} /*-------------------------------------------------------------------- * LAYOUT + GRIDS --------------------------------------------------------------------*/ body { text-align:center; margin:0; padding:0; } #doc { width:986px; margin:0 auto; text-align:left; position:relative; } #bd { padding:0 25px 0 0 ; margin: 0; } #main { width:710px; float:right;padding-top:15px;/* padding-bottom:14px; */} #side { width:220px; float:left; } #ft { padding: 14px 25px; clear:both; /* clear:both not really needed, but helps DW design mode */ } .content-66-33 { } .content-50-50 { } .content-full { } .content-left { float:left; } .content-right { float:right; } .content-66-33 .content-left { width:465px; } .content-66-33 .content-right { width:220px; } .content-50-50 .content-left, .content-50-50 .content-right { width:340px; margin:0; } .content-50-50 .content-right { float:right; } /* nested 50/50 inside wider left column of 66/33 */ .content-66-33 .content-left .content-50-50 { background:none; } .content-66-33 .content-left .content-50-50 .content-left, .content-66-33 .content-left .content-50-50 .content-right { width:220px; } /* float clearing */ #bd, .content-full, .content-50-50, .content-66-33, #ft { *height:1%; *zoom:1; } .content-full, .content-50-50, .content-66-33 { margin-bottom:1.31em; } #bd{padding-bottom:20px;} #bd:after, #main:after, .content-66-33:after, .content-50-50:after, #ft:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #main > *:last-child, .content-left > *:last-child, .content-right > *:last-child { margin-bottom:0; } /*-------------------------------------------------------------------- * SPRITES # try to use ONLY these definitions so we don't have to update 50 lines of CSS when a new sprite is added --------------------------------------------------------------------*/ .more, .anchor-links a, .blog, .mailinglist, .facebook, .podcasts, .rss, .twitter { background:url(img/sprites.gif) no-repeat; } .anchor-links a { background-position: 0 2px; } .arrow-down { background-position: 0 -61px; } .blog { background-position: 0 -121px; } .mailinglist { background-position: 0 -197px; } .facebook { background-position: 0 -273px; } .hash { background-position: 0 -349px; } .more { background-position: 0 -399px; } .podcasts { background-position: 0 -461px; } .rss { background-position: 0 -537px; } .twitter { background-position: 0 -605px; } .li { background-position: 0 -681px; } h4 a.twitter, h4 a.facebook{padding-left:20px} /*-------------------------------------------------------------------- * BASE font-size:0.85em; = 10px font-size:0.93em; = 11px font-size:1em; = 12px font-size:1.08em; = 13px font-size:1.16em; = 14px font-size:1.31em; = 16px font-size:1.465em; = 18px font-size:161.6em; = 20px #333333 = black #603500 = dark brown #AF9A7F = light brown #8E991A = dark green #FF7300 = orange #006699 = blue #0085B8 = light blue #7A7A7A = grey #FF5300 = dark orange #EEF0DD = light green #DDE0BA = middle green --------------------------------------------------------------------*/ #doc { font-size:93%; line-height:1.31; color:#333333; } #doc .content-66-33 .content-right p.alt { color:#7A7A7A; } #doc .content-left .content-right p { color:#333333; } /* reset for nested 50/50 */ a:link, a:visited { color:#006699; text-decoration:none; } a:hover, a:active { color:#0085B8; text-decoration:underline; } strong { font-weight:bold; color:#5A0A06;} h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:1em; } table, p, ol, ul { margin-top:0; margin-bottom:1.31em; } #main p{line-height:1.5em; } #main .content-66-33 .content-right p{line-height:1.25em;text-align:left;color:#666666} #main .content-66-33 .content-50-50 p{line-height:1.25em;} #main .content-66-33 .content-left .content-left p,#main .content-66-33 .content-right.reg p{line-height:1.45em;color:#333333;} #main .content-66-33 .content-left .content-right p,#main .content-66-33 .content-left .content-right.reg p{line-height:1.45em;color:#333333;} h2, h3 { color:#5A0A06; font-family:"Century Gothic"} h2 { font-size:1.465em; margin-bottom:.45em; text-transform:uppercase } /*.content-right h2, .content-left h2{text-transform:none;}*/ h3 { font-size:1.16em; } /* brown, 14px */ h4 { color:#5A0A06; margin-bottom:5px; } /* green, 12px */ h4, h5, h6 { font-size:1em; } /* black, 12px */ h2.normal, h3.normal, h4.normal { font-weight:normal; } h2.ruled, h3.ruled, .content-66-33 h2, h3 { border-bottom:1px dotted #5A0A06; line-height:1; padding: 5px 0 4px 0; text-transform:uppercase;margin-bottom:.75em;} .content-66-33 h2.alt, h3.alt { border-bottom:none; line-height:1; padding: 2px 0 2px 0; text-transform:uppercase;margin-bottom:.0em;} th, td { color:#333333; } li { margin-bottom:1em } li ol, li ul { margin-bottom:0; margin-top:1em; } ul { margin-left:0; } ul li { background-image:url(img/sprites.gif); background-repeat: no-repeat; background-position: 5px -676px; padding-left:20px; list-style-type:none; } .tight { margin-bottom:1px; } ol.tight, ul.tight { margin-bottom:1.31em } .tight li { margin-bottom:.125em; } .tight li ol, .tight li ul { margin-bottom:0; margin-top:.25em; } ol li ol li { list-style-type:lower-alpha; } hr { background:#003E61; color:#003E61; height:1px; border:none; line-height:1px; clear:both; margin-bottom:1.31em; *margin-bottom:0.75em } hr.dots { background:none; border:none; border-collapse:collapse; height:1px; border-bottom:1px dotted #003E61; } a.more { padding-left:18px; font-weight:bold; line-height:1.2em; text-align:left !important} ul.anchor-links { *height:1%; zoom:1; margin:0 0 1.31em 0; padding:0; } ul.anchor-links:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } ul.anchor-links li { width:220px; float:left; padding:0; margin-bottom:.125em; background:none; } .anchor-links a { padding-left:15px; font-weight:normal; } p.anchor-links a { margin-right:1em; } h2 span.anchor-links {font-weight:normal; font-size:.7em;} h2 span.anchor-links a{margin-left:15px} a.rss { padding-left:24px; font-weight:bold; display:-moz-inline-box; display:inline-block; vertical-align:bottom; text-transform:uppercase; height:18px; line-height:18px; } a.more:link, a.more:visited, a.anchor:link, a.anchor:visited, a.rss:link, a.rss:visited { text-decoration:none; } a.more:hover, a.more:active, a.anchor:hover, a.anchor:active, a.rss:hover, a.rss:active { text-decoration:underline; } /* photos and videos + captions */ .photo-full{} .photo-right{width:220px;float:right; padding-left:25px} .photo-left{width:220px;float:left;padding-right:25px} .photo-full img, .photo-right img, .photo-left img{margin-bottom:8px} .info { color:#7A7A7A; font-size:0.93em; } /* buttons: change the background-color to match whatever color the button will on a.button, a.button span { display:-moz-inline-box; display:inline-block; vertical-align:bottom; background:#FFF url(img/button-blue.png) no-repeat; color:#FFFFFF; text-decoration:none; font-size:1.08em; text-transform:uppercase; font-weight:bold; line-height:24px; height:24px; cursor:pointer; } a.button:link, a.button:visited { background-position:left top; padding-left:20px; margin-right:.75em; } a.button:hover, a.button:active { background-position:left bottom; } a.button span { line-height:24px; height:22px; padding-bottom:2px; } a.button:link span, a.button:visited span { background-position:right top; padding-right:20px; } a.button:hover span, a.button:active span { background-position:right bottom; }*/ a.button{display:block; height:30px;width:220px;background:transparent url(img/arrow_link.png) no-repeat;text-decoration:none;} a.button:link, a.button:visited { color:#FFFFFF; background-position:left top; padding-left:10px; } a.button:hover, a.button:active { background-position:left bottom; } a.button span { line-height:30px; height:30px; padding-bottom:0px; } a.button:link span, a.button:visited span { background-position:right top; padding-right:20px; font-weight:bold; font-size:14px; } a.button:hover span, a.button:active span { background-position:right bottom; text-decoration:none;} form button.button { border:0; cursor:pointer; margin:0; padding:0; background:none; vertical-align:middle } form button.button span { display:-moz-inline-box; display:inline-block; vertical-align:bottom; background:#FFF url(img/button-blue.png) no-repeat; color:#FFFFFF; text-decoration:none; font-size:1.08em; text-transform:uppercase; font-weight:bold; line-height:24px; height:24px; cursor:pointer; padding-left:20px; } form button.button span span { background-position:right top; padding-right:20px; padding-left:0; } form button.button:hover span {background-position:left bottom; } form button.button:hover span span { background-position:right bottom; } form button.button { *width:auto; *overflow:visible; } /* blockquote */ /*blockquote{padding:0;width:220px; border:none; border-top:3px solid #747769; border-bottom:3px solid #999999;margin:0;margin-bottom:10px; margin-top:5px;}*/ blockquote{padding:0;width:220px; border:none; background:transparent url(img/sword_sm.gif) no-repeat top left; margin:0;margin-bottom:10px; margin-top:5px;padding-bottom:10px } blockquote.right{float:right;margin-left:25px} blockquote.left{float:left;margin-right:25px} #main blockquote p{margin:0; width:180px; padding:10px 0px 0px 0px; font:1.3em Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; line-height:1.4em; color:#1A609B !important;text-align:left; margin-left:40px } #main blockquote.full p{width:400px;font:1.0em Georgia, "Times New Roman", Times, serif; line-height:1.4em;} #main blockquote p.info{font-size:1em; text-align:right} /* about pages alternate text */ .alt-full p{margin-left:75px; width:75%; text-align:justify;} .alt-full blockquote p{margin:0;text-align:left;width:220px;} .alt-full blockquote p.info{text-align:right !important;} /* exhibition details: photo gallery thumbs */ .gallery-thumbs p.caption { margin-bottom:.5em; } .gallery-thumbs ul { margin:0 0 1.31em 0; padding:0; *height:1%; zoom:1; } .gallery-thumbs ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .gallery-thumbs li { margin:0 0 6px 6px; padding:0; background:none; float:left; width:76px; height:76px; } .gallery-thumbs li.first { margin-left:0; } /* program listings */ ul.listing { margin:1em 0 0 0; padding:0; } ul.listing li { margin:0; padding:0; background:none; *height:1%; zoom:1; border-bottom:1px dotted #003E61; padding-top:.35em; margin-bottom:.35em; font-size:12px} ul.listing li span{ display:block; padding-bottom: 8px; } ul.listing li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /*ul.listing li.first { border-top:none; padding-top:0} ul.listing li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } ul.listing li img { float:left; margin:0; } ul.listing h3, ul.listing h4, ul.listing p { float:right; width:460px; text-align:left; } ul.listing li :last-child { margin-bottom:0; } ul.listing h4 { color:#8E991A; margin:0; } ul.listing h3 { margin:0; } ul.listing p.subtitle { color:#7A7A7A; margin:0; } ul.listing p.info { margin-top:1em; }*/ /* right-size vertical form */ #doc .content-66-33 .content-right form { border:1px solid #DDE0BA; background:#EEF0DD; margin:0; padding:0; } #doc .content-66-33 .content-right form h2 { background:#8E991A; padding:8px 1em; font-size:12px; line-height:1; color:#FFFFFF; text-align:left; } #doc .content-66-33 .content-right form p { padding: 0 1em; color:#333333; } #doc .content-66-33 .content-right form p label { display:block; } #doc .content-66-33 .content-right form p select { display:block; width:100%; font-size:1.16em; } #doc .content-66-33 .content-right form p select option { font-size:1em; } #doc .content-66-33 .content-right form p textarea.text, #doc .content-66-33 .content-right form p input.text, #doc .content-66-33 .content-right form p input.text-short { display:block; width:208px; padding:4px 0 4px 4px; font-size:1.16em; margin:3px 0 0 0; border:1px solid #ccc; } #doc .content-66-33 .content-right form p input.text-short { width:auto; display:inline; } #doc .content-66-33 .content-right form p button.button span { background-color:#EEF0DD; } #doc .content-66-33 .content-right form p button.cancel span { background-image:url(img/button-white.png); color:#8E991A; } form label.error { color:#990000; display:block; margin-bottom:3px; } /* testing */ code { background:#FFFF68; color:#000; padding:0 2px; font-weight:bold; } /*-------------------------------------------------------------------- * BACKGROUNDS --------------------------------------------------------------------*/ html,body { } body { border-top:3px solid #010B40; background:#ffffff url(img/header_bg3.png) repeat-x left top;;} .body-inner{background:transparent url(img/dhihFat.png) no-repeat center 140px;} /* changed from right to center, 11.2.11 */ #doc { background:transparent url(img/white_trans.png); } /*#hd { background:url(img/header_bg.gif) repeat-x left top; }*/ #ft { background:#003552; } #bd-wrapper{} #bd { background:transparent url(img/shadow_1-col.png) no-repeat left top;padding-top:10px; border-left:1px solid #54564C;border-right:1px solid #54564C; } /*.content-66-33 { background:transparent url(img/dots-vertical.gif) repeat-y 455px top; } .content-50-50 { background:transparent url(img/dots-vertical.gif) repeat-y 355px top; } .content-50-50.nobg { background:none; }*/ /*-------------------------------------------------------------------- * HEADER --------------------------------------------------------------------*/ #hd { position:relative; height:145px; width:986px; z-index:99;background:#ffffff url(img/header_bg3.png) repeat-x left top; } #hd h1 { width:483px; height:86px; margin:0 25px; padding:18px 0 0 0; } #hd h1 a { height:86px; background:url(img/nitartha_logo2.png); text-indent:-999em; display:block; outline:none; } /*-------------------------------------------------------------------- * MAIN NAV --------------------------------------------------------------------*/ #nav { margin:0; padding:0; position:absolute; left:0; bottom:0; height:28px; } #nav li { margin:0; padding:0; float:left; list-style-type:none; background:none; overflow:hidden; height:28px; position:relative; } #nav li#nav-home, #nav li#nav-home a { width:87px; } #nav li#nav-about, #nav li#nav-about a { width:107px; } #nav li#nav-programs, #nav li#nav-programs a { width:107px; } #nav li#nav-curriculum, #nav li#nav-curriculum a { width:131px; } #nav li#nav-publications, #nav li#nav-publications a { width:135px; } #nav li#nav-news, #nav li#nav-news a { width:75px; } #nav li#nav-support, #nav li#nav-support a { width:123px; } #nav li#nav-contact, #nav li#nav-contact a { width:133px; } #nav li a { position:absolute; top:3px; left:0; display:block; line-height:24px; height:24px; padding-bottom:3px; font-size:14px; color:#FFFFFF; font-weight:bold; text-decoration:none; text-align:center; z-index:2; } /* fancy */ #nav li span { display:block; width:100%; height:27px; position:absolute; top:0; left:0; z-index:1; background:url(img/nav_ro.png) repeat-x left top;} /* selected */ #nav li.on a, #body-home li#nav-home a, #body-about li#nav-about a, #body-programs li#nav-programs a, #body-curriculum li#nav-curriculum a, #body-publications li#nav-publications a, #body-news li#nav-news a, #body-support li#nav-support a, #body-contact li#nav-contact a{ background:url(img/nav_ro.png) repeat-x left top; top:0; padding-top:3px; } /*-------------------------------------------------------------------- * SIDE NAV --------------------------------------------------------------------*/ #side{background:#D1E1AB url(img/subnav-bottom-bg.png) repeat-x left bottom} #side h2 { color:#5A0A06; padding:15px 25px 15px 25px; margin:0;background:url(img/subnav-header-bg.png) repeat-x left top} #subnav { margin:0 0 15px 0 } #subnav, #subnav li {padding:0; margin:0; list-style:none !important; list-style-image:none !important;background-image:none} #subnav li,#subnav ul li{ list-style:none !important; list-style-image:none !important; background-image:none} ul#subnav{ border-top:1px solid #ffffff; } ul#subnav, ul#subnav ul { list-style-type:none; margin: 0; padding: 0; } ul#subnav a { display: block; text-decoration: none; } ul#subnav li { border-bottom:1px solid #ffffff; } ul#subnav li a { color:#ffffff; font-size:13px; font-weight:bold; padding: 7px 15px 7px 25px; line-height:13px; background-color:#93A76D } ul#subnav li.selected a{ background-color:#4F0604; } ul#subnav li a:hover { background-color:#657C3F } ul#subnav li ul{ border-top:none; border-bottom:none; background-color:#D1E1AB; padding:10px 0; } ul#subnav li ul li{ border-top:none; border-bottom:none; background:none } ul#subnav li.selected ul li{ background-color:none; } ul#subnav li.selected ul li a { background:none; } ul#subnav li ul li a{ color:#3A511B; font-size:12px; font-weight:normal; padding: 4px 15px 4px 25px; line-height:13px; background:none } ul#subnav li ul li.selected a { color:#4F0604; font-weight:bold } ul#subnav li ul li a:hover { background:none; border-right: 5px #3A511B solid; text-decoration: underline; } /* quicklinks */ #quicklinks { padding-bottom:150px;margin-left:25px;} #quicklinks ul{ margin:0; padding:0; font-weight:bold; font-size:0.93em; } #quicklinks ul li { margin:0 0 5px 0; padding:0; list-style-type:none !important; clear:left; height:16px; background:none; } #quicklinks ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #quicklinks ul a { display:block; float:left; line-height:16px; padding-left:20px; } #quicklinks ul a:link, #quicklinks ul a:visited { text-decoration:none; } #quicklinks ul a:hover, #quicklinks ul a:active { text-decoration:underline; } /*-------------------------------------------------------------------- * FOOTER --------------------------------------------------------------------*/ #ft p.links { float:left; width:460px; color:#FFFFFF; } #ft p.links a:link, #ft p.links a:visited { font-weight:bold; color:#FFFFFF; text-decoration:underline; } #ft p.links a:hover, #ft p.links a:active { color:#E8E3D9; } #ft p.copyright { float:right; width:460px; text-align:left; color:#E8E3D9; } /*-------------------------------------------------------------------- * POPUPS --------------------------------------------------------------------*/ /* window */ #gallery-popup { position:absolute; width:670px; padding:15px; background:#FFFFFF; z-index:99999; text-align:left; } #gallery-popup p.toolbar { position:relative; width:670px; font-size:12px; line-height:12px; text-transform:uppercase; } #gallery-popup p.toolbar span { padding-left:2em; color:#7A7A7A; } #gallery-popup p.toolbar a { background:url(img/colorbox/controls.png) no-repeat; font-weight:bold; } #gallery-popup p.toolbar a:link, #gallery-popup p.toolbar a:visited { color:#886840; } #gallery-popup p.toolbar a:hover, #gallery-popup p.toolbar a:active { color:#C3B39F; text-decoration:underline; } #gallery-popup p.toolbar a.close:link, #gallery-popup p.toolbar a.close:visited { position:absolute; bottom:0; right:0; padding-right: 12px; display:block; background-position:right 2px;} #gallery-popup p.toolbar a.close:hover, #gallery-popup p.toolbar a.close:active { background-position:right -18px; } #gallery-popup p.toolbar a.prev:link, #gallery-popup p.toolbar a.prev:visited { padding-left: 10px; background-position:left 2px; margin-right:1em; } #gallery-popup p.toolbar a.prev:hover, #gallery-popup p.toolbar a.prev:active { background-position: left -18px; } #gallery-popup p.toolbar a.next:link, #gallery-popup p.toolbar a.next:visited { padding-right: 10px; background-position:right -38px; } #gallery-popup p.toolbar a.next:hover, #gallery-popup p.toolbar a.next:active { background-position: right -58px; } #gallery-popup div.content { background:#FFFFFF; min-height:200px; padding:10px; } #gallery-popup div.blockOverlay { background:#FFFFFF url(img/ajax-loader.gif) no-repeat center center; } /* content */ #gallery-popup div.content table { margin:0; padding:0; border:none; } #gallery-popup div.content td { vertical-align:top; text-align:left; margin:0; padding:0; border:none; } #gallery-popup div.content td p:last-child { margin-bottom:0; } #gallery-popup div.content td img { display:block; margin: 0 auto; } #gallery-popup div.content table.popup-left-right td { } #gallery-popup div.content table.popup-left-right img { margin-right:2em; } #gallery-popup div.content table.popup-top-bottom img { margin-bottom:1.5em; } /*-------------------------------------------------------------------- * SCROLLABLES --------------------------------------------------------------------*/ .scrollable h3 { position:relative; } .scrollable h3 span { position:absolute; top:4px; right:0; } .scrollable h3 span a { background:url(img/scrollable/scrollable.png); _background-image:url(img/scrollable/scrollable.gif); display:block; float:left; height:15px; line-height:15px; margin-left:19px; color:#603500; outline:none; } .scrollable h3 span a.left { background-position: left top; padding-left:19px; } .scrollable h3 span a.right { background-position: right top; padding-right:19px; } .scrollable h3 span a.disabled { color:#C2B19B; } .scrollable h3 span a.left.disabled { background-position: left bottom; } .scrollable h3 span a.right.disabled { background-position: right bottom; } .scrollable div { position:relative; overflow:hidden; width: 710px; height:220px; } .scrollable ul { width:20000em; position:absolute; list-style-type:none; margin:0; padding:0; top:0; left:0; } .scrollable ul li { float:left; background:none; width:224px; margin:0 19px 0 0; padding:0; } /*-------------------------------------------------------------------- * EXTRA --------------------------------------------------------------------*/ .faculty-list .photo-left{width:110px;float:left;padding-right:25px;} .si_table {width:100%; border:0px; border-bottom:#82966B 3px solid} .si_table th{background-color:#82966B; color:#ffffff; font-weight:bold; padding:4px;text-align:left;border:0px;} .si_table td{padding:4px;border:0px;} .si_table .alt td{background-color:#DDE3D7} /* #tabs ul.listing { margin:0; padding:0; padding-bottom:25px} */ #tabs ul.listing { margin:0; padding:0; padding-bottom:0px} #tabs ul.listing li { margin:0; padding:0; background:none; *height:1%; zoom:1; border-bottom:none; padding-top:.35em; margin-bottom:8px;font-size:12px;clear:both;} /* #tabs ul.listing li { margin:0; padding:0; background:none; *height:1%; zoom:1; border-bottom:none; padding-top:.35em; margin-bottom:20px;font-size:12px;clear:both;} */ #tabs ul.listing li span{display:block;} #tabs ul.listing li span.place{ padding-left:0px; padding-bottom: 12px; } #tabs ul.listing li span.date{clear:both} #tabs ul.listing li span.class{font-size:11.5px;font-weight:bold} .book{clear:both;padding:none;padding-top:10px} .book_pic{float:left} .book_info{display:block; margin-left:230px;} .book h5{margin-bottom:0px;padding-bottom:0px} #tabs ul.listing li span a:link, #tabs ul.listing li span a:visited { color:#006699; text-decoration:none; } #tabs ul.listing li span a:hover, #tabs ul.listing li span a:active { color:#0085B8; text-decoration:underline; } #tabs h3{clear:both} a.facebook-home{display:block;width:105px; height:20px; float:left;margin-right:10px; margin-bottom:6px} a.facebook-home,a.facebook-home:link,a.facebook-home:visited{background:url(img/facebook_share.png) no-repeat top left} a.facebook-home:hover,a.facebook-home:active{background:url(img/facebook_share.png) no-repeat bottom left} .facebook-links{padding-top:25px;} #subnav p{display:none} #subnav .teacher, #subnav .name, #subnav .place{display:none} #subnav .teacher, #subnav .name, #subnav .date{display:none} table.donation_table{border:none;}