/*
========================================================
Meyer Reset
========================================================
*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.left{float: left;}
.right{float: right;}
.clr{clear: both;}
.alignright{text-align: right;}
/*
========================================================
Basic HTML
========================================================
*/

body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/*
========================================================
Headings
========================================================
*/
h1 {
	font-size: 200%;
}

h2 {
	font-size: 180%;
}

h3 {
	font-size: 140%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 110%;
	font-weight: bold;
}

h6 {
	font-size: 90%;
	font-weight: bold;
}

p {
	padding-bottom: 10px;
}

/*
========================================================
Layout
========================================================
*/

body {
	background-image: url(images/chevybg2.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #81888e;
}

#container {
	background-image:url(images/chevybg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
/*
	padding:0 75px;
	width:1045px;
*/
	padding: 0;
	width: 945px;
}
#content {
	background-image: url(images/chevy_bgContentRepeat.png);
	background-position: center top;
	background-repeat: repeat-y;
/* 	width: 1045px; */
	width: 945px;
}
#header {
/* 	height: 379px; */
}
.subsec {

}
input:focus {
      background: #fc9fff;   /* sexy hot pink */
}
.subsec h1 {
	background-color: black;
	color: #f5de87;
	padding: 10px 20px;
	margin: 0 10px;
}
.subsec h3 {
	background-color: black;
	color: #fff;
	padding: 0 20px 10px;
	margin: 0 10px;
}
.subsec .post {
	padding: 20px 30px;
	width: 475px;
}
a {
	color: #990100;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
.subsec #scoreboard {
	margin-left:-40px;
	margin-top:-57px;
	width:430px;
}
.subsec #scoreboard #scoreboardStand{
	background-image: url(images/chevy_scoreboardStand.png);
	background-repeat: repeat-y;
	height: 357px;
}
.subsec #players {
	background-image: url(images/chevy_previousAthletes.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 256px;
}
.subsec.sotw {
	background-image: url(images/chevy_sotw.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 241px;
}
.subsec.sotw h1 {
	font-size: 22px;
	background: none;
	color: #f5de87;
	padding: 10px 20px;
	margin: 0 10px;
}
.subsec.sotw h3 {
	font-size: 16px;
	background: none;
	color: #fff;
	padding: 0 20px 10px;
	margin: 0 10px;
}
#footer {
	height: 16px;
}
#playerbox {
	float: left !important;
	padding: 5px 10px;
	border: 2px solid #999;
	margin-right: 10px;
}
#playerbox a {
	text-decoration: none;
}
#recentAthletes{
	list-style-image: url(images/chevy_arrowBullet.png);
	list-style-position: outside;
	margin-left: 20px;
	width: 265px;
}
#recentAthletes li a{

}
#recentAthletes li a:hover {
}
#recentAthletes .yellow {
	color: #c59a17;
}

input.lastname,
input.firstname,
input.dob,
input.vote{
	border: none;
	padding: 5px;
	background: none;
}

input.lastname{background-image: url(images/chevy_ln.png); width: 112px; height: 22px;}
input.lastname:focus{background-image: url(images/chevy_lnActive.png);}
input.firstname{background-image: url(images/chevy_fn.png); width: 112px; height: 22px;}
input.firstname:focus{background-image: url(images/chevy_fnActive.png);}
input.dob{background-image: url(images/chevy_dob.png); width: 74px; height: 21px;}
input.dob:focus{background-image: url(images/chevy_dobActive.png);}
input.vote{background-image: url(images/chevy_vote.png); width: 106px; height: 44px;}


@charset "UTF-8";

/* SprySlidingPanels.css - version 0.1 - Spry Pre-Release 1.5 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main SlidingPanels container. This selector
 * defines the width and height of the view port for the widget. Note that
 * this selector does not set the overflow property since that is done programatically
 * by the widget. Setting the overflow property programatically ensures that
 * the contens of the widget will be fully visible should JavaScript be disabled
 * in the browser.
 *
 * If you want to constrain the width of the SlidingPanels widget, set a width on
 * the SlidingPanels container. By default, our sliding panels widget expands
 * horizontally to fill up available space.
 *
 * The SlidingPanels container is positioned relative so that content inside it
 * can be positioned relative to its upper left corner.
 *
 * Avoid placing any CSS border or padding properties on the SlidingPanels container
 * as they can affect the proper positioning and sliding animations of the contents
 * inside the container.
 *
 * The name of the class ("SlidingPanels") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * SlidingPanels container.
 */
.SlidingPanels {
	position: relative;
	width: 660px;
	height: 220px !important;
	padding: 0px;
	border: none;
	overflow: hidden !important;
	font-size: 12px;
}

/* This is the selector for the container that holds all of the content panels
 * for the widget. The SlidingPanelsContentGroup container is what gets programtically
 * positioned to create the slide animation. It is also what governs the layout of
 * the panels.
 *
 * By default, the width of the container is the same as its parent, the SlidingPanels
 * container.
 *
 * You can make the panels within the SlidingPanelsContentGroup container layout
 * horizontally by giving the SlidingPanelsContentGroup container a width that is as wide
 * or larger than the sum of the widths of all of the content panels, and then floating
 * the content panels inside the SlidingPanelsContentGroup container so they all appear
 * on the same line. You may also need to float the SlidingPanels and SlidingPanelsContentGroup
 * containers to insure that none of the content panels "leak" outside of the widget.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the container within the widget.
 *
 * The name of the class ("SlidingPanelsContentGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContentGroup container.
 */
.SlidingPanelsContentGroup {
	position: relative;
	width: 2000px;
	margin: 0px;
	padding: 0px;
	border: none;
}


/* This is the selector for the container that holds content for a given panel. In our
 * default style implementation, the dimensions of each content panel exactly match the
 * dimensions of the view port (SlidingPanels) container. This ensures that only one
 * panel ever shows within the view port.
 *
 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
 * container as they can affect the proper positioning and sliding animations of the
 * the panel within the widget. You can place border, margins and padding on any content
 * *inside* the content panel.
 *
 * The name of the class ("SlidingPanelsContent") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * SlidingPanelsContent container.
 */
.SlidingPanelsContent {
	width: 660px;
	height: 220px;
	overflow: hidden !important;
	margin: 0px;
	padding: 0px;
	border: none;
	float:left;
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime we are animating between panels. This rule makes sure that *all* content inside
 * the widget is overflow:none to avoid a rendering glitch that occurs in FireFox 1.5 whenever
 * there is an element inside the widget that displays a scrollbar.
 *
 * The class is automatically removed once the animation has stopped so that the overflow
 * properties of the content inside the widget should be restored.
 */
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* The class used in this selector is programatically added to the SlindingPanelsContent
 * container that is currently visible in the view port. The class is automatically removed
 * when the widget switches to a different panel.
 */
.SlidingPanelsCurrentPanel {
	display: block;
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime the SlidingPanels container is given focus. The class is automatically removed
 * once the SlidingPanels container loses focus.
 */
.SlidingPanelsFocused {
}
#p1 {padding-top:0px;width: 870px;height:250px;}
#p2 {padding-top:0px;width: 870px;}