﻿html, body 
{
	background-color: #CBDDE5;
}

#topnav 
{
	background-color: #4884A1; 
	border-top: 1px solid #9DBECE;
	border-bottom: 1px solid #9DBECE;
	line-height: 14px;
	background-image: none;
}

#topnav li.top a:hover
{
	background-color: #9DBECE;
	background-image: none;
	color: #4884A1;
}

#topnav li.lower a:link, #topnav li.lower a:visited 
{
	color: #4884A1;
}

#topnav li.lower a:hover 
{
	background-image: none;
	color: #333;
}

#topnav li:hover ul, #topnav li.over ul 
{
	background-color: #D5E4E9;
	border-left: #D5E4E9;
	border-top: 1px solid #4884A1;
}

#footer
{
	border-top: 4px solid #4884A1;
}
#page
{
	border-bottom: 2px solid #4884A1;
	border-left: none;
	border-right: none;
}

#central h1, h3
{
	color: #4884a1;
}

#main, #leftNav
{
	border-top: 1px solid #4884a1;
}

#pageFunction
{
	border-top: 1px solid #9DBECE;
}

a:link, a:visited
{
color: #72A0B7;
text-decoration: underline;
}

a:link:hover
{
color: #4884A1;
}

h4
{
font-size: 1.1em;
color: #4884A1;
}

table.roster, table.accomplish
{
	margin: 0 auto 1em auto;
	font-size: 1em;
	line-height: 1.3em;
}

table.fullWidth
{
width: 95%;
}

table.normWidth
{
width: 80%;
}

table.smallWidth
{
width: 60%;
}

table.thirds
{
width: 30%;
margin: 0 0 1em 2%;
float: left;
}

td.data, th.data
{
text-align: right;
}

table.roster td, table.accomplish td,
table.roster th, table.accomplish th
{
	padding: 2px 4px;
}

table.roster td, table.accomplish td
{
	border-left: 1px solid #72A0B7;
	border-bottom: 1px solid #72A0B7;
}

table.roster th, table.accomplish th
{
	font-weight: bold;
	color: #4884A1;
	border-bottom: 2px solid #72A0B7;
	border-left: none;
}

table.roster th.side, table.accomplish th.side
{
	border-bottom: 1px solid #72A0B7;
}

table.accomplish tr.total td, table.accomplish tr.total th
{
font-weight: bold;
border-top: 1px solid #72A0B7;
}

img.argraph400
{
display: block;
width: 400px;
margin: 2em auto;
}

img.argraph500
{
display: block;
width: 500px;
margin: 2em auto;
}


