/* -------------------------------------------------------------- 
  	GENERAL CROSS-BROWSER RESET 
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }

caption,th,td { text-align: left; font-weight: normal;}

table,td,th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,blockquote:after,q:before,q:after { content: ""; }
blockquote,q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects? */
a,object { outline: none; }

/* -------------------------------------------------------------- 
  	TYPOGRAPHIC DEFAULTS 
-------------------------------------------------------------- */
body {
	margin: 0;
	margin-bottom: -10px;
	color: #000000;
	font: 62.5% arial, helvetica, sans-serif;
	text-align: center;
	background: #fff url() 0 0 no-repeat;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { color: #808080; font-weight: bold; margin-bottom: 0.5em; }

h1,h3,h4,h6 { text-transform: uppercase; }

h1 { font-size: 2em; font-family: helvetica, arial, sans-serif; }
h2 { font-size: 1.667em; }
h3 { font-size: 1.167em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 0.833em; font-weight: normal;}

/* Delete the following selectors if not using */

h1 a,h1 a:link,h1 a:visited,
h2 a,h2 a:link,h2 a:visited,
h3 a,h3 a:link,h3 a:visited,
h4 a,h4 a:link,h4 a:visited,
h5 a,h5 a:link,h5 a:visited,
h6 a,h6 a:link,h6 a:visited { color: #808080; }

h1 a:hover { color: #BA0000; }

h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: #DD0000; }

/* Text Elements
-------------------------------------------------------------- */
p 			{ margin: 0 0 1em; line-height: 1.5; }
.summary p 	{ color: #BA0000; font-size: 1.417em; font-style: italic; line-height: 1.2; margin-bottom: 0.5em; }

a 			{ text-decoration: underline; }
a,a:link,
a:visited 	{ color: #800000; }

a:hover,
a:active,
a:focus 	{ color: #BA0000; }

a.btnRight,
a.btnLeft,
input.submit { background: #5a0000 url(../images/design/btn-bg.gif) 0 0 repeat-x; color: #FFFFFF !important; clear: left; font-family: verdana, sans-serif; font-size: 0.917em; font-weight: bold; padding: 3px; text-transform: uppercase; text-decoration: none; }

a.btnRight 		{ float: right; }

a.btnRight:hover,
a.btnLeft:hover,
input.submit:hover { background: #BA0000; color: #FFFFFF;
}

input.submit {
	border: none;
	cursor: pointer;
	padding: 5px;
}

a.mediaLink {
	float: right;
	font-size: 0.833em;
}

blockquote {
	color: #888888;
	font-style: italic;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

address {
	font-style: normal;
}

cite {
	color: #000000;
	font-size: 0.917em;
	font-style: normal;
}

small {
	font-size: 0.917em;
	margin-bottom: 0.5em;
}

/* Following six styles generally do not need to be edited */
sup,sub {
	line-height: 0;
}

dfn {
	font-style: italic;
}

del {
	color: #666;
}

pre {
	white-space: pre;
}

pre,code,tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}

/* HRs with background images
-------------------------------------------------------------- */
div.hr {
	height: 3px;
	margin: 10px 0;
	background: #fff url() 0 0 repeat-x;
}

div.hr hr {
	display: none;
}

/* Lists
-------------------------------------------------------------- */
li ul,li ol {
	margin: 0 1.5em;
}

ul,ol {
	margin: 0 1.5em 1.5em 1.5em;
}

ul ol li {
	background: none;
	padding-left: 0;
}

ul {
	list-style-type: none;
	margin-left: 0;
}

ol {
	list-style-type: decimal;
}

ul li {
	background: url(../images/design/list-bullet.gif) 0 0.5em no-repeat;
	padding-left: 10px;
	margin-bottom: 1em;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

/* Tables
-------------------------------------------------------------- */
table {
	margin-bottom: 1.4em;
	width: 100%;
	border: 1px solid #D9D9D9;
	border-bottom: none;
	border-right: none;
}

th {
	background: #e5e5e5 url(../images/design/th-bg.gif) 0 0 repeat-x;
	font-weight: bold;
	border-right: 1px solid #D9D9D9;
	text-align: center;
}

th,td,caption {
	padding: 4px 10px 4px 5px;
}

td {
	border-bottom: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	text-align: center;
}

tr.odd td {
	background: #FBFBFB;
}

tfoot {
	font-style: italic;
}

caption {
	background: #eee;
	text-align: center;
}

/* -------------------------------------------------------------- 
	FORM ELEMENTS
----------------------------------------------------------- */
fieldset {
	background: #efefef;
	margin-bottom: 1.5em;
	padding: 1em 1.5em;
}

legend {
	font-weight: bold;
}

.fieldArea {
	margin-bottom: 0.833em;
}

label {
	float: left;
	margin-right: 0.417em;
	width: 8.333em;
}

span.message {
	display: block;
	font-size: 0.833em;
}

span.error {
	color: #DD0000;
}

div.errors {
	background: #FEFAD9 url(../images/forms/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	display: block;
	margin: 0 0 2em 0;
}

div.errorsInner {
	background: url(../images/forms/big_error.gif) 15px 1em no-repeat;
	padding: 1em 0 1em 80px;
}

/* -------------------------------------------------------------- 
	MISC
----------------------------------------------------------- */
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clear {
	clear: both;
}

.first {
	margin-left: 0;
	padding-left: 0;
}

.last {
	margin-right: 0;
	padding-right: 0;
}

.top {
	margin-top: 0;
	padding-top: 0;
}

.bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

img.floatLeft {
	margin: 0 1.5em 1.5em 0;
}

img.floatRight {
	margin: 0 0 1.5em 1.5em;
}

/* ----------------
	CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
	add this class to the element that needs to be cleared - This works in modern browser that support the after pseudo element
    ------------- */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/* -------------------------------------------------------------- 
	PAGE STRUCTURE
	Elements that make up the skeleton of the layout and holds things together
----------------------------------------------------------- */
body { background: url(../images/design/body-bg.jpg) 0 0; }

	#page { background: url(../images/design/page-bg.jpg) 0 123px repeat-x; min-height: 100%; text-align: left; padding: 0; font-size: 1.2em; /* 62.% / 1.2em = 12px */ }

		#pageInner { background: url(../images/design/page-inner-bg.jpg) 0 0 repeat-x; }

			#wrapper { min-height: 100%; margin: 0 auto; position: relative; height: 1%; width: 1002px; }

				#header { background: url(../images/design/header-bg.gif) 0 100% no-repeat; height: 80px; padding: 5px 0 10px 0; position: relative; }
					
					#logo { width: 259px; height: 75px; display: block; background: url(../images/design/logo-small.png) 0 0 no-repeat; position: absolute; bottom: 10px; /* Alt style in ie6.css */ left: 0; margin: 0; padding: 0; font-size: 1em; }

						#logo a { width: 259px; height: 75px; display: block; text-indent: -9999px; }
					
				#contentMain { margin: 0 auto; padding: 9px 0 0 0; width: 980px; }

					#footerInner { background: #FFFFFF url(../images/design/footer-bg.gif) 0 0 repeat-x; border-top: 1px solid #D9D9D9; padding: 12px 18px 6px 18px; }

						#footerInner p { color: #999999; float: left; font-family: verdana, sans-serif; font-size: 0.833em; text-transform: uppercase; }

							#footerInner p a,
							#footerInner p a:link,
							#footerInner p a:hover { color: #999999; text-decoration: underline;}

							#footerInner p a.plauditCredit { color: #BBB; }

						#footerInner .sponsors { float: right; }

							#footerInner .sponsors a { margin-left: 20px; }

/* -------------------------------------------------------------- 
	Main Structure Alternative Styles
----------------------------------------------------------- */

body.inner-page #footerInner .sponsors { text-align: right; width: 300px; }

/* CSS Sprite map for inner page navigation */

body.inner-page #mainMenu li#on-the-field a 		{ width: 157px; background-position: 0 -100px; }
body.inner-page #mainMenu li#off-the-field a 		{ width: 154px; background-position: -157px -100px; }
body.inner-page #mainMenu li#in-my-words a 			{ width: 158px; background-position: -311px -100px; }
body.inner-page #mainMenu li#in-the-news a 			{ width: 145px; background-position: -469px -100px; }
body.inner-page #mainMenu li#photos-videos a 		{ width: 141px; background-position: -615px -100px; }
body.inner-page #mainMenu li#on-the-web a 			{ width: 144px; background-position: -755px -100px; }

body.inner-page #mainMenu li#on-the-field a:hover,
body.inner-page #mainMenu li#on-the-field a.active 	{ width: 157px; background-position: 0 -130px; }
body.inner-page #mainMenu li#off-the-field a:hover 	{ width: 154px; background-position: -157px -130px; }
body.inner-page #mainMenu li#in-my-words a:hover 	{ width: 158px; background-position: -311px -130px; }
body.inner-page #mainMenu li#in-the-news a:hover 	{ width: 145px; background-position: -469px -130px; }
body.inner-page #mainMenu li#photos-videos a:hover 	{ width: 141px; background-position: -615px -130px; }
body.inner-page #mainMenu li#on-the-web a:hover 	{ width: 144px; background-position: -755px -130px; }

body.inner-page #mainMenu li#on-the-field a.active	{ background-position: 0 -130px; }
body.inner-page #mainMenu li#off-the-field a.active { background-position: -157px -130px; }
body.inner-page #mainMenu li#in-my-words a.active 	{ background-position: -311px -130px; }
body.inner-page #mainMenu li#in-the-news a.active 	{ background-position: -469px -130px; }
body.inner-page #mainMenu li#photos-videos a.active { background-position: -615px -130px; }
body.inner-page #mainMenu li#on-the-web a.active 	{ background-position: -755px -130px; }

body.inner-page #mainMenu .cornerLeft { background: url(../images/design/inner-nav-corner.gif) 0 0 no-repeat; display: block; height: 10px; left: 0px; top: 30px; width: 10px; }
body.inner-page #mainMenu .cornerRight { background: url(../images/design/nav-home-right-tab.gif) 0 0 no-repeat; bottom: -1`px; display: block; height: 11px; right: 1px; width: 10px; }


/* -------------------------------------------------------------- 
	PAGE STRUCTURE ELEMENTS
	Elements  such as logos, search bars, and any other design element repeated throughout the site, but doesn't effect the structural layout
----------------------------------------------------------- */


/* Search Form Styling */

.searchForm input.query {
	border: 1px solid #BFBFBF;
	margin-right: 10px;
	padding: 2px;
}

.searchForm input.submit {
	background: #5a0000 url(../images/design/btn-bg.gif) 0 0 repeat-x;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	font-family: verdana, sans-serif;
	font-size: 0.917em;
	padding: 3px 0;
	text-transform: uppercase;
}

.searchForm input.submit:hover,.searchForm input.hover {
	background: #BA0000;
}

/* Search Results Styling */
#searchResults {
	clear: left;
	padding-top: 1.5em;
}

.results-intro {
	margin-bottom: 1em;
}

.search-result {
	margin-bottom: 2em;
}

.search-result p {
	margin-bottom: 0.5em;
}

.highlight {
	font-weight: bold;
}

.scroller td {
	text-align: center;
	width: auto;
}

.scroller td a {
	text-decoration: none;
}

.scroller td.selected a {
	font-weight: bold;
}

/* -------------------------------------------------------------- 
	ENTRY PAGE ELEMENT STYLES
	Styles for elements specific to the entry page
----------------------------------------------------------- */
#contentTop {
	position: relative;
}

#featurePhoto {
	background: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
	position: relative;
	width: 560px;
	height: 370px;
}

	#featurePhotoInner {
		overflow: hidden;
		height: 367px;
		width: 560px;
		position: relative;
		z-index: 10;
	}

#featurePhoto h1 {
	background: url(../images/design/logo-lg.png) 0 0 no-repeat;
	bottom: 2px;
	display: block;
	height: 166px;
	width: 554px;
	margin-bottom: 0;
	position: absolute;
	left: 10px;
	z-index: 20;
}

#featurePhoto h1 a {
	display: block;
	height: 166px;
	text-indent: -9999px;
	width: 554px;
}

.callOutBadge {
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 20;
}

#statsStandings {
	background: #F7F4EB;
	width: 562px;
}

#statsStandings h3 {
	background: #7a7a7a url(../images/design/stats-h3-bg.gif) 0 0 repeat-x;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 1.167em;
	font-weight: bold;
	margin: 0 0 0 -10px;
	padding: 3px 20px;
	position: relative;
}

#statsStandings h3 span {
	font-weight: normal;
}

#divisionStanding h3 {
	border-left: 1px solid #A5A5A5;
	margin: 0;
}

#stats,#divisionStanding {
	float: left;
}

#stats table,#divisionStanding table {
	border: 0;
	margin-bottom: 0;
}

#statsStandings table th,#statsStandings table td {
	background: none;
	border: none;
	text-align: center;
}

#stats {
	position: relative;
	width: 280px;
}

#stats table {
	padding: 0.5em 10px;
}

#stats th,#stats td {
	padding: 3px;
}

#stats th {
	font-family: verdana, sans-serif;
	font-size: 0.833em;
	font-weight: normal;
	text-transform: uppercase;
}

#stats td {
	color: #BA0000;
	font-size: 2.333em;
	font-weight: bold;
}

#stats h3 .corner {
	background: url(../images/design/left-grey-corner.gif) 0 0 no-repeat;
	bottom: -10px;
	display: block;
	height: 10px;
	left: 0px;
	position: absolute;
	width: 10px;
}

#divisionStanding {
	width: 282px;
}

#divisionStanding table {
	border-left: 1px solid #E6D7BF;
	padding: 0.5em 0 0.5em 10px;
}

#divisionStanding th,#divisionStanding td {
	color: #808080;
	font-family: verdana, sans-serif;
	font-size: 0.833em;
	font-weight: bold;
	padding: 2px 3px;
}

#divisionStanding td {
	color: #000000;
	font-weight: normal;
}

#divisionStanding tr.cardinals {
	background: #FFFFFF;
	border-left: 1px solid #F3ECE0;
}

#divisionStanding tr.cardinals td,#divisionStanding tr.cardinals th {
	border-top: 1px solid #F3ECE0;
	border-bottom: 1px solid #F3ECE0;
}

#divisionStanding tr.cardinals th,#divisionStanding tr.cardinals th {
	border-left: 1px solid #F3ECE0;
	color: #BA0000;
}

#animation {
	position: absolute;
	right: -37px;
	bottom: -5px;
	z-index: 100;
}

#bioSection {
	background: #FFFFFF url(../images/design/bio-section/bio-shadow.gif) 0 0
		no-repeat;
	padding: 10px;
	height: 1%; /* ie6 */
}

#bioSectionContent {
	background: url(../images/design/bio-section/bio-inner-repeat.gif) 0 0
		repeat-y;
}

#bioSectionContentInner {
	background: url(../images/design/bio-section/bio-inner-bg.gif) 0 0
		no-repeat;
	padding: 0.75em 10px 0.25em 10px;
}

#bioSectionContentInner h2 {
	color: #800000;
	font-size: 1.167em;
	text-transform: uppercase;
}

#bioSectionContentInner p {
	font-size: 0.917em;
	padding: 0;
}

#bioSectionContentInner a.readMore {
	font: bold 0.833em arial, sans-serif;
	text-decoration: none;
	padding: 2px 4px;
	background: #616161 url(../images/design/bio-section/bio-read-more.gif)
		0 0 repeat-x;
	color: #FFFFFF;
	text-transform: uppercase;
}

#bioSectionContentInner a.readMore:hover {
	background: #a5a5a5
		url(../images/design/bio-section/bio-read-more-hover.gif) 0 0 repeat-x
		;
}

#newsMediaSection {
	background: #FFFFFF url(../images/design/news-media-bg.gif) 0 0
		no-repeat;
	padding-top: 2px;
}

#newsMediaSectionInner {
	background: url(../images/design/news-media-inner-bg.gif) 0 0 repeat-y;
}

/* Shared styles */
.linkLines {
	background: url(../images/design/horizontal-grey-lines.gif) 0 1px
		repeat-x;
	float: left;
	width: 100%;
	margin: 1em 0;
}

.linkLines a {
	float: right;
	border-left: 10px solid #FFFFFF;
	display: block;
	height: 19px;
	text-indent: -9999px;
}

.linkLines a.seeAll {
	background: url(../images/design/btn-seeall.gif) 0 0 no-repeat;
	width: 51px;
}

.linkLines a.seeAll:hover {
	background-position: 0 -19px;
}

.linkLines a.readMore {
	background: url(../images/design/btn-read-more.gif) 0 0 no-repeat;
	width: 72px;
}

.linkLines a.readMore:hover {
	background-position: 0 -21px;
}

#upcomingEvents,#media,#blog {
	border-right: 1px solid #D9D9D9;
	float: left;
}

#upcomingEvents {
	padding: 1em 10px;
	width: 248px;
	overflow: hidden;
}

#upcomingEvents .event {
	padding: 0.75em 5px;
}

#upcomingEvents h3 {
	padding-left: 5px;
}

#upcomingEvents h4 {
	margin-bottom: 0;
}

#upcomingEvents h4 a {
	color: #BA0000;
	font-size: 0.917em;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
}

#upcomingEvents h4 a:hover {
	text-decoration: underline;
}

#upcomingEvents span {
	color: #000000;
	display: block;
	font-size: 0.833em;
	line-height: 1.2;
}

#media {
	padding: 1em 12px 1em 12px;
	width: 245px;
	overflow: hidden;
}

#media h3 {
	clear: both;
	margin-bottom: 1.5em;
}

#media h3#podcast {
	background: url(../images/design/drop-shadow-bg.gif) 0 -5px repeat-x;
	border-top: 1px solid #D9D9D9;
	padding: 1.5em 0 0.5em 12px;
	margin: 10px -12px 0 -12px;
}

#media #gallery {
	margin-bottom: 1em;
	height: 50px;
}

#media a.media-item {
	display: block;
	float: left;
	height: 50px;
	margin-right: 14px;
	width: 50px;
}

#media a.last-child {
	margin-right: 0;
}

#media a.btnRight {
	clear: both;
	float: right;
	display: inline;
	height: auto;
	margin: 0 0 1em 0;
	width: auto;
}

#media .podcast {
	margin-bottom: 0.5em;
}

#media .podcast span {
	color: #BA0000;
	font-weight: bold;
}

.podcastPlayer {
	display: block;
	margin-bottom: 0.5em;
}

#blog {
	background: url(../images/design/drop-shadow-bg.gif) 0 0 repeat-x;
	border-right: 0;
	width: 439px;
	overflow: hidden;
}

#blogItem {
	background: transparent url(../images/design/blog-bg.gif) 0 0 no-repeat;
	padding: 1em 25px;
}

#blogItem h3 {
	margin-bottom: 1.5em;
}

#blogItem h4 {
	color: #800000;
	font-size: 1.167em;
	font-weight: bold;
}

#blogItem .news {
	float: right;
	margin: 0 0 0.5em 20px;
}

#specialItems {
	background: #FFFFFF url(../images/design/callout-bg.gif) 0 0 repeat-x;
	clear: both;
}

#specialItemsInner {
	padding-bottom: 1em;
}

#specialItemsInner .callout-wrapper {
	float: left;
	display: block;
	margin-left: 10px;
	height: 100px;
	position: relative;
	overflow: hidden;
	width: 312px;
}

#specialItemsInner .callout-wrapper a {
	display: block;
	height: 100px;
	width: 312px;
}

/* JS Hover effect */
.callout-bg-left,.callout-bg-right {
	background: url(../images/design/homepage-callout-bg.gif) 0 0 no-repeat;
	display: block;
	position: absolute;
	top: 0;
	height: 100px;
	width: 13px;
}

.callout-bg-left {
	left: -13px;
}

.callout-bg-right {
	right: -13px;
}

/* -------------------------------------------------------------- 
	INNER PAGE ELEMENT STYLES
	Shared styles for elements specific to the inner pages
----------------------------------------------------------- */
#innerPageBanner {
	background: url(../images/design/inner-nav-bg.jpg) 0 0 repeat-x;
	position: absolute;
	height: 30px;
	top: 95px;
	right: 0;
	width: 45%;
}

body.inner-page #statsStandings {
	background: none;
	position: absolute;
	top: 20px;
	left: 280px;
	width: auto;
}

body.inner-page #statsStandings p {
	background: url(../images/design/header-p-bg.gif) 100% 0 no-repeat;
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	font-size: 1.417em;
	margin: 0.25em 0 0 0;
	padding-right: 10px;
	text-align: right;
	text-transform: uppercase;
}

body.inner-page #statsStandings p span {
	display: block;
	font-size: 0.706em;
}

body.inner-page #stats {
	float: left;
	border: 0;
}

body.inner-page #stats td,body.inner-page #stats th {
	color: #FFFFFF;
	padding: 0;
}

body.inner-page #contentMain {
	background: #FFFFFF url(../images/design/drop-shadow-bg.gif) 0 0px
		repeat-x;
	margin: 0;
	padding: 35px 0 0 0;
	position: relative;
	width: 680px;
}

#upcomingGames h3,#upcomingEvent h3 {
	color: #800000;
}

#upcomingGames .event,#upcomingEvent .event {
	margin-bottom: 0.75em;
}

#upcomingGames h4,#upcomingEvent h4 {
	color: #800000;
	font-size: 0.917em;
	margin-bottom: 0.25em;
}

#upcomingGames h4 a,#upcomingEvent h4 a {
	color: #800000;
	line-height: 1.2;
	text-decoration: none;
}

#upcomingGames h4 a:hover,#upcomingEvent h4 a:hover {
	text-decoration: underline;
}

#upcomingGames p,#upcomingEvent p {
	color: #808080;
	font-size: 0.833em;
	margin-bottom: 0;
}

.headerCorner {
	bottom: -10px; /* Alt Style in ie6.css */
	display: block;
	height: 10px;
	position: absolute;
	width: 10px;
}

.headerLeft {
	background: url(../images/design/left-grey-corner.gif) 0 0 no-repeat;
	left: 0;
}

.headerRight {
	background: url(../images/design/right-grey-corner.gif) 0 0 no-repeat;
	right: 0;
}

body.in-the-news-page .headerRight,
body.photos-videos-page .headerRight,
body.football-camp-page .headerRight { bottom: -24px; /* ie6.css */ }

.leftCorner { position: absolute; background: url(../images/design/header-left-grey-corner.gif) 0 0 no-repeat; height: 45px; width: 10px; display: block; left: -10px; top: 0; }
.leftBottomCorner { position: absolute; background: url(../images/design/header-left-lower-grey-corner.gif) 0 0 no-repeat; height: 45px; width: 10px; display: block; left: -10px; top: 0; }
.rightCorner { position: absolute; background: url(../images/design/header-right-grey-corner.gif) 0 0 no-repeat; height: 45px; width: 10px; display: block; right: -10px; top: 0; }

#pageHeader {
	background: #7a7a7a url(../images/design/pageheader-bg.jpg) 0 0 repeat-x;
	clear: left;
	position: relative;
	padding: 0 150px 0 50px;
	min-height: 35px; /* Alt style ie6.css */
	margin: 0 0 0 -10px;
}

body.in-the-news-page #pageHeader,body.inner-one-column #pageHeader {
	background: #929292 url(../images/design/pageheader-reverse-bg.jpg) 0 0 repeat-x;
}

body.inner-page-right #pageHeader {
	margin: 0 -10px 0 0;
}

#pageHeader h1 {
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 2em;
	margin-bottom: 0;
	font-weight: bold;
	position: relative;
}

#pageHeader h1.image {
	height: 49px;
	top: -14px;
	text-indent: -9999px;
	position: absolute;
	width: 259px;
}

#pageHeader h1.onTheField {
	background: url(../images/design/on-the-field-header.jpg) 0 0 no-repeat;
	left: 0;
}

#pageHeader h1.offTheField {
	background: url(../images/design/off-the-field-header.jpg) 0 0 no-repeat;
	right: 0;
}
#pageHeader h1.travel {
	background: url(../images/design/travel-header.jpg) 0 0 no-repeat;
	left: 0;
	width: 300px;
}

#pageHeader h1.latestWords {
	background: url(../images/design/latest-words.jpg) 0 0 no-repeat;
	left: 0;
	width: 300px;
}

#pageHeader h1.inTheNews {
	background: url(../images/design/in-the-news-header.jpg) 0 0 no-repeat;
	right: 0;
	top: auto;
	bottom: -14px;
}

#pageHeader h1.photosVideos {
	background: url(../images/design/photos-video-header.jpg) 0 0 no-repeat;
	right: 0;
	top: auto;
	bottom: -14px;
	width: 368px;
}

#pageHeader h1.summerCamp { background: url(../images/design/footer-camp-header.gif) 0 0 no-repeat; width: 351px; right: 0; top: auto; bottom: -14px; /* ie6.css */ }

#pageHeader .datePosted,#pageHeader .linkRight,#pageHeader .linkLeft {
	background: url(../images/design/header-lines.gif) 0 50% no-repeat;
	color: #444444;
	font-size: 0.833em;
	position: absolute;
	padding-top: 5px;
	padding-bottom: 5px;
	top: 6px;
}

#pageHeader .datePosted {
	right: 15px;
	padding-left: 20px;
}

#pageHeader .linkLeft,#pageHeader .linkRight {
	text-transform: uppercase;
	text-decoration: none;
}

#pageHeader .linkRight:hover,#pageHeader .linkLeft:hover {
	text-decoration: underline;
}

#pageHeader .linkRight {
	background-position: 100% 50%;
	padding-right: 20px;
	right: 280px;
}

#pageHeader .linkLeft {
	background-position: 0 50%;
	padding-left: 20px;
	left: 265px;
}

/* Inner Page General Template - Specific Styles
-------------------------------------------------------------- */
body.inner-general #mainPhoto {
	padding: 0 20px 1.5em 20px;
	width: 640px;
	overflow: hidden;
	text-align: center;
}

body.inner-general #innerColumnMain {
	background: url(../images/design/inner-column-main-bg.gif) 0 0 repeat-x;
	display: inline;
	float: left;
	padding: 1em 30px;
	width: 380px;
	min-height: 525px; /* Alt style in ie6.css */
}

/* Special style for general template when there is no sidebar */
body.no-sidebar #innerColumnMain {
	width: 620px;
	padding-top: 2em;
}

body.inner-general #innerColumnSub {
	background: #F7F4EB url(../images/design/related-links-top-bg.gif) 0 0
		repeat-x;
	float: left;
	padding: 1em 30px;
	width: 180px;
}

body.inner-general #innerColumnSub h3 {
	color: #800000;
	font-size: 0.833em;
	font-weight: bold;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

#relatedMedia {
	background: #FFFFFF url(../images/design/footer-bg.gif) 0 0 repeat-x;
	border-top: 1px solid #D9D9D9;
	clear: left;
	padding: 1em 33px 1em 30px;
	position: relative;
	z-index: 900;
}

#relatedMedia h3 {
	margin-bottom: 1em;
}

#relatedMedia a.btnLeft {
	height: auto;
	margin: 0;
	width: auto;
}

body.inner-general #innerColumnSub ul {
	margin-right: 0;
}

body.inner-general #innerColumnSub li,#honors li {
	background-image: url(../images/design/red-arrow.gif);
	margin-bottom: 0.5em;
}

/* Inner Page On the Field Template - Specific Styles
-------------------------------------------------------------- */
body.inner-on-the-field #contentMainInner,body.inner-latest-words #contentMainInner
	{
	background: url(../images/design/on-the-field-bg.gif) 0 50px repeat-y;
}

#fieldCopy {
	float: left;
	margin: 0 21px 1em 0;
	padding-left: 38px;
	width: 400px;
}

#upcomingGames {
	background: url(../images/design/upcoming-games-bg.gif) -1px 0 repeat-x;
	border-top: 1px solid #E1CFB2;
	float: left;
	margin-bottom: 1em;
	padding: 1em 40px 1em 20px;
	width: 160px;
}

#careerStats {
	background: url(../images/design/footer-bg.gif) 0 0 repeat-x;
	border-top: 1px solid #D9D9D9;
	float: left;
	padding: 1.5em 0 0 0;
	width: 458px;
}

#careerStats h3 {
	margin-bottom: 1.5em;
}

#careerStats table {
	border: 0;
	font-family: verdana, sans-serif;
	text-transform: uppercase;
}

#careerStats td,#careerStats th,#careerStats tr.odd td {
	background: none;
	border-right: 0;
}

#careerStats tbody tr {
	cursor: pointer;
}

#careerStats tbody tr:hover td {
	background: #F7F4EB;
}

#careerStats th,#careerStats tfoot td {
	background: #F2F2F2;
	color: #808080;
	font-size: 0.833em;
	font-weight: bold;
}

#careerStats tfoot td {
	border-bottom: 0;
	font-style: normal;
	text-transform: none;
}

#careerStats td {
	color: #575757;
	font-size: 0.917em;
}

#careerStatsInner {
	padding: 0 38px;
}

#honors {
	float: left;
	padding: 1em 0;
	width: 222px;
}

#honors h3 {
	color: #800000;
	margin: 0 20px 0.5em 20px;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #CDAE80;
}

#honors ul {
	margin-right: 0;
	padding: 0.5em 20px;
}

body.jsEnabled .yearHonor {
	display: none;
}

#honors li {
	background-image: url(../images/design/red-arrow.gif);
	margin-bottom: 0.5em;
	color: #555555;
}

#honors li a {
	color: #800000;
	font-weight: bold;
	font-size: 0.917em;
}

#honors li a:hover {
	color: #BA0000;
}

/*	Inner page off the field styles
----------------------------------------------------------- */
body.inner-page-right #innerPageBanner {
	left: 0;
}

body.inner-page-right #mainMenu {
	padding-left: 103px;
	width: 899px;
}

body.inner-page-right #contentMain {
	margin-left: 300px;
}

body.inner-page-right #contentMainInner {
	background: url(../images/design/off-the-field-bg.gif) 0 50px repeat-y;
}

body.inner-page-right #header {
	background: url(../images/design/header-bg.gif) no-repeat scroll 300px
		100%;
}

body.inner-page-right #logo {
	left: 732px;
}

body.inner-page-right #statsStandings {
	left: auto;
	right: 280px;
}

#offFieldCopy {
	float: left;
	margin-bottom: 1em;
	padding: 0 0 2em 20px;
	width: 420px;
}

#upcomingEvent {
	background: transparent url(../images/design/upcoming-games-bg.gif)
		repeat-x scroll -1px 0;
	border-top: 1px solid #E1CFB2;
	float: left;
	padding: 1em 20px 1em 20px;
	width: 170px;
}

/*	In the news page styles and latest words styles 
----------------------------------------------------------- */
#videos {
	float: left;
	padding: 1em 20px;
	width: 170px;
}

#videos a {
	display: block;
}

#videos img {
	margin-bottom: 0.5em;
}

#videos h3,#videos p {
	color: #9C5E00;
	font-size: 0.917em;
	font-weight: bold;
	margin-bottom: 0;
}

#videos p {
	border-bottom: 1px solid #F0E7D9;
	font-weight: normal;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
}

#latestNews {
	float: left;
	margin-bottom: 1em;
	padding: 1em 0 2em 20px;
	width: 420px;
}

.newsItem {
	border-bottom: 1px solid #F0F0F0;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.newsItem p {
	margin: 0.75em 0 0.5em 0;
}

.newsItem h3 {
	margin-bottom: 0;
}

.newsItem .datePosted {
	font-size: 0.917em;
	font-weight: bold;
}

/* If news item has a thumbnail */
.thumbnail {
	padding-left: 140px;
}

.thumbnail img {
	float: left;
	margin-left: -140px;
}

/* Pagination Styles */
table.paging,table.paging td,table.paginator {
	background: none;
	border: 0;
	margin: 0;
	width: auto;
}

table.paging td {
	padding: 5px;
}

table.paging td.icon a {
	background: url(../images/design/btn_pagination.gif) 0 0 no-repeat;
	display: block;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}

table.paging td.prev-page a {
	background-position: 0 0;
}

table.paging td.prev-page a:hover {
	background-position: 0 -16px;
}

table.paging td.next-page a {
	background-position: -16px 0;
}

table.paging td.next-page a:hover {
	background-position: -16px -16px;
}

table.paginator td a {
	color: #557BA8;
}

table.paginator td a:hover {
	color: #DD0000;
}

table.paginator td.selected a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#videos h2,#latestNews h2,#latestWords h2,#podcasts h2,#events h2 {
	color: #800000;
	font-size: 1.167em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

#latestWords {
	float: left;
	margin-bottom: 1em;
	padding: 1em 20px 2em 20px;
	width: 420px;
}

#podcasts {
	float: left;
	padding: 1em 20px;
	width: 180px;
}

.podcastItem {
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #F0E7D9;
}

.podcastItem h3,.podcastItem p {
	color: #9C5E00;
	font-size: 0.917em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.podcastItem p {
	font-weight: normal;
}

/*	Inner One Column Page Styles
----------------------------------------------------------- */
body.inner-one-column #contentMain {
	margin: auto;
	width: 960px;
}

body.inner-one-column #contentMainInner {
	background: none;
}

body.inner-one-column #header {
	background: url(../images/design/header-long-bg.gif) 22px 100% no-repeat
		;
}

/*	Photos and Videos Page
----------------------------------------------------------- */
.fullPhotos,.selectWallpaper {
	background: url(../images/design/horizontal-grey-lines.gif) 0 0 repeat-x
		;
	clear: left;
	margin: 3em auto 0 auto;
	padding: 2em 0;
	width: 920px;
}

.selectWallpaper {
	background: none;
	margin-top: 0;
	padding-top: 1em;
}

.selectWallpaper p {
	clear: left;
	background: none;
	padding-top: 2em;
	padding-top: 1em;
}

#fullVideos h2,.fullPhotos h2,.selectWallpaper h2 {
	color: #800000;
	font-size: 1.167em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

#fullVideos {
	background: #F7F4EB;
	border-top: 1px solid #F0E7D9;
	padding: 1em 20px;
}

.videoItem {
	float: left;
	margin-right: 13px;
	width: 150px;
}

.mediaItems .videoItem a {
	float: none;
}

.videoItem h3,.videoItem p {
	color: #9C5E00;
	font-size: 0.917em;
	font-weight: bold;
	margin-bottom: 0;
}

.videoItem p {
	font-weight: normal;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
}

.wallPaperItem {
	float: left;
	margin-right: 13px;
	width: 245px;
}

/* -------------------------------------------------------------- 
	LARRY PHOTOS - These are the large ones floated in the design
----------------------------------------------------------- */
body.inner-general img#larryBackground,body.inner-latest-words img#larryBackground
	{
	position: absolute;
	right: -247px;
	top: 75px;
}

body.off-the-field-page img#larryBackground {
	position: absolute;
	left: -275px;
	top: 110px;
	z-index: 500;
}

body.on-the-field-page img#larryBackground {
	position: absolute;
	right: -275px;
	top: 75px;
	z-index: 500;
}

body.in-the-news-page img#larryBackground {
	position: absolute;
	left: -308px;
	top: 50px;
	z-index: 500;
}

/* -------------------------------------------------------------- 
	HORIZONTAL GALLERY STYLES
----------------------------------------------------------- */
.mediaItems {
	height: 50px;
	margin-bottom: 1em;
}

body.photos-videos-page .mediaItems {
	height: 150px;
}

body.photos-videos-page .wallPaper .mediaItems {
	height: 215px;
}

.mediaItems a {
	display: block;
	float: left;
	height: 50px;
	margin-right: 13px; /* Alt style in ie6.css */
	margin-bottom: 10px;
	width: 50px;
}

.mediaItems a.last-child {
	margin-right: 0;
}

body.photos-videos-page .mediaItems a {
	width: 140px;
	height: 101px;
}

.mediaItems a.last {
	margin-right: 0;
}

.scrollGallery {
	display: block;
	height: 50px;
	margin-bottom: 1em;
	position: relative;
	overflow: hidden;
	width: 617px;
}

body.photos-videos-page .scrollGallery {
	height: 110px;
	width: auto;
}

body.photos-videos-page .videoGallery {
	min-height: 160px;
}

body.photos-videos-page .wallPaper {
	height: 215px;
	margin-top: 0;
	background: 0;
}

body.photos-videos-page .wallPaperItem li {
	margin-bottom: 4px;
}

body.photos-videos-page .wallPaperItem a {
	font-size: 11px;
	height: auto;
	width: auto;
	margin: 0;
	display: inline;
	margin-left: 6px;
	float: none;
}

.scrollGallery .mediaItems {
	left: 0;
	position: absolute;
	top: 0;
	margin: 0;
	z-index: 100;
}

.galleryHighlightLeft,.galleryHighlightRight {
	background: url(../images/design/gallery-highlights.png) 0 0 repeat-y;
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	width: 50px;
	z-index: 1000;
}

#fullVideos .galleryHighlightLeft,#fullVideos .galleryHighlightRight {
	background: url(../images/design/gallery-highlights-yellow.png) 0 0
		repeat-y;
}

.galleryHighlightLeft {
	left: 0;
}

.galleryHighlightRight {
	right: 0;
	background-position: -54px 0;
}

#fullVideos .galleryHighlightRight {
	background-position: -50px 0;
}

.photoGalleryControls {
	background: url(../images/design/slider-bg.gif) 0 0 no-repeat;
	cursor: pointer;;
	float: left;
	margin-top: 3px;
	width: 531px;
}

body.photos-videos-page .photoGalleryControls {
	background: url(../images/design/slider-long-bg.gif) 0 0 no-repeat;
	width: 920px;
}

.scrollBar {
	height: 13px;
	position: relative;
	width: 449px;
}

body.inner-one-column .scrollBar {
	width: 836px;
}

.scrollBar a.ui-slider-handle {
	background: url(../images/design/slider-handle.gif) 0 0 no-repeat;
	display: block;
	height: 5px;
	margin: 0;
	position: absolute;
	outline: none;
	top: 4px;
	left: 0px;
	width: 80px;
}

#galleryAll {
	float: right;
	width: 70px;
}

#galleryAll a.btnRight {
	margin: 0;
}

/* -------------------------------------------------------------- 
	NAVIGATION
----------------------------------------------------------- */
#mainMenu {
	clear: left;
	height: 50px;
	position: relative;
	z-index: 200;
	width: 1002px;
	margin: 0 -11px;
}

#mainMenu ul {
	list-style: none;
	margin: 0;
}

#mainMenu li {
	background: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#mainMenu a {
	background: url(../images/design/main-nav.jpg) 0 0 no-repeat;
	display: block;
	height: 50px;
	width: 100px;
	text-indent: -9999px;
}

/* CSS Sprite map for navigation NOTE: see navigation.ai in design repos to edit original sprite*/
#mainMenu li#on-the-field a {
	width: 178px;
	background-position: 0 0;
}

#mainMenu li#off-the-field a {
	width: 171px;
	background-position: -178px 0;
}

#mainMenu li#in-my-words a {
	width: 174px;
	background-position: -349px 0;
}

#mainMenu li#in-the-news a {
	width: 159px;
	background-position: -523px 0;
}

#mainMenu li#photos-videos a {
	width: 153px;
	background-position: -682px 0;
}

#mainMenu li#on-the-web a {
	width: 166px;
	background-position: -835px 0;
}

#mainMenu li#on-the-field a:hover {
	width: 178px;
	background-position: 0 -50px;
}

#mainMenu li#off-the-field a:hover {
	width: 171px;
	background-position: -178px -50px;
}

#mainMenu li#in-my-words a:hover {
	width: 174px;
	background-position: -349px -50px;
}

#mainMenu li#in-the-news a:hover {
	width: 159px;
	background-position: -523px -50px;
}

#mainMenu li#photos-videos a:hover {
	width: 153px;
	background-position: -682px -50px;
}

#mainMenu li#on-the-web a:hover {
	width: 166px;
	background-position: -835px -50px;
}

/* Styles for Corners */
#mainMenu .cornerLeft,#mainMenu .cornerRight {
	position: absolute;
}

#mainMenu .cornerLeft {
	background: url(../images/design/nav-home-left-tab.gif) 0 0 no-repeat;
	display: block;
	height: 11px;
	left: 1px;
	top: -11px;
	width: 10px;
}

#mainMenu .cornerRight {
	background: url(../images/design/nav-home-right-tab.gif) 0 0 no-repeat;
	bottom: -11px;
	display: block;
	height: 11px;
	right: 1px;
	width: 10px;
}

/* Main Navigation - inner pages */
body.inner-page #mainMenu {
	height: 30px;
}

body.inner-page	#mainMenu a {
	background: url(../images/design/main-nav.jpg) 0 0 no-repeat;
	display: block;
	height: 30px;
	width: 100px;
	text-indent: -9999px;
}


/*	Summer Camp Page
----------------------------------------------------------- */

#footBallCamp { background: url(../images/photos/football-camp.jpg) 0 0 no-repeat; margin-top: 30px; padding: 40px 0 0 30px; height: 436px; margin-bottom: 2em; position: relative; }

	#footBallCamp h1 { color: #ffffff; font: bold 1.5em arial, sans-serif; text-transform: uppercase; padding-left: 65px; }
	
		#footBallCamp h1 em { color: #FF9900; font-size: 1.6em; display: block; font-style: normal; }
		
		#campLocation { padding-left: 65px; font-size: 1.083em; font-weight: bold; color: #FFFFFF; margin-bottom: 1em; }
		
			#campLocation span { display: block; }
			
		#eventInfo { margin: 0; width: 404px; }

			#eventInfo li { float: left; width: 404px; overflow: hidden; /* Prevent float drop */ }
	
				#eventInfo h2 { color: #FF9900; font: bold 0.917em verdana, sans-serif; text-transform: uppercase; float: left; width: 47px; margin-right: 10px; text-align: right; margin-top: 2px; }
				
				#eventInfo p,
				#eventInfo ul { float: left; color: #FFFFFF; width: 275px; margin: 0; overflow: hidden; /* Prevent float drop */  }
				
					#eventInfo p.form a {color: #BA0000;}
	
						#eventInfo p.form a:hover {color: #e80303;}
				
				#eventInfo ul { list-style: none; }
				
					#eventInfo ul li { margin-bottom: 0.25em; width: 275px; padding-left: 0;  }

		a.form { background: url(../images/design/registration-btn.gif) 0 0 no-repeat; display: block; width: 245px; height: 85px; position: absolute; right: -10px; top: 45px; text-indent: -9999px;  }

		a.form:hover  { background-position: 0 -86px;  }

body.football-camp-page #wrapper, 
body.football-camp-page #contentMain { width: 880px; }
body.football-camp-page #header { background-position: 0 100%; }
body.football-camp-page #logo { left: 632px; }
body.football-camp-page #mainMenu { padding-left: 0;  }
body.football-camp-page #contentMain { padding-top: 18px; }


/* -------------------------------------------------------------- 
	TYPOGRAPHY
	Set any special typography here that isn't set in the typographic defaults section
----------------------------------------------------------- */
h3.mediaHeader,h3.stats {
	font-size: 0.833em;
	font-weight: bold;
}

/* -------------------------------------------------------------- 
	BLOG STYLES
----------------------------------------------------------- */
.blogComment {
	border-bottom: 1px dashed #BFBFBF;
	font-size: 0.917em;
	margin-bottom: 2em;
}

.blogComment h3 {
	color: #808080;
	font-size: 1.091em;
	text-transform: none;
}

.blogComment span {
	display: block;
	margin-bottom: 0.25em;
}

.blogComment .datePosted {
	margin-bottom: 1em;
}

