body {
	font-family:Lucida, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
	color:#666666;
}

a {
	color:#105289;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a img {
	border:0px none;
}

table {
	float:left;
	color:#333333;
}

th {
	text-align:left;
	color:#1F600A;
}

td {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding:2px 0px;
}

.odd, .odd td {
	background:#DDDDDD;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}

.block ul {
	float:left;
}

#header {
	background:url(../images/header_bg.jpg) repeat-x scroll left top;
	float:left;
	width:100%;
	height:50px;
	line-height:1.3em;
	font-size:1.25em;
}

#header img {
	float:left;
	margin-left:20px;
}

#header ul li {
	padding:12px 30px 0px 40px;
}

#infoBar {
	background-color:#98D174;
	float:left;
	width:100%;
	line-height:1.1em;
	font-size:1.05em;
	border-top:2px solid #1F600A;
	border-bottom:1px solid #1F600A;
}

#navBar {
	background-color:#DDDDDD;
	float:left;
	width:100%;
	line-height:1.1em;
	font-size:14px;
	border:1px solid #105289;
	border-top:none;
}

#navBar li {
	padding:5px 20px 5px 20px;
}

#infoBar li {
	padding:5px 30px 5px 0px;
}

#contactUsInfo {
	background:url(../images/contact_note.png) no-repeat left top;
	float:right;
	width:270px;
	height:330px;
	margin:5px 100px 0px 20px;
}

#contactUsInfo h1 {
	margin:20px 30px 10px 20px;
}

#contactUsInfo h2 {
	font-size:20px;
	margin:20px 30px 10px 10px;
	color:#1F600A;
}

#contactUsInfo p {
	padding:10px 40px 10px 20px;
}

#contactForm {
	float:left;
	width:560px;
	margin:20px 0 0 40px;
}

#contactUsHeading {
	color:#1F600A;
	font-size:1.6em;
	margin:20px 0px 0px 230px;
	text-align:left;
	width:400px;
}

#content {
	float:left;
	width:100%;
}

#footer {
	background:url(../images/footer_bg.jpg) repeat-x scroll left top;
	margin-top:20px;
	float:left;
	width:100%;
	height:100px;
	text-align:center;
	font-size:0.9em;
	color:#808080;
	clear:both;
}

#footer p {
	padding-top:40px;
}

#passwordForm p {
	margin:-10px 0px 10px;
	font-size:0.75em;
}

#signupForm {
	float:left;
	margin:0px 0px 20px 60px;
}
.formWrap {
	padding:5px 0;
}

.spacedList li {
	padding:5px;
}

.horizontalNav li, .block li {
	display:block;
	float:left;
	list-style-type:none;
}

.halfPage {
	float:left;
	width:499px;
}

.wrapper {
	margin:0 auto;
	width:998px;
	clear:both;
}

.wrapper h1 {
	float:left;
	width:100%;
	color:#333333;
	text-align:center;
	font-size:1.5em;
	margin-top:15px;
}

.smallWrapper {
	width:450px;
	margin:20px 0px 0px 274px;
	padding:0px;
	background:#B3B3B3 url(../images/wrapper_header.png) no-repeat;
	border:10px solid #1F600A;
	float:left;
}

.smallWrapper h1 {
	color:#1F600A;
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:-1.2pt;
	margin:25px 0 20px;
}

.padWrap {
	margin:30px;
}

.sidebarRow {
	float:left;
	margin:5px 0px;
}

.sidebar {
	width:100%;
	border:2px solid #105289;
	background-color:#DDD;
	margin-top:15px;
	float:left;
}

.sidebar form {
	float:left;
}

.sidebar h2 {
	text-align:center;
	font-size:18px;
	padding:5px 0px;
	color:#FFFFFF;
	background-color:#105289;
}

.sidebarWrap {
	margin:10px;
}

.sidebarRow label {
	width:255px;
	padding:5px 10px 0 0;
	float:left;
	font-weight:bold;
	font-size:0.9em;
	color:#4D4D4D;
}

.sidebarRow textarea, .sidebarRow input, .sidebarRow select {
	float:left;
	font-size:0.9em;
	width:255px;
	background:white;
	height:20px;
	padding:2px;
}

.sidebarButton {
	float:left;
	margin-bottom:10px;
}

.sidebarInfo {
	float:left;
	width:255px;
	margin-bottom:5px;
}

#adminSidebar {
	width:250px;
}

.row {
	height:20px;
	padding:7px 5px;
}

.row label {
	padding:5px 10px 0 0;
	width:115px;
	float:left;
	text-align:right;
	font-weight:bold;
	font-size:0.8em;
	color:#4D4D4D;
}

.contactRow label {
	width:175px;
	font-size:1em;
}

#resetForm label {
	width:120px;
}

.row textarea, .row input, .row select {
	float:left;
	font-size:1em;
	width:220px;
	background:white;
	border:2px solid #105289;
	height:20px;
	padding:2px;
}

.contactRow textarea, .contactRow input, .contactRow select {
	width:350px;
}

#contactBody {
	height:160px;
}

#contact_subject, #message_subset, #message_pool {
	height:30px;
	width:358px;
}

.row textarea {
	height:150px;
	font-size:1em;
}

.row input.checkbox	{
	width:auto;
	border:none; 
	background:none;
	padding:0 0 0 0;
}

.adminRow {
	padding:10px 0px;
	clear:both;
}

.adminRow label {
	padding:5px 10px 0 0;
	width:150px;
	float:left;
	text-align:right;
	font-weight:bold;
	font-size:1em;
	color:#4D4D4D;
}

.adminRow textarea, .adminRow input, .adminRow select {
	float:left;
	font-size:1em;
	width:300px;
	padding:2px;
}

.adminRow textarea {
	height:100px;
}

.checkRow, .submitRow {
	float:left;
	clear:both;
	margin:5px 0px 5px 140px;
}

.submitRow {
	margin-top:20px;
}

.button input {
	float:left;
	background:#666;
	color:#ddd;
	font-weight:bold;
	font-size:10px;
	padding:5px;
	cursor:pointer;
}

.button input:hover {
	background: #105289;
}

div.button {
	padding: 10px;
	height: 25px;
	margin-top: 10px;
}

#contactButton {
	margin:0px 0px 0px 480px;
	float:left;
	display:inline;
}

.instruction {
	float:right;
	margin-right:20px;
	padding:5px;
}

.threeColumn, .NHLcolumn, .NBAcolumn {
	float:left;
	margin:0px 15px;
	width:302px;
}

.NFLcolumn {
	float:left;
	margin:0px 10px;
	width:229px;
}

.doubleThreeColumn {
	float:left;
	width:664px;
}

.backLink {
	margin-left:30px;
}

.columnHeader {
	float:left;
	width:100%;
	color:#E6E6E6;
	font-size:16px;
	padding:5px 0px;
	background-color:#333;
	margin-top:15px;
	letter-spacing:1px;
}

.columnHeader span {
	margin-left:15px;
}

.rulesHeader {
	color:#1F600A;
	margin-top:20px;
}

.teamBlock {
	float:left;
	width:100%;
	color:#333333;
	font-size:18px;
	margin-top:10px;
}

.teamBlock img {
	float:left;
}

.NFLteamName {
	float:left;
	margin:20px 0px 0px 10px;
	font-size:15px;
}

.NHLteamName {
	float:left;
	margin:5px 0px 0px 10px;
}

.NBAteamName {
	float:left;
	margin:10px 0px 0px 10px;
}

.NFLindex img {
	border:5px solid #666666;
}

.conferenceBlock {
	float:left;
	margin-top:20px;
	width:100%;
	text-align:center;
	border-bottom:2px solid #999;
}

.fullBlock {
	float:left;
	margin-top:20px;
	width:100%;
}

.block {
	float:left;
	margin-top:20px;
}

.printLink {
	float:left;
	width:100%;
	margin-top:5px;
	text-align:center;
}

.userAnnouncement {
	float:left;
	width:935px;
	padding:0px 20px;
	text-align:center;
	border:3px solid #360;
	background-color:#EEE;
}

.userAnnouncement h2 {
	margin-top:10px;
	font-size:18px;
	color:#333;
}

.annBody {
	float:left;
	width:835px;
	margin:10px 50px;
}

.annBody a {
	font-size:18px;
	font-weight:bold;
}

.annFooter {
	float:left;
	width:100%;
	color:#999;
	font-size:12px;
}

.fullEditAddLink {
	float:left;
	margin:20px 0px 0px 20px;
	width:100%;
}

.marginTop {
	margin-top:20px;
}

.editHeaderRow {
	float:left;
	width:970px;
	padding:5px;
	margin:5px;
}

.editRow {
	float:left;
	padding:5px;
}

.editHeaderRow div, .editRow div {
	float:left;
}

.tinyField {
	width:50px;
}

.xShortField {
	width:90px;
}

.shortField {
	width:100px;
}

.xMedField {
	width:145px;
}

.medField {
	width:175px;
}

.longField {
	width:250px;
}

.xLongField {
	width:300px;
}

.xField {
	width:20px;
	text-align:center;
}

.fullWidth {
	float:left;
	width:100%;
}

.padTopBottom {
	margin:10px 0px;
}

.columnPad {
	margin:10px 0px 0px 10px;
}

.tableHeader {
	font-size:15px;
	color:#1F600A;
	font-weight:bold;
}

.weekGameHeader {
	font-size:13px;
	line-height:13px;
	color:#1F600A;
}

.scoreCell {
	width:40px;
	text-align:center;
	padding:0px;
}

.scoreCell img {
	float:left;
	border:3px solid gray;
	margin:2px;
}

.scoreCell div {
	margin-top:10px;
}

.pickOverlay {
	margin-left:-40px;
}

.pickOverlay img {
	border:none;
}

h2.fullBlock {
	color:#333333;
	text-align:center;
	font-size:1.3em;
}

td span {
	margin-left:5px;
}

.gameMatchup {
	float:left;
	width:100%;
	margin-top:10px;
	border: 2px solid #666666;
	color:#4D4D4D;
}

.gameMatchup h3 {
	background-color:#666666;
	font-size:13px;
	padding-left:5px;
	color:#333333;
}

.gameTeamRow {
	float:left;
	width:100%;
	height:30px;
	border-bottom:2px solid #666666;
}

.gameTeamRow img {
	float:left;
	margin-right:5px;
}

.winningTeam {
	background-color:#CCFFCC;
}

.losingTeam {
	background-color:#FFCCCC;
}

.gameTeam {
	margin-top:5px;
}

.gameTeamScore {
	float:right;
	line-height:24px;
	font-size:24px;
	margin:5px 7px 0px 0px;
}

.userPick {
	float:left;
	margin:5px 15px 0px;
	border:5px solid #666666;
}

.userPick h2 {
	color:#333333;
	text-align:center;
	font-size:12px;
	background-color:#666666;
}

.userPick img {
	margin-bottom:-5px;
}

.gamePick {
	float:left;
	font-size:14px;
}

.gamePick h3 {
	float:left;
	font-size:12px;
}

.gamePick img {
	float:left;
	margin-right:5px;
}

.gamePickRow {
	float:left;
	clear:both;
	line-height:30px;
}

.tiebreaker {
	float:left;
	margin-left:10px;
	text-align:center;
}

.tiebreaker h2 {
	width:100%;
	float:left;
	font-size:12px;
}

.tiebreaker form {
	width:150px;
}

.tiebreaker label {
	font-size:14px;
}

.tiebreaker label, .tiebreaker input {
	margin-top:10px;
}

.awardClass {
	font-weight:bold;
	color:#666666;
	padding-bottom:5px;
	background:url(../images/winner_banner.png) repeat-x scroll left top;
}

.elimClass {
	color:#666666;
	padding-bottom:5px;
	background:url(../images/elim_banner.png) repeat-x scroll left top;
}

.selfClass, .selfClass td {
	background-color:#FFFA9B;
}

.sectionHeader {
	border-bottom:2px solid #666666;
}

.sectionHeader span {
	margin-left:10px;
}

.lmsHeader {
	color:#1F600A;
	font-weight:bold;
}

.dist_list li {
	text-align:right;
	padding:5px 0px;
}

.dist_list li.total {
	border-top:2px solid #666666;
}

.dist_list li div {
	float:left;
	width:200px;
	margin-right:5px;
}

.dist_list li span {
	margin-right:20px;
}

.subInfo {
	margin-top:-10px;
	font-size:14px;
}

#breadcrumb {
	margin-left:10px;
	font-size:14px;
}

#adminNav {
	width:100%;
	margin-bottom:20px;
}

#adminNav li {
	border-right:2px solid #105289;
	margin-right:10px;
	padding-right:10px;
}

#adminNav .last {
	border:none;
}

#adminTable td, #adminTable th {
	padding: 3px 5px;
}

.disabled {
	color:#999;
}

:focus, a {
  -moz-outline-style: none;
  /* combatting that annoying dotted border box that appears on focus of an element in ff */
  outline: none !important;
  /* and the safari green glow */
}

/* === FLASH MESSAGES === */
div#flash-notice, .flashNotice {
	background-color:#E6EFC2;
	border:2px solid #1F600A;
	color:#1F600A;
	padding:5px;
}

div#flash-warning, .flashWarning {
	background-color:#FBE3E4;
	border:2px solid #FBC2C4;
	color:#8A1F11;
	padding:5px;
}

div#flash-error, .flashError {
	background-color:#FBE3E4;
	border:2px solid #FBC2C4;
	color:#8A1F11;
	padding:5px;	
}

/* === ERROR MESSAGES === */
div#errorExplanation {
	clear:left;
	float:left;
}

div#errorExplanation h2 {
	
}

div#errorExplanation p {
	border-bottom:2px solid #999;
}

div#errorExplanation ul {
	margin-left:5px;
}

div#errorExplanation ul li {
	margin:3px 0px;
}

/* === FORMS === */
div.fieldWithErrors {
	
}

div.fieldWithErrors label {
	
}

div.fieldWithErrors input, div.fieldWithErrors select, 
div.fieldWithErrors textarea {
	border:1px solid red;
}

/* === ALIGNMENT === */
.floatLeft {
	float: left;
	text-align: left;
}
	
.floatRight {
	float: right;
	text-align: right;
}

.alignRight {
	text-align: right;
}

.center {
	text-align: center;
}

.clear {
	clear:both;
}

.hidden {
	display: none !important;
}