@charset "utf-8";
@import url('http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css');
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

/* 
Extra reset for address element that has styling in IE8.
YUI reset has one for address, but sets it to inherit, which
it appears not to do in IE8?
*/
address {
  font-style: normal;
  font-weight: normal;
}

address p.rounded {
  background-color:#bbffff;
  width:50%;
  margin-left:25%;
}

/* styling the HTML element to avoid ugly white lines top and bottom in FF 3.5 */
html {
    background-color: #DCF7FF;
    background-image: url(../images/site/backgwaves.jpg);
    font-family:arial,helvetica,sans-serif;
    color:#333333;  
}

body {
    font-size:93%;
}

h1 {
  /* 18px via YUI Fonts CSS foundation. */
  font-size: 138.5%;
  background-image:url(../images/smallwaveblue2.gif);
  background-repeat:no-repeat;
  height:2.3077em; /* non-IE 30px */
  *height:2.2501em; /* IE 30px */
  padding-left:3em; /* non-IE 50px */
  *padding-left:2.925em; /* IE 50px */
  padding-top:0.6em; /* non-IE 11px */
  *padding-top:0.585em; /* IE 11px */
}

h2 {
  /* 16px via YUI Fonts CSS foundation. */
  font-size: 123.1%;
  background-image:url(../images/smallwaveblue2.gif);
  background-repeat:no-repeat;
  height:2.3077em; /* non-IE 30px */
  *height:2.2501em; /* IE 30px */
  padding-left:3em; /* non-IE 50px */
  *padding-left:2.925em; /* IE 50px */
  padding-top:0.6em; /* non-IE 11px */
  *padding-top:0.585em; /* IE 11px */
}

h3 {
  /* 14px via YUI Fonts CSS foundation. */
  font-size: 108%;
  color:blue;
  text-align:center;
}

h1,h2,h3 {
  /* Top & bottom margin based on font size. */
  margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
  /* Bringing boldness back to headers and the strong element. */
  font-weight: bold;
}
optgroup {
  font-weight:normal;
}

abbr,acronym {
  /* Indicating to users that more info is available. */
  border-bottom: 1px dotted #000;
  cursor: help;
}

em {
  /* Bringing italics back to the em element. */
  font-style: italic;
}

del {
  /* Striking deleted phrases. */
  text-decoration: line-through;
}

blockquote,ul,ol,dl {
  /* Giving blockquotes and lists room to breath. */
  margin: 1em;
}

ol,ul,dl {
  /* Bringing lists on to the page with breathing room. */
  margin-left: 2em;
}

ol li {
  /* Giving OL's LIs generated numbers. */
  list-style: decimal outside;
}

ul li {
  /* Giving UL's LIs generated disc markers. */
  list-style: disc outside;
  margin-top:1em;
  margin-bottom:1em;
}

dl dd {
  /* Giving UL's LIs generated numbers. */
  margin-left: 1em;
}

th,td {
  /* Borders and padding to make the table readable. */
  border: 1px solid #000;
  padding: .5em;
}

th {
  /* Distinguishing table headers from data cells. */
  font-weight: bold;
  text-align: center;
}

caption {
  /* Coordinated margin to match cell's padding. */
  margin-bottom: .5em;
  /* Centered so it doesn't blend in to other content. */
  text-align: center;
}

sup {
  /* to preserve line-height and selector appearance */
  vertical-align: super;
}

sub {
  /* to preserve line-height and selector appearance */
  vertical-align: sub;
}

p,
fieldset,
table,
pre {
  /* So things don't run into each other. */
  margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
  padding:1px;
}

/****************
 ** Navigation **
 ****************/
div.nav {
  width:185px;
}

div.nav-short {
  width:175px;
}

#nav,
#nav-short {
  margin:0;
}

#nav li,
#nav-short li {
  list-style-type:none;
  margin:0;
  border:0;
}

#nav li a,
#nav-short li a {
  background-image:url('../images/site/nav-buttons.png');
  width:175px;
  height:73px;
  text-decoration:none;
  font-weight:bold;
  vertical-align:middle;
  color:#FFF;
  display:block;  /* this is the key to making the a tag expand and fill the whole li */
  background-position:0px -146px;
  text-align:center;
  /*padding-top:1.3em;*/
  overflow:hidden;
  cursor:hand;  /* Need this for IE to show a hand cursor over the entire li */
}

#nav-short li a {
  background-image:url('../images/site/nav-buttons-short.png');
  height:36px;
  background-position:0px -69px;
}

#nav li a.current {
  background-position:0px -72px;
}

#nav-short li a.current {
  background-position:0px -34px;
}

#nav li a:hover,
#nav-short li a:hover {
  background-position:0px 1px;
}

#nav li a div,
#nav-short li a div {
  width:185px;
  height: 70px;
  display: table-cell;
  vertical-align: middle; 
  text-align:center;
  *margin-top:11%; /* ugly, UGLY hack for IE! No idea if this will scale, work across versions, etc. */
}

#nav-short li a div {
  height: 35px;
}

/********************
 ** General Styles **
 ********************/

ul.collage-links {
  padding:0px;
  margin:0px;
}

ul.collage-links li{
  list-style-type:none;
  background-image:url(../images/site/drop.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  padding-left:1.5em;
  font-family:arial,helvetica,sans-serif;
  color:blue;
  font-size:108%;
  font-weight:bold;
  margin:1em;
}

ul.collage-links a {
  text-decoration:none;
}

p.footer {
  color: #36B0FF; 
  font-size: 77%; 
  font-weight: bold; 
  text-align: center
}

a.no-underline {
  text-decoration:none;
}

div.left {
  text-align:left;
}

div.posrel {
  position:relative;
  width:38em
}

div.collage-blurb {
  position:absolute;
  top:33.5em;
  right:0em;
  width:24em;
  font-size:75%
}

div.collage-header {
  position:absolute;
  top:1em;
  right:-1em;
  width:10em;
}

div.image-title {
  position:absolute;
  top:0.4em;
  left:0.3em;
  font-weight:bold;
  font-size:108%;
  color:#333333
}

div.center {
  text-align: center;
}

a.webmaster {
  font-size:60%
}

table.schedule {
  border-width:1px;
  border-style:outset;
}

table.schedule td {
  text-align:center;
  border-width:1px;
  border-style:inset;
}

table.schedule td.header {
  vertical-align:top;
  text-align:center;
}

table.schedule td.rowheader {
  text-align:left;
  font-weight:bold;
}

table.schedule td.rowlead {
  text-align:left;
}

table.meet td {
  text-align:center;
}

table.meet th {
  font-size:100%;
}

.rounded { 
  background-color:lightblue;
  padding:1em;
  margin:0.5em;
  /* Do rounding (native in Firefox and Safari) */
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.bubbles {
  background-image:url('../images/site/bubbles.png');
  background-repeat:no-repeat;
  background-position:10% 95%;
}

.bubbles-small {
  background-image:url('../images/site/bubbles-small.png');
}

table.events {
  border-style:none;
  border-width:0;
}

table.events th {
  white-space:nowrap;
  text-align:right;
  border-style:none;
  border-width:0;
  vertical-align:top;
}

table.events td {
  border-style:none;
  border-width:0;
  vertical-align:top;
}

table.dues {
  width:100%;
  border-style:none;
  border-width:0;
}

table.dues th {
  border-style:none;
  border-width:0;
  text-align:left;
  padding-left:0;
}

table.dues td {
  border-style:none;
  border-width:0;
  padding-left:0;
}