html, body { margin: 0; padding: 0; height: 100%; min-height: 100%; }
body { background-color: #001e0c; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #004812; background-image: url(../images/bg_grid.jpg); background-repeat: repeat-x; }
form { margin: 0; padding: 0; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #05763d; font-weight: normal; border-bottom: 1px solid #daece4; padding: 0 0 8px 0; }
h2 { color: #e5b53a; font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 15px 0 0 0; }
li { margin: 0 0 10px 0; }
a:link { text-decoration: underline; color: #128248; }
a:active { text-decoration: underline; color: #9ab275; }
a:visited { text-decoration: underline; color: #9ab275; }
a:hover { text-decoration: none; color: #128248; } 

/* IDs */

#wrapper { width: 840px; margin: 0; padding: 0; text-align: left; }
#nav { width: 100%; height: 27px; float: left; background-image: url(../images/nav_base.gif); background-repeat: no-repeat; }
#nav_bg { width: 790px; background-image: url(../images/bg_nav.jpg); background-repeat: repeat-x; margin-left: 26px; }
#content-wrapper { width: 820px; background-image: url(../images/bg_content.gif); background-repeat: repeat-y; float: left; margin: 0 0 0 21px; padding: 0; float: left; display: inline; }
#content { margin: 0 20px 0 0; padding: 20px 35px 35px 35px; }
#footer { width: 819px; margin: 0 0 22px 22px; padding: 0; color: #9ab275; font-size: 10px; line-height: 14px; float: left; display: inline; }
#footer a, a:active, a:visited { text-decoration: underline; color: #9ab275; }
#footer a:hover { text-decoration: none; }
#footer p { padding-top: 10px; }
#footer .social { width: 250px; margin: 15px 0 0 0; padding: 0 20px 0 0; text-align: right; float: right; font-weight: bold; font-size: 12px; }
#footer .social img { vertical-align: middle; }



/* CLASSES */

.floatright { float: right; margin: 0; }
.floatleft { float: left; margin: 0; } 
.clearer { display: inline-block; display: block; clear: both; height: 0; overflow: hidden; }
.error { font-weight: bold; color: #CC0033; font-size: 14px; }
.image_right { padding: 2px; margin: 0 0 0 10px; border: 1px solid #cbd7cf; }
.image_left { padding: 2px; margin: 0 10px 0 0; border: 1px solid #cbd7cf; }
.image_centered { padding: 2px; margin: 0; border: 1px solid #cbd7cf; }
.text-input { border: 1px solid #006600; background-color: #FFFFFF; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 3px; }
.buttons { background-color: #006600; border: 0; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: 9px; font-family: Arial, Helvetica, sans-serif; padding: 3px; margin: 1px; }
.commentary-date { margin: -10px 0 0 0; padding: 0; font-weight: bold; }
.commentary-caps { font-weight: bold; font-size: 12px; text-transform: uppercase; color: #549246; }

.events_title { color: #fff7e1; background-color: #036335; font-weight: bold; }
.event_white_row { background-color: #FFFFFF; }
.event_green_row { background-color: #e7f3de; }

.team-player { width: 100%; border-bottom: dotted 1px #CCCCCC; padding: 0 0 10px 0; margin: 0 0 40px 0; float: left; }
.team-name { font-size: 15px; color: #336600; font-weight: bold; margin-top: 10px }
.team-title { font-size: 13px; font-style: italic; font-weight: bold; color: #4f9e00; }

.commentary-archive-wrapper { width: 145px; float: left; padding: 20px 0; margin: 0; }

/* styling of the container. */
a.vidPlayer {
	display:block;
	width: 520px;
	height:330px; 
	text-align:center;
	margin:0 15px 15px 0;
	float:left;
	border:1px solid #999;
}

/* play button */
a.vidPlayer img {
	margin-top:70px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.vidPlayer:hover {
	border:1px solid #000;
}


/* Home Page */
#news { width: 450px; margin: 0; padding: 32px 35px 25px 25px; float: left; }
#news h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #014911; border-bottom: 0; border-top: 1px #d5dfd5 solid; padding: 10px 0; margin: 5px 0 20px 0; }
#news h2 { font-size: 14px; font-weight: bold; color: #9ab275; margin: 0; padding: 0; border: 0; font-family: Tahoma, Geneva, sans-serif; }
#news h3 { font-size: 10px; color: #d18612; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; }
.news_item { display: block; width: 450px; margin: 0 0 10px 0; padding: 0 0 10px 0; line-height: normal; }
.news_item p { color: #666; font-size: 12px; }

#commentary { width: 270px; margin: 33px 20px 0 0; padding: 0 0 40px 0; float: left; }
#commentary .icon { width: 30px; padding: 10px 10px 0 0; float: left; }
#commentary .description { width: 230px; float: left; font-size: 11px; color: #666; line-height: 15px; padding: 10px 0 10px 0; }
.description h1 { text-transform: uppercase; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; color: #9ab275; font-size: 12px; border: 0; padding: 0; margin: 0; }
.description a { color: #9ab275; text-decoration: none; }
.description a:hover { color: #128248; text-decoration: underline; }