/**
* @file
* HTML Element Styling
*
* This is the "reset" style sheet. It standardizes the properties of the HTML
* elements across browsers.
*/
*
{
margin: 0;
padding: 0;
}
/*
* Fonts
*
* Our font size and line height declarations are based on the following ALA
* article:
* http://www.alistapart.com/articles/howtosizetextincss
*
* All modern browsrs use a 16px default font size. Specifying the font-size
* and line-height in ems (relative to the 16px default font) allows the user
* to resize the font in the browser and produces the most consistent results
* across different browsers.
*/
body {
font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
}
#skip-to-nav,
#page {
}
body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {
/* The following font family declarations are based on the Microsoft core web
* fonts which are common fonts available on most computer systems. The DejaVu
* fonts are commonly available on Linux systems where the MS fonts are less
* common. Tahoma and Helvetica are also widely available.
*
* A user's web browser will look at the comma-separated list and will
* attempt to use each font in turn until it finds one that is available
* on the user's computer. The final "generic" font (sans-serif or serif)
* hints at what type of font to use if the web browser doesn't find any
* of the fonts in the list.
font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-family: "Courier New", "DejaVu Sans Mono", monospace;
*/
}
pre,
code {
font-size: 1.1em; /* Monospace fonts can be hard to read */
font-family: "Courier New", "DejaVu Sans Mono", monospace;
}
/*
* Headings
*/
H1, H2, H3, H4, H5, H6
{
font-weight: bold;
line-height: 1.2em;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.2em;
margin-top: 0.3em;
}
H3 { font-size: 1em; }
P + H3, OL + H3, UL + H3 { margin-top: 2.4em; }
.region-sidebar-second P + H3, .region-sidebar-second OL + H3, .region-sidebar-second UL + H3 { margin-top: 0em; }
H4
{
font-size: 1em;
font-style: italic;
}
H5, H6 { font-size: .9em; }
/*
* Block-level elements
*/
p,
dl,
pre,
table,
fieldset {
margin: 0px 0px 1.3em 0px;
}
P.subtitle, DIV.field-name-field-subtitle
{
font-style: italic;
font-size: 1.1em;
}
H2+P.subtitle { font-size: 1em; }
H3+P.subtitle { font-size: .9em; }
P.promo
{
text-align: center;
font-weight: bold;
}
H1 + P.promo, H2 + P.promo, H3 + P.promo {
margin-top: 1em;
}
P.address, P.indent { margin-left: 2em; }
P.note
{
font-style: italic;
font-size: .8em;
line-height: normal;
}
P.note EM
{
font-style: normal;
}
P.listheader
{
margin-bottom: 3px;
font-weight: bold;
}
P.citation
{
text-indent: -3em;
padding-left: 3em;
}
P.right { text-align: right; }
P.center { text-align: center; }
P.sponsorlogos { text-align: center; }
P.sponsorlogos IMG
{
vertical-align: middle !important;
padding: 5px 10px !important;
border: none !important;
}
P.sponsorlogos A.external-link, DIV.acrobat A.external-link, A.noicon, A.banner
{
background: none;
padding-right: 0px;
}
BLOCKQUOTE
{
margin: 0px 2em 1.2em 2em;
font-style: italic;
line-height: normal;
}
BLOCKQUOTE.author {
text-align: right;
}
/*
* Lists
*
* We need to standardize the list item indentation.
*/
ul,
ol {
margin-left: 0;
padding-left: 2em; /* LTR */
}
.block ul,
.item-list ul /* Drupal overrides */ {
margin: 0px 0px 1em 0px;
padding: 0 0 0 2em; /* LTR */
}
ul ul, ul ol,
ol ol, ol ul,
.block ul ul, .block ul ol,
.block ol ol, .block ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul {
margin: 0;
}
li {
margin: 0px 0px .5em 0px;
padding: 0;
}
#autocomplete li { margin-bottom: 0px !important; padding: 0 3px; }
#autocomplete li {
color: inherit;
}
.item-list ul li /* Drupal override */ {
margin: 0;
padding: 0;
list-style: inherit;
}
ul.menu li,
li.expanded,
li.collapsed,
li.leaf /* Drupal override */ {
margin: 0;
padding: 0;
}
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: decimal; }
dt {
font-weight: bold;
}
dd {
margin: 0px 0px .5em 2em;
padding: 0;
}
.region-sidebar-second ul { padding-left: 1.5em; }
/*
* Links
*
* The order of link states are based on Eric Meyer's article:
* http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
*/
a:link {
}
a:visited {
}
a:hover,
a:focus {
}
a:active {
}
/*
* Tables
*
* Drupal provides table styling which is only useful for its admin section
* forms, so we override this default CSS. (We set it back in forms.css.)
*/
table {
border-spacing: 1px;
border-collapse: separate;
width: 100%;
}
TD, TH { padding: 3px; }
TABLE TBODY, TBODY TH, THEAD TH { border: none; }
THEAD TH { text-align: center; }
THEAD TH A { text-decoration: none; }
TH.right, TD.right, TBODY TH { text-align: right; }
TBODY TH { vertical-align: top; }
TR.odd { background-color: transparent; }
tbody {
border-top: none;
}
TABLE.data { border-collapse: collapse; }
TABLE.data TD, TABLE.data TH { border: 1px #CCC solid; }
/*
* Inline Elements
*/
SMALL
{
font-size: .9em;
font-weight: normal !important;
}
abbr {
border-bottom: 1px dotted #666;
cursor: help;
white-space: nowrap;
}
abbr.created /* Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly. */ {
border: none;
cursor: auto;
white-space: normal;
}
.clearboth { clear: both; }
/** images **/
IMG { border: none; }
IMG.right, IMG.eventimage, DIV.acrobat, DIV.right, .image-right
{
float: right;
margin: 0px 0px .5em 10px;
}
IMG.left, .image-left
{
float: left;
margin: 0px 10px .5em 0px;
}
.caption {
font-size: .85em;
color: #666;
line-height: 1.2em;
display: block;
}
.image-left {
display: block;
text-align: left;
}
.image-right {
display: block;
text-align: right;
}
.standalone-image {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
/*
* Horizontal rules
*/
hr {
height: 1px;
border: 1px solid #666;
}
/*
* Forms
*/
form {
margin: 0;
padding: 0;
}
fieldset {
margin: 1em 0;
padding: 0.5em;
}
/* General IR statements */
.replace {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 1.2em; /* Choose a font-size here that will keep the headline small enough to fit completely under the span. */
}
.replace em {
display: block;
position: absolute;
top: 0;
/*
left: 0;
*/
z-index: 1; /* for opera5 (?) and o6/mac */
}
.replace a {
cursor: hand; /* for ie5.x/win, invalid */
c\ursor: pointer; /* reset for other browsers */
}
/* General IR statements for IE5.x mac only */
* html>body .replace {
position: static;
overflow: visible;
font-size: 10px;
/* Since overflow: hidden doesn'twork with ie5.x/mac, we choose a font-size here that will keep the headline small enough to fit completely under the span.*/
}
* html>body .replace em {
position: static;
}
* html>body .replace a {
text-decoration: none; /* ie5.0-5.1.x/mac must have this value or the underline shows through the image. */
}
* html>body #banner em { /* for ie5.x/mac only */
margin-bottom: -85px; /* Required to bring text underneath image. Use the negative height of the image here.*/
}
#image_src { display: none; }
/* Google Map */
IFRAME.map
{
width: 100%;
height: 350px;
}
DIV.map-link { color: #999; font-size: .95em; }
/* Search */
.search-results .title { font-size: 1em; }
.search-results { list-style-type: decimal; }
.search-results .search-snippet-info { padding-left: 0; }
.search-results p { margin-bottom: .25em; }
.search-results .search-info {
color: #666;
text-align: right;
}