/*********************/
/* GLOBAL FORMATTING */
/*********************/

/* Body */
body {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

/* Banner Image */
img#header {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Navgation Bar */
/* Adapted with permission from Antonio Lupetti (http://woork.blogspot.com). */
div#navbar {
    width: auto;
    height: 36px;
    margin-top: 5px;
    background: url(img/navbar-bg.png) left top repeat-x;
}
div#navbar .inbar {
    display: block;
    height: 36px;
    background: url(img/upper-right-round.png) right top no-repeat;
}
div#navbar ul, div#navbar ul li {
    border: 0px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 36px;
    line-height: 36px;
}
div#navbar ul {
    background: url(img/upper-left-round.png) left top no-repeat;
}
div#navbar ul li {
    float: left;
    display: block;
    line-height: 36px;
}
div#navbar ul li a {
    color: #403e32;
    text-decoration: none;
    font-weight: bold;
    display: block;
}
div#navbar ul li a span {
    padding: 0 20px 0 0;
    height: 36px;
    line-height: 36px;
    display: block;
    margin-left: 20px;
}
div#navbar .navhome a, div#navbar .navhome a:hover {    
    background: url(img/a-bg.png) left top no-repeat;
    height: 36px;
    line-height: 36px;
}
div#navbar .navhome a span, div#navbar .navhome a:hover span {
    color: #FFFFFF;
    background: url(img/span-bg.png) right top no-repeat;
    height: 36px;
    line-height: 36px;
}
div#navbar ul li a:hover {
    background: url(img/ahover-bg.png) left top no-repeat;
    height: 36px;
    line-height: 36px;
}
div#navbar ul li a:hover span {
    background: url(img/spanhover-bg.png) right top no-repeat;
    height: 36px;
    line-height: 36px;
}

/* Main Section */
div#main {
    width: 738px;
    border-color: #DFDED8;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 20px;
}

/* Miscellaneous Styles */
h1 {
    color: #990000;
    padding-top: 10px;
    font-size: 18px;
}
ul.none {
    padding-left: 0px;
    list-style-type: none;
}
td {
    padding-right: 20px
}
.highlight {
    color: #990000;
}


/****************************/
/* PAGE-SPECIFIC FORMATTING */
/****************************/

/* Home Page */
td.date {
    color: #990000;
}

/* Schedule and Rosters Pages */
table.grid {
    font-size: 14px;
    border-spacing: 0px;
    border-collapse: collapse;
}
table.grid th, table.grid td {
    border-width: 1px;
    border-style: solid;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

/* Directions Page */
div.directions h1 {
    padding-top: 20px;
}
div.directions h2 {
    color: #990000;
    padding-top: 20px;
    font-size: 16px;
    font-weight: normal;
}

/* Boosters Page */
td.role {
    font-weight: bold;
}
div.committees h1 {
    padding-top: 30px;
}
div.committees h2 {
    color: #990000;
    padding-top: 20px;
    font-size: 16px;
    font-weight: normal;
}
div.committees table {
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 14px;
}
div.committees td {
    border-width: 1px;
    border-style: solid;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}
div.committees p {
    font-size: 14px;
}