@charset "utf-8";
/* CSS Document */

html {
	text-align: center;
}
body {
	width: 1150px;
	margin: 0 auto;
}
#logo {
	margin-bottom: 10px;
	margin-top: 10px;
}
blockquote {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #FFF;
	border: #C00 thin solid;
	width: 500px;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 10px;
}
.bgcolor {
	width: 600px;
	margin: 0 auto;
}
.bgcolor p {
	background-color: #FFF;
	padding: 10px;
	margin-top: 0;
}
.bgcolor table {
	background-color: #FFF;
}
.bgcolor caption {
	background-color: #FFF;
	font-size: 20px;
	font-weight: bold;
}
.redrow {
	background-color: #FF6262;
}
.rowcolor {
	background-color: #9CF;
}
th {
	background-color: #039;
	color: #FFF;
}
td.center {
	text-align: center;
}
.small {
	font: 12px normal Arial, Helvetica, sans-serif;
}


/*---start of navigation menu---*/
#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 80%;
border-bottom: 3px solid #009;
}

#navlist
{
width: 700px;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #36F;
font-size: 1em;
padding: 0 2px;
border-top: .8em solid #009;
}

#navlist li a:hover
{
color: #C00;
border-top: none;
font-size: 1.2em;
}
#navlist a#current {
	border-top: none;
	font-size: 1.5em;
}

#navlist a#current { color: #00F; }

/*---end of navigation menu---*/


/*---styling of content div---*/
#content {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: url("images/pit_light2.jpg") repeat-y;
	width: 680px;
	padding: 40px 0;
	margin: 0 auto;
}
#content h1{
	background-color: #FFF;
	display: inline-block;
}
#content h2{
	background-color: #FFF;
	display: inline-block;
	padding-top: 0;
	margin: 10px;
}
#content h3{
	background-color: #FFF;
	display: inline-block;
	padding-top: 0;
	margin: 10px;
}
#content h4{
	background-color: #FFF;
	display: inline-block;
	padding-top: 0;
	margin: 0;
}
/*---end of styling of content div---*/


/*----styling of the left sidebar----*/
.left {
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009;
	line-height: 1.3em;
	width: 120px;
	margin: 40px 0px 40px 50px;
}
.left img {
	margin-bottom: 30px;
	border: none;
	text-decoration: none;
}
/*---end of left sidebar---*/


/*----styling of the sidebar----*/
.sidebar {
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009;
	line-height: 1.3em;
	background-color: #FF9;
	padding: 15px 5px;
	width: 200px;
	margin: 40px 0px 0px 0px;
	border: #C00 dashed medium;
}
.sidebar h2, h3 {
	padding-top: 15px;
}
.sidebar p {
	margin-top: 0;
	margin-bottom: 0;
}
.sidebar h2 {
	color: #F33;
	line-height: 1.2em;
	letter-spacing: 1px;
	margin-top: 5px;
}
.sidebar h3 {
	margin-bottom: 0;
}
/*---end of sidebar---*/

/*----styling of the sidebar2 (for any additional sidebars so they go to the bottom and not side by side)----*/
.sidebar2 {
	clear: both;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009;
	line-height: 1.3em;
	background-color: #FF9;
	padding: 15px 5px;
	width: 200px;
	margin: 5px 0px 10px 0px;
	border: #C00 dashed medium;
}
.sidebar2 h2, h3 {
	padding-top: 15px;
}
.sidebar2 p {
	margin-top: 0;
	margin-bottom: 0;
}
.sidebar2 h2 {
	color: #F33;
	line-height: 1.2em;
	letter-spacing: 1px;
	margin-top: 5px;
}
.sidebar2 h3 {
	margin-bottom: 0;
}
/*---end of sidebar2---*/


/*----styling on index.html----*/
#home {
	color: #FFF;
	background-color: #39F;
	border: thick solid #FFF ;
	width: 600px;
	margin: 10px auto;
}
#home h1{
	background-color: #39F;
	margin: 0;
}
#home h2{
	background-color: #39F;
	margin: 0;
}
#home h3{
	background-color: #39F;
	margin: 0;
}
#home p{
	margin-top: 0;
}
/*----end of styling on index.html----*/


/*----styling of the weather announcements----*/
.weather {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	line-height: 1.3em;
	background-color: #C00;
	padding: 10px 10px 20px 15px;
	width: 400px;
	margin: 0 auto;
	border: #039 groove medium;
	visibility: visible;
}
.weather h2, h3 {
	padding-top: 15px;
}
.weather p {
	margin-top: 0;
}
.weather h2 {
	color: #FFF;
	line-height: 1.2em;
	letter-spacing: 1px;
	margin-top: 10px;
}
.weather h3 {
	margin-bottom: 0;
}
/*---end of weather announcements---*/


/*----styling on schedules.html----*/
#practice h2{
	margin-top: 50px;
	margin-bottom: 0;
}
#practice h3{
	margin-top: 0;
}
#practice table {
	background-color: #FFF;
	border: none;
	margin: 0 auto;
}
#schedules h2{
	margin-top: 50px;
	margin-bottom: 0;
}
#schedules h3{
	margin-top: 20px;
	margin-bottom: 0;
}
#schedules table {
	background-color: #FFF;
	margin: 0 auto;
}
/*---end of stylin on schedules.html---*/


/*---styling of pictures.html---*/
.pic {
	background-color: #FFFFFF;
	position: relative;
	top: 10px;
	width: 600px;
	display: inline;
	margin: 0 auto;
}

.pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

.pic a img {
	border: 0;
}

.pic a.p1, .pic a.p1:visited {
	background: none;
	border: none;
	display: block;
	height: 155px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 200px;
}

.pic a.p1:hover {
	color: #000000;
	text-decoration: none;
}

.pic a.p1:hover .large {
	border: 2px solid #FFF;
	display: block;
	height: 280px;
	position: absolute;
	top: 70px;
	left: -220px;
	width: 440px;
}
.pic table {
	width: 600px;
	margin: 0 auto;
}
.pic table caption{
	background-color: #039;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	padding: 5px;
	display: inline;
}
/*---end of styling of pictures.html---*/