/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 29 November 2007 @ 14:39 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
body {
	margin: 0;
	padding: 0;
	background: #2A2D2F url("images/body_bg.jpg") top left repeat-x;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #2A2D2F;
}
	a {
		color: #405b8d;
		text-decoration: underline;
	}
	a:hover { text-decoration: none; }
	a:visited {
		color: #5F5750;
	}
    
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.25em;
}
	h2, h3, h4, h5, h6 {
		margin-bottom: 0.5em;
		font-size: 1.25em;
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}
		h2 { font-size: 2.5em; }
		h3 { font-size: 1.3em; display: block; width: 100%; border-bottom: 1px solid #DDD; }
		h4 { font-size: 1.2em; }
		h5 { font-size: 1.1em; }
		h6 { font-size: 1.0em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	background: #8A8278 no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}

#wrapper {
	position: relative;
	width: 950px;
	margin: 5px auto 0 auto;
}


/** Header
-------------------------- **/
/* @group header */
#header {
   width: inherit;
   height: 385px;
}

#header #banner a, 
#header #banner a:visited
{
	position: absolute;
	display: block;
	background: url("images/logo.jpg") 0 0 no-repeat;
	text-indent: -10000px;
	width: 157px;
	height: 39px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 0;
	left: 0;
}
	#header #photoPlaceHolder { margin-top: -5px; }
/* @end header */

/** ContentWrapper
-------------------------- **/
/* @group ContentWrapper */

#contentWrapper {
	background: #FFF url("images/contentWrapper_bg.gif") top left repeat-y;
	height: 385px;
	margin-top: 6px;
}
	#wrapper > #contentWrapper {
		height: auto;
		min-height: 385px;
	}
	#leftCol {
		width: 629px;
		float: left;
	}
		/* @group topNavigation */
		#leftCol #topNavigation {
			width: 623px;
			padding: 0 0 0 6px;
			background-color: #666;
		}
		
		#leftCol #header #topNavigation {
		}
		
		#leftCol #topNavigation ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#leftCol #topNavigation ul li { display: inline; }
		
		#leftCol #topNavigation ul li a {
			display: block;
			text-transform: uppercase;
			color: #FFF;
			font-weight: bold;
			padding: 8px 7px;
			float: left;
			font-size: 1.1em;
			text-decoration: none;
			letter-spacing: 1px;
			font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		}
			#leftCol #topNavigation ul li a small {
				color: #1e1e1e; 
				font-weight: normal;
				font-size: 0.95em;
			}
			#leftCol #topNavigation ul li a:hover { text-decoration: underline;} 
			#leftCol #topNavigation ul li.selected a {
				background-color: #FFF;
				color: #2A2D2F;
			}
		
		/* @end topNavigation */
		#content {
			padding: 25px 35px;
			font-size: 1.2em;
			line-height: 1.5em;
		}
			#content h2 {
				font-family: Georgia, "Times New Roman", Times, serif;
			}
			#content h3.award_bio {
				border: 0;
				color: #1F2123;
				margin-bottom: 0;
			}
			#content h4.award_bio {
				color: #878787;
				font-size: 0.95em;
				font-style: italic;
			}
			#content img { border: 1px solid #1F2123; }
			#content td { vertical-align: top; }
	#rightCol {
		width: 315px;
		float: left;
		margin-left: 6px;
	}
		#rightCol a { color: #FBEE32; }
			#rightCol a:hover { color: #000; }
		#rightCol h4 {
			background: #4C4C4C url("images/hdr_toggleTop.gif") top left no-repeat;
			width: 299px;
			height: 16px;
			padding: 2px 8px;
			font-size: 1.2em;
			color: #FFF;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 1px;
			overflow: hidden;
			margin-bottom: 0;
		}
		#rightCol div.contentBox {
			position: relative;
		}
			#donateAmt #counter  {
				background-color: #999;
				padding: 0px;
				margin: 0px;
				width: 226px;
			}
				* html #donateAmt #counter { width: 224px; } 
				#counter tr td {
					font-size: 18px;
					color: white;
					text-align: center;
					width: 27px;
					height: 40px;
					background-image: url(images/counter.jpg);
				}
					* html #counter tr td {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						padding-left: 2px;
					}
				#counter tr td small{ font-size: 11px; }
					* html #counter tr td small { font-size: 12px; }
			#rightCol #donateBtn {
				position: absolute;
				right: 2px;
				*right: -1px;
				top: -1px;
				*top: 0;
			}
				* html #rightCol #donateBtn { 
					top: 0;
					right: -1px;
				}
				#rightCol #donateBtn button {
					background: 0;
					padding: 0;
					margin: 0;
					border: 0;
					width: 90px;
					height: 42px;
					overflow: hidden;
					border-bottom: 0;
					border-top: 0;
					font-size: 1px;
					cursor: pointer;
					cursor: hand;
				}
			#rightCol div.contentBox table {
				margin: 5px;
				width: 305px;
			}
			#rightCol div.contentBox tr.odd { background-color: #8e8e8e; }
			#rightCol div.contentBox td.name,
			#rightCol div.contentBox td.amount { 
				padding: 2px 4px; 
				color: #000;
			}
				#rightCol div.contentBox td.amount { text-align: right; } 
/* @end ContentWrapper */

/** Footer
-------------------------- **/
/* @group footer */
#footer {
	background: transparent url("images/footer_bg.gif") top left no-repeat;
	padding: 22px 15px 22px 15px;
	text-align: right;
}

/* @end footer */


/** Class Styles
-------------------------- **/

.hidden {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.gray { color: #999; }

.center { text-align: center; }

.posRight {
	float: right;
	clear: right;
	margin: 0 10px;
	margin-bottom: 20px;
	border: 1px solid #1F2123;
}

#quarterbackBios h3.down { 
	cursor: pointer;
	cursor: hand;
	padding: 4px 4px 4px 22px;
	margin-bottom: 0;
	width: 533px;
	background: transparent url(images/bio_expand.gif) 5px center no-repeat;
}

#quarterbackBios h3.up {
	background-color: #D4D4D4;
	background-image: url(images/bio_collapse.gif);
}

#quarterbackBios div.bio {
	margin: 0 0 5px 0;
	background-color: #ECECEC;
	padding: 10px;
}