/* Some notes: the content div just contains the iframe for pages, the calendar div contains the iframe for the calendar, the title is duh, the title. The navcontainer stuff is for the links on top of the content div. -Ruth */

a:link {color: #f60;}
a:visited {color: #f60;}
a:hover {color: #fff;}
a:active {color: #fff;}

body {
color: #eee;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.8em;
padding: 10px;
background: #f5f5f5;
}

body#index {
background: #1F394D;
padding: 0;
}


div#content {
position: absolute;
left: 100px;
top: 100px;
height: 500px;
width: 470px;
}

div#calendar {
position: absolute;
left: 600px;
top: 100px;
height: 500px;
width: 470px;
}

div#title {
position: absolute;
left: 600px;
top: 60px;
color: #70B370;
}

iframe {
border: 1px #999 solid;
}

img.member {
width: 100px;
float: left;
border: 0;
}

img.emeriti {
width: 100px;
float: left;
border: 0;
opacity:0.4;
}

ol {
line-height: 2;}

#navcontainer ul {
position: absolute;
left: 105px;
top: 60px;
padding-left: 0;
margin-left: 0;
float: left;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
font-family: Times New Roman, Georgia, serif;
font-variant: small-caps;
font-size: 16px;
padding: 5px 10px 2px 10px;
color: #ABCC78;
float: left;
text-decoration: none;
}

#navcontainer ul li a:hover {
background-color: #1F0333;
color: #70B370;
}

h1, h2, h3, h4, h5, h6 {
font-family: Times New Roman, Georgia, serif;
font-variant: small-caps;
}

td p {
font-size: 0.8em;