
img#pdficon {
height: 20px;
width: 20px;
}
body a {
color: #e00000;
text-decoration: underline;
}

body a:hover {
text-decoration: none;
color: #555555;
}

table {
font: inherit;
}

img {
border: none;
}

.bold {
font-weight: 600;
}

.italics {
font-style: italic;
}

.hidden {
display: none;
}

span.redfont {
color: #e00000;
}

img.floatright {
float: right;
}

img.floatleft {
float: left;
}


div.container {
/* Contains everything */
background-color: #ffffff;
font-family: verdana,arial,helvetica,clean,sans-serif;
width: 90%;
font-size: 12px;
color: #000000;
margin: -4px auto 0 auto;
}

div.content {
/* where the content is located */
margin-top: -19px; /* 5px more than bot. padding of navbar a...otherwise, 21px if navbar is float right */
min-height: 400px;
}

div.sidebar {
width: 17%;
float: left;
min-height: 400px;
}

div.logo {
height: 80px;
margin-bottom: 5px;
}

div.logo img {
border: none;
}

img#logowords {
width: 389px;
height: 53px;
margin-top:17px;
margin-right: 0;
}

#hillpic {
width: 385px;
height:76px;
float: right;
margin-right: 5px;
margin-top: 10px;
}

/* ----------------- Navigation Bar --------------*/
div.navbar  {
border: 2px solid #121212;
padding: 6px 0 6px 0; /* must match size of top and bottom navbar a borders */
background-color: #e00000;
}

div#redborder {
border: 1px solid #e00000;
margin-bottom: 20px;
}

.navbar ul {
/*  float: right; */
margin: 0 0 0 3px;
padding: 0;
list-style-type: none;
display: inline;
}

.navbar li {
display: inline;
margin-left: -3px;  /* make li even with edge of container */
padding: 0;
}

.navbar a  {
padding: 0 5px 0 5px;
text-decoration: none;
font-size: 12px;
font-weight: 700;
color: #ffffff;
background-color: #e00000;
border-top: 6px solid #e00000;
border-bottom: 6px solid #e00000;
border-right: 1px solid #ffffff;
}

.navbar a:hover {
text-decoration: none;
color: white;
border-top: 6px solid black;
background-color: black;
border-bottom: 6px solid black;
}

/* ------------------------End Navbar --------------*/

div#footer{
height: 55px;
background-color: #222222;
width: 100%;
float: left;
text-align: center;
font-size: .8em;
color: #F2F3EE;
padding: 0;
margin-bottom: 3px;
}

div#footer a:hover { 
color: #aaaaaa;
}

div#tmDiv_b87 {
margin-top: 5px;
}

div#ibox_content td {
padding: 0;
border: none;
}



div.sidebar {
width: 24%;
margin-top: 15px;
float: left;
}

img#cal {
height: 60px;
width: 60px;
position: relative;
top: 21px;
}

table#schedule
{
position: relative;
top: 20px;
}

a.eventlink, span.meetinfo {
color: #e00000;
font-size: 10px;
}

img#maleicon {
height: 20px;
width: 20px;
}

p#today {
text-align: center;
font-size: 15px;
font-weight: 600;
color: #e00000;
margin-top: 0;
}

p#nextmeet {
text-align: center;
font-size: 14px;
font-weight: 600;
color: blue;
}

div#seasonselect {
font-family: times;
font-weight: 600;
font-size: 16px;
border: 1px solid black;
width: 90%;
margin-left: 4%;
}

div#seasonselect a {
color: #e00000;
font-weight: 400;
}

div#seasonselectHEADER {
background-color: #e00000;
text-align: center;
border-bottom: 1px solid black;
color: white;
}

div#seasonselectLIST {
margin-left: 20px;
line-height: 1.3em;
}

div#gender_select {
margin-bottom: 15px;
width: 90%;
margin-left: 4%;
border: 1px solid black;
}

div#genderHEADER {
font-weight: 600;
text-align: center;
background-color: gold;
border-bottom: 1px solid black;
}

div#genderLIST {
text-align: center;
padding: 5px 0;
}

img.maleicon, img.femaleicon {
height: 32px;
width: 32px;
}

/******************************************************
   Lab Report CSS Tables ver. 1.1
   Created by Louise Dade, 03 September 2005
   http://www.classical-webdesigns.co.uk

   You may use this style sheet, but please DO NOT
   link to it directly (hot-link) in your own files.

   Inc. Files: graph.png; fauxalpha.png; dlarrow.png
******************************************************/

/* We collapse borders because we don't want cell spacing.
   We specify the font family here too, including a generic fall-back.
   We specify a global table font size, using 'ems' because they are
   resizable and take their relative value from the global stylesheet. */
table#schedule {
    border-collapse: collapse;
    color: #000;
    font-size: 1.1em;
    float: right;
    margin: 1px 0 30px 0;
    width: 75%;  /* this plus sidebar cannot exceed 100%  */
    border-left: 1px solid #555;
    border-right: 1px solid #555;
}

/* We add letter spacing because all caps makes the letters scrunchy
   Also, left aligned because it was favoured by my university for table
   captions, but yours might be different. Actually for a scientific paper,
   the caption would be more detailed, resembling a table 'summary' */
table#schedule caption {
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 1.1em;
}

/* Table headers should be clear, but concise and discreet.
   The double border separates the row from caption and the table body 
   without needing a different background colour. Because we've specified
   a text colour, we also specify a background colour (even though it's the
   same as the main table colour) to accommodate personal stylesheets. */
table#schedule thead th {
/*
    border-top: 3px double #555;
    border-bottom: 3px double #555;
*/
    padding: 2px 10px;
    color: #fff;
    background-image: url(http://www.guilderlandxc.com/images/captionbkgr.png);
    text-align: left;
    font-variant: small-caps;
    letter-spacing: 0.1em;
    white-space: nowrap;
}

/* We've given the table footer the same double border treatment for the
   same reason.  It also acts as a nice "end of table" indicator. It's 
   part of the data so we leave the text black. We also treat the header
   and data the same way. */
table#schedule tfoot th, tfoot td {
    border-top: 3px double #555;
    border-bottom: 3px double #555;
    padding: 2px 10px;
    font-variant: small-caps;
    letter-spacing: 0.1em;
}

/* We now revert to discreet single pixel horizontal borders to separate
   each entry.  If your table content is numerical data, you might want the
   vertical borders too, but I find it's visually more pleasing and easier to
   read online when there is plenty of padding instead of borders. 
   NOTE: we treat the headers and data cells the same here, visually it's clear
   enough (header text is bold) and does not affect screen-reader software */
table#schedule tbody th, tbody td {
    border-bottom: 1px solid #555;
    padding: 10px 10px;
    text-align: left;
    vertical-align: top;

}

/* 
CSS2 selectors - this just means the link in the fourth TD along
   (the last column).  It simply adds a "download" icon and makes the
   text all caps - will be ignored by older browsers. We also add a 
   link colour (same as all other links) for personal stylesheets.
tbody td+td+td+td a {
    padding-right: 16px;
    color: #00d;
    font-variant: small-caps;
    letter-spacing: 0.1em;
}   
*/

tr.odd {
background-color: #e0e0e0;
}

tr.even {
background-color: #ffffff;
}

/* Finally we have the link styles: background has been rendered as
   transparent so the background image isn't blocked in an ugly way. */

/* EOF */

table div.sched_result {
font-weight: 300;
font-size: .85em;
margin-left: 20px;
color: #404040;
}

table span.resultsgender {
margin-left: 20px;
}

td.event  {
color: #e00000;
font-weight: 600;
}

td.time {
width: 50px;
}

td.gender {
width: 68px;
}