/* CSS Document */ /*************** MSWinc.org Main CSS v 1.1 April 5, 2006 v 1.2 June 23, 2006 ****************/ /* tags */ body {font-family: Verdana, Ariel, sans-serif; background-color:#FFFFFF;} /* main page elements */ div.nav {font-weight: bold; font-size: 8pt; line-height: 140%; font-variant: small-caps; margin-left: 15px; } .grndescr {color:#333333; background-color: #E2EFEB; font-weight: normal; font-size: 10pt; line-height: 120%; margin:0; padding:5px;} .whtdescr {color:#333333; background-color: #FFFFFF; font-weight: normal; font-size: 10pt; line-height: 120%; margin:0; padding:5px;} .letters {color:#333333; font-weight:normal; font-size: 10pt; line-height: 120%; margin: 0px 5px 0px 0px; border-bottom: black 1px solid; padding: 5px 5px 2px 5px; font-family: Verdana, Ariel, sans-serif;} ul.des {list-style-type:disc; color:#333333; font-weight: bold; font-size: 10pt; font-family: Verdana, Ariel, sans-serif; margin-right: 5px;} ol.des {list-style-type:decimal; list-style-position: outside; margin-left: 2em; margin-right: 2em; padding-left: 2em; line-height: 120%; color: #333333; font-weight: normal; font-size: 10pt; font-family: Verdana, Ariel, sans-serif;} ul.wish {list-style-type:disc; color:#333333; font-size:10pt; font-family:Verdana, Ariel, sans-serif; margin:5px 5px 0 0;} .foot {color:#666699; font-weight: normal; font-size: xx-small; line-height: 140%; margin: 0px 0px 0px 2px;} .redhed {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em;} .aquahed {color:#993333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em;} h2.subhead {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em;} /* Employment Page */ #employment {} #employment div {padding:10px 0 5px 0;} #employment h1 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em;} #employment h2 {color:#000000; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em;} #employment p {color:#333333; background-color: #FFFFFF; font-weight:normal; font-size:10pt; line-height:120%; margin:0; padding:5px;} #employment ul {font-size: 10pt; margin:3px 0 10px 17px; padding:0 0 0 22px; line-height:120%;} #employment li {padding:0 0 3px 0;} /* Staff Page*/ #staff {} #staff div {padding:10px 0 5px 0;} #staff h1 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em;} #staff h2 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em;} #staff p {color:#333333; background-color: #FFFFFF; font-weight:normal; font-size:10pt; margin:0; padding:5px;} #staff ul {font-size: 10pt; margin:3px 0 10px 17px; padding:0 0 0 22px; line-height:120%;} #staff li {padding:0 0 3px 0;} #staff a:link {color:#000000; } #staff a:visited {color:#000000; } #staff a:hover {color:#CC3333; } #staff a:active {color:#CC3333; } /*Alumnae page*/ #alumnae {} #alumnae div {padding:10px 0 5px 0;} #alumnae h1 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; margin:20px 0 0 0;} #alumnae h2 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; padding:12px 0 0 0;} #alumnae p, #alumnae td {color:#333333; background-color: #FFFFFF; font-weight:normal; font-size:10pt; margin:0; padding:5px;} #alumnae ul {font-size: 10pt; margin:3px 0 10px 17px; padding:0 0 0 22px; line-height:120%;} #alumnae li {padding:0 0 3px 0;} .alumnae_img {padding:5px 15px 15px 0;} /* News & Events page*/ #news {} #news div {padding:10px 0 5px 0;} #news h1 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; margin:20px 0 0 0;} #news h2 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; padding:12px 0 0 0;} #news h3 {color:#333333; background-color: #FFFFFF; font-weight:normal; font-size:10pt; margin:0 0 -10px 0; padding:5px; text-transform:uppercase;} #news p, #news td {color:#333333; background-color: #FFFFFF; font-weight:normal; font-size:10pt; margin:0; padding:5px;} #news ul {font-size: 10pt; margin:3px 0 10px 17px; padding:0 0 0 22px; line-height:120%;} #news li {padding:0 0 3px 0;} .news_img {padding:5px 15px 15px 0;} #news a:link {color:#000000; } #news a:visited {color:#000000; } #news a:hover {color:#CC3333; } #news a:active {color:#CC3333; } /* Volunteer page*/ #volunteer {} #volunteer div {padding:10px 0 5px 0;} #volunteer h1 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; margin:20px 0 0 0;} #volunteer h2 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; padding:12px 0 0 0;} #volunteer h3 {color:#333333; background-color: #FFFFFF; font-weight:normal; font-size:10pt; margin:0 0 -10px 0; padding:5px; text-transform:uppercase;} #volunteer p, #volunteer td {color:#333333; font-weight:normal; font-size:10pt; margin:0; padding:5px;} #volunteer ul {font-size: 10pt; margin:3px 0 10px 17px; padding:0 0 0 22px; line-height:120%;} #volunteer li {padding:0 0 3px 0; font-weight:bold;} .volunteer_img {padding:5px 15px 15px 0;} #volunteer a:link {color:#000000; } #volunteer a:visited {color:#000000; } #volunteer a:hover {color:#CC3333; } #volunteer a:active {color:#CC3333; } #volunteer a {text-decoration:none; color:#000000;} #volunteer a:hover {color:#CC3300;} #vol_right {width:275px; float:right; background:#E2EFEB; margin:10px 0 0 0;} #vol_right p {font-size:9pt; padding:3px; margin:0;} #vol_right img {margin:0 10px 10px 5px;} #vol_left {margin-right:275px;} /* Resources page*/ #resources {} #resources div {padding:10px 0 15px 0; clear:both;} #resources h1 {color:#CC3333; font-weight:bold; font-size: 10pt; letter-spacing: 0.1em; margin:20px 0 0 0;} #resources h2 {color:#333333; font-weight:bold; font-size: 10pt; line-height: 120%; margin: 0px 5px 0px 0px; border-bottom: black 1px solid; padding: 5px 5px 2px 5px;} #resources h3 {color:#333333; background-color: #FFFFFF; font-weight:normal; font-size:10pt; margin:0 0 -10px 0; padding:5px; text-transform:uppercase;} #resources p, #resources td {color:#333333; background-color: #FFFFFF; font-weight:normal; font-size:10pt; margin:0; padding:5px;} #resources ul {font-size: 10pt; margin:3px 0 10px 17px; padding:0 0 0 22px; line-height:120%;} #resources li {padding:0 0 3px 0;} .resources_img {padding:0 15px 15px 0;} #resources a:link {color:#000000; } #resources a:visited {color:#000000; } #resources a:hover {color:#CC3333; } #resources a:active {color:#CC3333; } /* Annual Report*/ #annualreport {margin:0 0 20px 0;} #annualreport h1 {color:#CC3333; font-weight:bold; font-size:11pt; letter-spacing: 0.1em; margin:20px 0 0 0; font-variant:small-caps; text-align:center;} #annualreport p, #annualreport td {color:#333333; font-weight:normal; font-size:10pt; margin:0; padding:5px; text-align:left;} #annualreport ul {color:#333333; font-weight:normal; font-size:10pt; margin:5px 0 0 15px; text-align:left; padding:0;} #annualreport li {margin:5px; padding:0;} .annualreport_box {background-color:#FF9999; border:2px solid #000000; margin:7px; padding:5px; width:275px;} .annualreport_boxplain {padding:10px; margin:7px; width:275px;} #annualreport_graphs {clear:both;} #annualreport_graphs div {margin:10px; padding:10px;} #annualreport_center {width:625px; margin:15px 0 10px 0;} /* Site Map */ #sitemap {} #sitemap div {padding:10px 0 5px 0;} #sitemap h1 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; margin:20px 0 0 0;} #sitemap h2 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; padding:12px 0 0 0;} #sitemap h3 {color:#333333; background-color: #FFFFFF; font-weight:normal; font-size:10pt; margin:0 0 -10px 0; padding:5px; text-transform:uppercase;} #sitemap p, #sitemap td {color:#333333; background-color: #FFFFFF; font-weight:normal; font-size:10pt; margin:0; padding:5px; line-height:120%;} #sitemap ul {font-size: 10pt; margin:3px 0 10px 17px; padding:0 0 0 22px; line-height:120%;} #sitemap li {padding:0 0 3px 0;} .sitemap_img {padding:5px 15px 15px 0;} #sitemap a:link {color:#000000; } #sitemap a:visited {color:#000000; } #sitemap a:hover {color:#CC3333; } #sitemap a:active {color:#CC3333; } /* Team */ #team {} #team div {padding:0 0 5px 0; margin:15px 0 10px 0; clear:both; min-height:140px; height:auto; background:#E2EFEB;} * html #team div {height:140px;} #team h1 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; margin:20px 0 0 0;} #team h2 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; padding:12px 0 0 0;} #team h3 {color:#333333; font-weight:normal; font-size:10pt; margin:0 0 -10px 0; padding:5px; text-transform:uppercase;} #team p, #team td {color:#333333; font-weight:normal; font-size:10pt; margin:0; padding:5px; line-height:120%;} #team ul {font-size: 10pt; margin:3px 0 10px 17px; padding:0 0 0 22px; line-height:120%;} #team li {padding:0 0 3px 0;} .team_img {padding:0 10px 3px 0; float:left;} #team a:link {color:#000000; } #team a:visited {color:#000000; } #team a:hover {color:#CC3333; } #team a:active {color:#CC3333; } /* Support */ #support {} #support h1 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; margin:20px 0 0 0;} #support h2 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; padding:12px 0 0 0;} #support h3 {color:#333333; font-weight:normal; font-size:10pt; margin:0 0 -10px 0; padding:5px; text-transform:uppercase;} #support p, #support td {color:#333333; font-weight:normal; font-size:10pt; margin:0; padding:5px; line-height:120%;} #support ul {font-size: 10pt; margin:3px 0 10px 17px; padding:0 0 0 22px; line-height:120%;} #support li {padding:0 0 3px 0;} .support_img {padding:0 10px 3px 0; float:left;} #support a:link {color:#000000; } #support a:visited {color:#000000; } #support a:hover {color:#CC3333; } #support a:active {color:#CC3333; } .calloutbox {background:#E2EFEB; padding:15px; text-align:center; margin:5px; width:450px;} /* wish list */ #wishlist {} #wishlist div {padding:10px 0 5px 0;} #wishlist h1 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; margin:20px 0 0 0;} #wishlist h2 {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em; padding:12px 0 0 0;} #wishlist h3 {color:#333333; background-color: #FFFFFF; font-weight:normal; font-size:10pt; margin:10px 0 0 0; padding:5px;} #wishlist p, #wishlist td {color:#333333; font-weight:normal; font-size:10pt; margin:0; padding:0 5px;} .wishlist_img {padding:5px 15px 15px 0;} .wishlist_item ul {margin:0; padding:0; list-style:none;} .wishlist_item li {list-style:none; margin:0; padding:0; font-size:10pt; } #wishlist_item {margin:0; padding:0; font-size:10pt;} #wishlist a:link {color:#000000; } #wishlist a:visited {color:#000000; } #wishlist a:hover {color:#CC3333; } #wishlist a:active {color:#CC3333; } /*New page elements*/ .clear {clear:both;} .text {color: #333333; background-color:#FFFFFF; font-weight: normal; font-size:10pt; line-height:120%; margin:0; padding:5px;} .text_w_bkg {color:#333333; background-color: #E2EFEB; font-weight: normal; font-size:10pt; line-height:120%; margin:0; padding:5px;} .list {list-style-type:disc; color:#333333; font-size:10pt; padding:0 10px 5px 25px; margin:0;} .list ul {margin:0 5px 5px 0; padding:0;} .list li {margin:0 0 3px 0;} .page_heading {color:#CC3333; font-weight: bold; font-size: 10pt; letter-spacing: 0.1em;} /* These styles are used for the navigation panel that appears in the left column on every page. */ a.nav:link {color: #666666; text-decoration: none; } a.nav:visited {color: #666666; text-decoration: none; } a.nav:hover {color: rgb(204,51,51); text-decoration: none; } a.nav:active {color: rgb(204,51,51); text-decoration: none; } a.nodec:link {color: black; text-decoration: none; } a.nodec:visited {color: black; text-decoration: none; } a.nodec:hover {color: rgb(204,51,51); text-decoration: none; } a.nodec:active {color: rgb(204,51,51); text-decoration: none; } a.std:link {color:#000000; } a.std:visited {color:#000000; } a.std:hover {color:#CC3333; } a.std:active {color:#CC3333; } a.foot:hover {color:#CC3333; } a.foot:active {color:#CC3333;} a.navrev:link {color: #993333; text-decoration: none; } a.navrev:visited {color: #993333; text-decoration: none; } a.navrev:hover {color: #993333; text-decoration: none; } a.navrev:active {color: #993333; text-decoration: none; } a.signup:link { color: #000000; font-weight: bold; font-size: 12px; line-height: 100%; margin: 15px 5px 5px 0px;} a.signup:visited { color: #000000; font-weight: bold; font-size: 12px; line-height: 100%; margin: 15px 5px 5px 0px;} a.signup:hover { color: #993333; font-weight: bold; font-size: 12px; line-height: 100%; margin: 15px 5px 5px 0px;} a.signup:active { color: #993333; font-weight: bold; font-size: 12px; line-height: 100%; margin: 15px 5px 5px 0px;} a.red:link { color: #993333; } a.red:visited { color: #993333; } a.red:hover { color: #000000; } a.red:active { color: #000000; } /* These styles are used for READ MORE and BACK TO TOP links. */ span.cont { color: #666699; font-weight: bold; font-size: xx-small;} a.cont:link { text-decoration: none; color: #666699; font-weight: bold; font-size: xx-small;} a.cont:visited { text-decoration: none; color: #666699; font-weight: bold; font-size: xx-small;} a.cont:hover { text-decoration: none; color: #993333; font-weight: bold; font-size: xx-small;} a.cont:active { text-decoration: none; color: #993333; font-weight: bold; font-size: xx-small;} /* board style */ .board {background-color: #E2EFEB; padding:0 0 10px 0; margin:0 0 10px 0; min-height:175px; clear:left;} * html .board {height:175px;} .board img {float:left; margin:0 10px 25px 0; padding:0;} .board p {color:#333333; font-size:10pt; line-height:120%; margin:0; padding:5px;} /* These styles are used for the Community Resources */ p.res {color: #000000; font-weight: normal; font-size: 8pt; line-height: 120%; margin:5px;} span.reshd {font-weight: bold; } span.resnm {color: #993333; font-weight: bold; font-size: 10pt; line-height: 140%; } ul.res {list-style-type: disc; color: #000000; font-weight: bold; font-size: 8pt; line-height: 140%; font-family: Verdana, Ariel, sans-serif; margin: 5px 5px 5px 20px;} ul.desdet {list-style-type: disc; color: #000000; font-weight: normal; font-size: 12px; font-family: Verdana, Ariel, sans-serif; margin-right: 5px;} span.detail {font-weight: normal;} span.emph {font-weight: bold;} span.section { letter-spacing: 0.1em;} span.sectionp { letter-spacing: 0.1em; color: #7361a6;} .head { color: #000000; font-style: italic; font-weight: bold; font-size: 12px; line-height: 100%; font-family: Verdana, Ariel, sans-serif;} .smallhead { color: #000000; font-style: normal; font-weight: normal; font-size: xx-small; line-height: 100%; font-family: Verdana, Ariel, sans-serif;} div.proghd { color: #993333; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; font-size: 12px; line-height: 140%; font-family: Verdana, Ariel, sans-serif; margin: 5px 5px 5px 5px;} /* These styles are used for statistics in the right margin */ div.stats { color: #993333; font-style: italic; font-weight: bold; font-size: 12px; line-height: 140%; font-family: Verdana, Ariel, sans-serif; margin: 10px 5px 0;} span.bbn {font-size: 120%;} /* These styles are used for quotations and for the letter from the director. */ div.quote { color: #000000; font-style: italic; font-weight: bold; font-size: 12px; line-height: 140%; font-family: Verdana, Ariel, sans-serif; margin: 10px 5px 0;} div.quoted { color: #000000; font-style: normal; font-weight: bold; font-size: xx-small; line-height: 120%;font-family: Verdana, Ariel, sans-serif; margin: 5px 5px 0 5px;} /* These styles are used for captions under pictures. */ div.caption { color: #666699; font-style: normal; font-weight: normal; font-size: xx-small; line-height: 100%; margin: 0px 5px 0px 5px;} div.bcaption { color: #000000; font-style: normal; font-weight: normal; font-size: xx-small; line-height: 100%; margin: 0px 5px 0px 5px;} /* This style is to emphasize cited publications and other important text*/ .pub {font-style: italic;}