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, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; height: 100%; font-family: Arial; text-align: center; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } #container { width: 746px; text-align: left; margin: 0px auto; } /*GENERIC STYLE-SHEET FOR INCLUSION IN ALL SKINS*/ /*Many of these styles are duplicated in tad.css due to the peculiar layout of that website*/ /*normalization:*/ ul p, ul ul li, ol ol li, ol ul li, ul ol li, input, textarea, table {font-size: 1em;}/*maintain normal font size when inside list*/ a img {border-width: 0px;}/*prevent image link outlines (no need to put border="0" in each image tag)*/ /*page layout:*/ .float_left {float: left;} .float_right {float: right;} .clear_left {clear: left;} .clear_right {clear: right;} .clear_both {clear: both;} /* ** Markup free clearing ** Details: http://www.positioniseverything.net/easyclearing.html */ .clear-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear-block {display: inline-block; } /* Hides from IE-mac \*/ * html .clear-block { height: 1%; } .clear-block {display: block;} /* End hide from IE-mac */ hr.cleaner { /*
that causes the background of a div to render properly (all the way down the div)*/ clear: both; height:1px; margin: -1px 0px 0px 0px; padding: 0; border:none; visibility: hidden; } .inline {display: inline;} .none {display: none;} .alignRight {text-align: right;} .alignLeft {text-align: left;} .alignCenter {text-align: center;} img.alignCenter {margin: 0 auto;} .algnTp {vertical-align: top;} .algnBtm {vertical-align: bottom;} .algnMid {vertical-align: middle;} .fullWidth {width: 100%;} .nowrap { white-space:nowrap; } .offScreen { text-indent:-9999px; margin:0; padding:0; border:0; } .offScreen { text-indent:-9999px; margin:0; padding:0; border:0; overflow: hidden; } .skip_link {height:0; width:0; left:-19000px; overflow:hidden; position:absolute;} .margin_auto { margin:auto; } .noSideBorders { border-right: 0; border-left:0; } .noBorders { border:0; } .noTpBtmBorders { border-top: 0; border-bottom:0; } /* typography options */ .normalWeight { font-weight: normal; } .smallText { font-size:.8em; } .strong { font-weight:bold; } .red { color: #c00; } /*decorative:*/ .hoverUnderline :hover {text-decoration: underline;} .lightGrey { background-color: #f6f6f6; } /*ul:*/ ul.noBullet {list-style-type: none;} ul.noBullet li ul {list-style-type: disc;}/* force inner uls in a recursive situation to have bullets, left spacing, by default */ ul.noBullet li ul.noBullet {list-style-type: none;}/* uls in a recursive situation can be forced to have no bullets */ ul.noIndent {padding-left: 0px; margin-left: 0px;} ul.moreVertSpace li, ol.moreVertSpace li {margin-top: 20px; margin-bottom: 20px;}/*for paragraph-like vertical spacing*/ ul.lessVertSpace li, ol.lessVertSpace li {margin-top: 5px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;} ul.lessVertSpace1 li, ol.lessVertSpace1 li {margin-top: 1px; margin-bottom: 1px; padding-top: 0px; padding-bottom: 0px;} ul.columns380 {width: 380px;}/*correct width for 'Middle' in CFA skin, pageset A*/ ul.columns400 {width: 400px;}/*By Mandakini*/ ul.columns380 li {width: 166px; float: left; margin: 8px 12px; display: inline;} ul.columns400 li {width: 175px; float: left; margin: 8px 12px; display: inline;} /*By Mandakini*/ ul.textSame {font-size: 1em;} ul.secondaryMenu li.hiddenMenuItem {display: none;} /*forms:*/ fieldset {margin: 1em 0; padding: 1em; border: 1px solid #ccc;} legend {font-weight: bold;} input {font-size: .7em; vertical-align: middle; } label, input {margin: .3em 0; padding: 0; } fieldset.border0 {margin: 1em 0; border: 0px;} label.floatL { float: left; width: 10em; text-align: right; padding-right:1em; } label.floatR { float: right; text-align:left; } input.radio { vertical-align: middle; } /*table:*/ table.closeLayout p {margin: 2px 4px;} table.closeLayout p.moretm {margin: 20px 4px 2px 4px;} tr.grey, th.grey, td.grey {background: #EFEFEF;} td.algnTp {vertical-align: top;} td.algnBtm {vertical-align: bottom;} th { text-align:left; } /*margin/padding ems - USE EMS not pixels*/ .tm0 {margin-top: 0;} .tm_5e {margin-top: .5em;} .tm1e {margin-top: 1em;} .tm1_5e {margin-top: 1.5em;} .tm2e {margin-top: 2em;} .tm2_5e {margin-top: 2.5em;} .tm3e {margin-top: 3em;} .tm3_5e {margin-top: 3.5em;} .tm4e {margin-top: 4em;} .tm5e {margin-top: 5em;} .tm10e {margin-top: 10em;} /***************************/ .rm0 {margin-right: 0;} .rm1e {margin-right: 1em;} .rm1_5e {margin-right: 1.5em;} .rm2e {margin-right: 2em;} .rm3e {margin-right: 3em;} .rm4e {margin-right: 4em;} .rm6e {margin-right: 6em;} .rm9e {margin-right: 9em;} .rm10e {margin-right: 10em;} /***************************/ .bmNeg_8e {margin-bottom:-.8em;} .bm0 {margin-bottom: 0;} .bm_5e {margin-bottom: .5em;} .bm1e {margin-bottom: 1em;} .bm1_5e {margin-bottom: 1.5em;} .bm2e {margin-bottom: 2em; } .bm2_5e {margin-bottom: 2.5em;} .bm4e {margin-bottom: 4em;} /***************************/ .lm0 {margin-left: 0;} .lm_5e {margin-left: .5em;} .lm1e {margin-left: 1em;} .lm1_5e {margin-left: 1.5em;} .lm2e {margin-left:2em; } .lm3e {margin-left: 3em;} .lm4e {margin-left: 4em;} .lm4_5e {margin-left: 4.5em;} .lm5e {margin-left: 5em;} .lm6e {margin-left: 6em;} .lm8e {margin-left: 8em;} .lm9e {margin-left: 9em;} .lm10_4e {margin-left: 10.4em;} .lm10_6e {margin-left: 10.6em;} .lm11e {margin-left: 11em;} /***************************/ .tp0 {padding-top: 0;} .tp_2e {padding-top: .2em;} .tp_5e {padding-top: .5em;} .tp1e {padding-top: 1em;} .tp2e {padding-top: 2em;} .tp3e {padding-top: 3em;} .tp4e {padding-top: 4em;} .tp5e {padding-top: 5em;} /***************************/ .rp1e {padding-right:1em; } .rp1_5e {padding-right: 1.5em;} .rp2e {padding-right: 2em;} /***************************/ .bp0 {padding-bottom: 0;} .bp_2e {padding-bottom: .2em;} .bp_5e {padding-bottom: .5em;} .bp1e {padding-bottom: 1em;} .bp2e {padding-bottom: 2em;} .bp3e {padding-bottom: 3em;} .bp4e {padding-bottom: 4em;} .bp5e {padding-bottom: 5em;} /***************************/ .lp0 {padding-left: 0;} .lp_5e {padding-left: .5em;} .lp1e {padding-left: 1em;} .lp1_5e {padding-left: 1.5em;} .lp2e {padding-left: 2em;} /*margin/padding pixels - do not use for new layouts*/ .tm3 {margin-top: 3px;} .tm5 {margin-top: 5px;} .tm10 {margin-top: 10px;} .tm15 {margin-top: 15px;} .tm20 {margin-top: 20px;} .tm25 {margin-top: 25px;} .tm30 {margin-top: 30px;} .tm35 {margin-top: 35px;} .tm40 {margin-top: 40px;} .tm50 {margin-top: 50px;} .tm100 {margin-top: 100px;} .tm110 {margin-top: 110px;} /***************************/ .rm10 {margin-right: 10px;} .rm15{margin-right: 15px;} .rm20 {margin-right: 20px;} .rm30 {margin-right: 30px;} .rm40 {margin-right: 40px;} .rm60 {margin-right: 60px;} .rm90 {margin-right: 90px;} .rm125{margin-right: 125px;} /****************************/ .bm5{margin-bottom: 5px;} .bm10 {margin-bottom: 10px;} .bm15{margin-bottom: 15px;} .bm20 {margin-bottom: 20px;} .bm25{margin-bottom: 25px;} .bm40 {margin-bottom: 40px;} /*****************************/ .lm5 {margin-left: 5px;} .lm10 {margin-left: 10px;} .lm15 {margin-left: 15px;} .lm20 {margin-left: 20px;} .lm30 {margin-left: 30px;} .lm40 {margin-left: 40px;} .lm45 {margin-left: 45px;} .lm50 {margin-left: 50px;} .lm60 {margin-left: 60px;} .lm80 {margin-left: 80px;} .lm90 {margin-left: 90px;} .lm140 {margin-left: 140px;} .lm160{margin-left: 160px;} /******************************/ .tp10 {padding-top: 10px;} .tp30 {padding-top: 30px;} .tp40 {padding-top: 40px;} .tp50 {padding-top: 50px;} /******************************/ .bp20 {padding-bottom: 20px;} .bp40 {padding-bottom: 40px;} /******************************/ .lp15 {padding-left: 15px;} .lp20 {padding-left: 20px;} div.randomquestion p, .randomquestion fieldset { margin-top:0; margin-bottom:0; } /* Calendar */ .top_border { border-top: 1px #dcdcdc solid; } .bottom_border { border-bottom: 1px #dcdcdc solid; } .left_border { border-left: 1px #dcdcdc solid; } .right_border { border-right: 1px #dcdcdc solid; } .full_border {border: solid 1px #dcdcdc; padding: .25em .5em;} #calendarDisplay .offScreen { width:0px; font-size:1px;} #calendarContent a, #submenu a, #calendarRight a { font-weight: bold; } #submenu { font-size: 100%; } #submenu li ul li { margin-left: 12px; } #submenu li, #submenu form, #submenu p { margin: 0; padding: 12px 0; } #calendarContent h1, #calendarContent h2, #calendarContent caption { font-weight: bold; font-size:.9em; margin:0; padding: 12px 0; } #calendarRight h2, #calendarRight h3 { font-weight: bold; font-size:.8em; margin:0; padding: 12px 0; } #calendarRight h3, #calendarRight ul { padding-left: 1em; } #calendarContent caption { font-weight: bold; font-size:1em; margin:0; padding: 0; } #calendarContent h3 { font-weight: bold; font-size:.9em; margin:0; padding: 12px 0; } #calendarContent li{ margin-bottom: 0.5em; } #calendarContent { padding: 0 0 0 12px; border-left: 1px #dcdcdc solid; min-height: 550px; } #calendarRight { padding: 0 0 0 12px; border-left: 1px #dcdcdc solid; min-height: 550px; } #calendarContent table {border-collapse:collapse; border-spacing:0; background-color: #FFF;} #calendarContent td, #calendarContent th { font-size: 0.8em; padding:10px; } #calendarDisplay td, #calendarContent td p { font-size:100%; } #calendarDisplay th { text-align:center; } #calendarDisplay th, #calendarDisplay td { padding:0; margin:0; border: 1px #dcdcdc solid; } #calendarDisplay ul {list-style-type: none; padding: 0; margin:0;} .calendar_day_single li {padding:1em 5px 0; margin:0;} .multiDay {font-size:.1em; margin: 0; padding:0; height: 10px; overflow:hidden;} div.multiDay a { display:block; width:100%; height: 10px;} .color0 {background-color: #66cccc;} div.color0 a, div.color0 a:link, div.color0 a:visited, div.color0 a:hover, div.color0 a:active {color: #66cccc;} .color1 {background-color: #ffccff;} div.color1 a, div.color1 a:link, div.color1 a:visited, div.color1 a:hover, div.color1 a:active {color: #ffccff;} .color2 {background-color: #ccffff;} div.color2 a, div.color2 a:link, div.color2 a:visited, div.color2 a:hover, div.color2 a:active {color: #ccffff;} .color3 {background-color: #ffcccc;} div.color3 a, div.color3 a:link, div.color3 a:visited, div.color3 a:hover, div.color3 a:active {color: #ffcccc;} .color4 {background-color: #ffff66;} div.color4 a, div.color4 a:link, div.color4 a:visited, div.color4 a:hover, div.color4 a:active {color: #ffff66;} .color5 {background-color: #ccff66;} div.color5 a, div.color5 a:link, div.color5 a:visited, div.color5 a:hover, div.color5 a:active {color: #ccff66;} .color6 {background-color: #ffcc66;} div.color6 a, div.color6 a:link, div.color6 a:visited, div.color6 a:hover, div.color6 a:active {color: #ffcc66;} .color7 {background-color: #ffffcc;} div.color7 a, div.color7 a:link, div.color7 a:visited, div.color7 a:hover, div.color7 a:active {color: #ffffcc;} .color8 {background-color: #ccccff;} div.color8 a, div.color8 a:link, div.color8 a:visited, div.color8 a:hover, div.color8 a:active {color: #ccccff;} .color9 {background-color: #ffff00;} div.color9 a, div.color9 a:link, div.color9 a:visited, div.color9 a:hover, div.color9 a:active {color: #ffff00;} .color10 {background-color: #99cc66;} div.color10 a, div.color10 a:link, div.color10 a:visited, div.color10 a:hover, div.color10 a:active {color: #99cc66;} .color11 {background-color: #66ccff;} div.color11 a, div.color11 a:link, div.color11 a:visited, div.color11 a:hover, div.color11 a:active {color: #66ccff;} .color12 {background-color: #cccc66;} div.color12 a, div.color12 a:link, div.color12 a:visited, div.color12 a:hover, div.color12 a:active {color: #cccc66;} .color13 {background-color: #cc99cc;} div.color13 a, div.color13 a:link, div.color13 a:visited, div.color13 a:hover, div.color13 a:active {color: #cc99cc;} /* Highlighted Events */ .highlighted_content { float: left; border-left: 1px #dcdcdc solid; border-right: 1px #dcdcdc solid; width: 356px; padding: 0 .5em 0 .5em; padding-top: .5em; } .highlighted_content a img { display:inline; } .highlighted_right { margin-left: 0; float: right; width: 38%; } .highlighted_header { border-left: 1px #dcdcdc solid; padding-left: .5em; } h2.highlighted { font-size: 24px; font-family: Helvetica Narrow, sans-serif; padding-bottom:12px; margin:0; background: url(/images/cfa/trpl__horizontal_border.png) repeat-x 0 96%; } .highlighted_caption { padding: 2em 0 2em 0; text-align:left; clear: both; border-top: 1px #dcdcdc solid; background: url(/images/cfa/dbl__horizontal_border.png) repeat-x 0 100%; } .hilighted_credit { font-size:.66em; color:#999999; } .highlighted_right_text { margin: 0; float: left; width: 70%; } .dblbottomBorder { background: url(/images/cfa/dbl__horizontal_border.png) repeat-x 0 100%; } .event_main1 .event_thumb1 { background: url(/images/cfa/selected_highlighted.png) no-repeat 0 100%; } .event_main2 .event_thumb2 { background: url(/images/cfa/selected_highlighted.png) no-repeat 0 100%; } .event_main3 .event_thumb3 { background: url(/images/cfa/selected_highlighted.png) no-repeat 0 100%; } .event_main4 .event_thumb4 { background: url(/images/cfa/selected_highlighted.png) no-repeat 0 100%; } .event_main5 .event_thumb5 { background: url(/images/cfa/selected_highlighted.png) no-repeat 0 100%; } .event_main6 .event_thumb6 { background: url(/images/cfa/selected_highlighted.png) no-repeat 0 100%; } .event_main7 .event_thumb7 { background: url(/images/cfa/selected_highlighted.png) no-repeat 0 100%; } .event_main8 .event_thumb8 { background: url(/images/cfa/selected_highlighted.png) no-repeat 0 100%;} .event_main9 .event_thumb9 { background: url(/images/cfa/selected_highlighted.png) no-repeat 0 100%; } .event_main10 .event_thumb10 { background: url(/images/cfa/selected_highlighted.png) no-repeat 0 100%; }