a:visited { color:#336699; text-decoration:none }
a:active  { color:#336699; text-decoration:none }
a:link    { color:#336699; text-decoration:none }
a:hover   { color:#336699; text-decoration:none }

/* Base formatting */
html {
	height: 100%;
	margin-bottom: 1px;
	font-size: 100%;
}
body, input, select {
	/*font-family: Courier, Segoe UI, Verdana, Arial, Helvetica, Sans-Serif;*/
	font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
}
body {
	text-align: center;
	margin-top: 0pt;
  	margin-bottom: 6pt;
	background-color: #ECECEC;
	color: #4e4e4e;
}
p {
	font-size: 0.8em;
	line-height: 1.5em;
}

pre {
	font-family: Lucida Sans Typewriter, Courier New;
	font-size: 0.8em;
}

/* Page layout divs */
div#banner {
	height: 95px;
}
div#container {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	text-align: left;
}
div#topnav {
	background: #ECECEC;
	font-size: 0.8em; /*verdana*/
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
}
div#leftcol {
	float: left;
	width: 185px;
	text-align: left;
}
div#centercol {
	width: 535px;
	margin-left: 205px;
	margin-right: 190px;
	text-align: left;
}
div#centercolwide {
	width: 785px;
	margin-left: 205px;
	margin-right: 0px;
	text-align: left;
}
div#rightcol {
	float: right;
	width: 230px;
	margin-left: 0;
	text-align: left;
}
div#footer { 
	clear: both;
	height: 34px;
	text-align: center;
}

/* Top nav */
#topnav-list {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top: 6px;
	padding-bottom: 6px;
}
#topnav-list li {
	display: inline;
	position: relative;
	top: 5px;
	margin-right: 5px;
}
#topnav-list li a {
	background: #E0E97B none repeat scroll 0 0;
	border-color: #CED2B6;
	border-style: solid;
	border-width: 1px;
	padding: 3px 10px;
	text-transform: uppercase;
}
#topnav-list li a:link, #topnav-list li a:visited {
	color: #4E4E4E;
	text-decoration: none;
}
#topnav-list li a:hover {
	color: #4E4E4E;
	background: #F3F3F4;
	border-color: #C2C2C2;
}
#home li#nav-home a,
#information li#nav-info a,
#schedule li#nav-schedule a,
#results li#nav-results a,
#tables li#nav-tables a,
#cup li#nav-cup a,
#bylaws li#nav-bylaws a,
#downloads li#nav-downloads a,
#links li#nav-links a,
#fields li#nav-fields a,
#referees li#nav-referees a {
	color: #4E4E4E;
	background: #F3F3F4;
	border-color: #C2C2C2;
}

/* Box Formatting */
div.contentbox { 
	background: #FFFFFF none repeat scroll 0 0;
	border-color: #CED2B6;
	border-style: solid;
	border-width: 1px;
	border-top: none;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

div#centercol .contentbox, div#centercolwide .contentbox  {
	min-height: 888px;
}
div.contentbox .caption { 
	font-size: .75em;
	color: #fff;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 3px;
}
div.contentboxtop { 
	height: 23px;
	width: 100%;
	background: url(../images/boxtop.png) repeat-x;
	margin-bottom: 10px;
}
div#centercol .contentboxtop, div#centercolwide .contentboxtop {
	margin-bottom: 25px;
}
div.contentboxAd { 
	border-color: #CED2B6;
	border-style: solid;
	border-width: 1px;
}

/* Full login 
div#login {
	padding: 10px 0px 20px 48px;
}
div#login .formBold {
	font-size: 12px;
	font-weight: bold;
	color: #555555; 
}
div#login .formButton {
	font-family: Segoe UI, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333; 
}*/

/* Short login */
div#login_short {
	padding: 10px 8px 10px 8px;
}
div#login_short .formBold {
	font-size: 0.8em;
	font-weight: bold;
	color: #555555; /* dark gray */
}
div#login_short .formButton {
	/* font-family: Segoe UI, Verdana, Arial, Helvetica, Sans-Serif; */
	font-size: 0.8em;
	font-weight: normal;
	color: #333333; /* dark gray */
}
div#login_short .form {
	font-size: 0.8em;
}

/* Content formatting */
div#centercol p, div#centercolwide p {
	margin: 0px 50px 8px 50px;
}
div#leftcol p,  div#rightcol p {
	margin: 0px 10px 8px 10px;
}
p.indent {
	padding-left: 10pt;
}
div#centercol ul, div#centercol ol, div#centercolwide ul, div#centercolwide ol {
	margin: 0px 50px 8px 50px;
	font-size: 0.8em;
	line-height: 1.5em;
}
div#centercol h1, div#centercolwide h1 {
	color: #4e4e4e;
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 0px;
  	margin-bottom: 20px;
	padding-left: 15px;
}
div#centercol h2, div#centercolwide h2 {
	color: #4e4e4e;
	font-size: 1em;
	font-weight: bold;
	margin-top: 10px;
  	margin-bottom: 8px;
	padding-left: 15px;
}
div#centercol h3, div#centercolwide h3 {
	color: #4e4e4e;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 10px;
  	margin-bottom: 8px;
	padding-left: 15px;
}
.copyright {
	font-size: 0.8em;
	color: #666666;
	margin-top: 20px;
	margin-bottom: 20px;
}
.smallfont {
	font-size: 0.8em;
	line-height: 150%;
}
.smallfontbold {
	font-size: 0.8em;
	font-weight: bold;
}
div.divider {
    margin-top: 15pt;
    margin-bottom: 15pt;
	border-top: dotted 1px;
	padding-left: 10px;
}
.bsslhead1 {
	font-size: 1em;
	font-weight: bold;
	padding-top: 1em;
  	padding-bottom: 0.5em;
}
.bsslhead2 {
	font-size: 1em;
	font-weight: bold;
	padding-top: 1em;
  	padding-bottom: 0em;
}
.bsslhead3 {
	font-weight: bold;
	padding-top: 1em;
  	padding-bottom: 0em;
	margin-bottom: 0em !important;
}
.bsslhead4 {
	font-weight: bold;
	padding-top: 1em;
  	padding-bottom: 0em;
	margin-bottom: 0em !important;
}
.fieldTitle {
	padding-top: 1em;
}
/* Forms */
div.row {
	clear: both;
	padding-top: 8px;
	padding-left: 30px;
}
div.row span.label {
	float: left;
	width: 150px;
	text-align: right;
	font-size: 0.8em;
	padding-top: 4px;
}
div.row span.formw {
	float: right;
	width: 590px;
	text-align: left;
}
textarea {
    resize: none;
}
div.buttons {
	clear: both;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 15px;
	padding-right: 28px;
}
.formButton {
	color: #333333; /* dark gray */
}
.formInput {
	color: #4e4e4e;
}

/* Tables and Results */
div.floatcontainer:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility: hidden;
}
div.floatcontainer {
	display: inline-block;
} 
/* Hides from IE Mac \*/
* html .floatcontainer {height: 1%;}
.floatcontainer{display:block;}
/* End Hack */ 
	
div#outputCupGrid table {
}
div#outputTables table {
	margin-bottom: 15px;
	margin-left: 30px;	
}
div#outputTablesShort table {
	margin-left: 15px;
	margin-bottom: 5px;	
}
div.pageHeadingWrapper {
	position: relative;
	padding-bottom: 50px;
}
div.pageHeadingRight, div.pageHeadingLeft {
	width: 50%;
	position: absolute;
}
div.pageHeadingRight {
	right: 0;
	text-align: right;
	padding-right: 50px;
}
div.pageHeadingLeft {
	left: 0;
}
span.dropDown {
	font-size: 0.8em;
}
div.output {
	padding-right: 15px;
	padding-left: 15px;
}
div#outputResults, div#outputSchedule {
	padding-left: 45px;
}
.divisionHeader {
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 0px;
}
.divisionHeaderShort {
	font-size: 0.7em;
	font-weight: bold;
	padding-left: 6px;
}
.columnHeader {
	font-size: 0.7em;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}
.columnHeaderShort {
	font-size: 0.7em;
	font-weight: bold;
	padding-right: 3px;
}
div#outputCupGrid .columnHeader {
	padding-left: 30px;
	padding-bottom: 10px;
}
.oddRow, .evenRow {
	font-size: 0.8em;
	height: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.evenRow {
	background-color: #E1EDFB;
}
.oddRow {
	background-color: #F3F3F3;
}
div#outputTablesShort .evenRow, div#outputTablesShort .oddRow {
	font-size: 0.7em;
	height: 6px;
	padding-left: 5px;
}
.whiteRow {
	font-size: 0.8em;
	height: 10px;
	background-color: #FFFFFF;
}
.whiteBorderLeft {
	border-left: #FFFFFF solid 15px;
}
p.tableNote {
	margin-top: 5px !important;
	margin-bottom: 15px !important;
	margin-left: 0 !important;
}
.score {
	font-size: 0.8em;
	font-weight: normal;
	color: #333333; /* dark gray */
	text-align: center;
	background-color: #F3F3F3; /* light gray */
}
.homeTeam {
	font-size: 0.8em;
	font-weight: normal;
	color: #333333; /* dark gray */
	text-align: right;
	padding-right: 10px;
	background-color: #F3F3F3; /* light gray */
}
.awayTeam {
	font-size: 0.8em;
	font-weight: normal;
	color: #333333; /* dark gray */
	text-align: left;
	padding-left: 10px;
	background-color: #F3F3F3; /* light gray */
}
.dateShaded {
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	color: #333333; /* dark gray */
	background-color: #E1EDFB; /* light blue */
}
.approvedCell {
	font-size: 0.8em;
	font-weight: normal;
	color: #333333; /* dark gray */
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #F3F3F3; /* light gray */
}
.forfeitCell {
	font-size: 0.8em;
	font-weight: normal;
	color: #666666; /* lighter dark gray */
	text-align: left;
	padding-right: 10px;
	background-color: #FFFFFF; /* white */
}
.spacer {
	font-size: 1px;
	line-height: 1px;
	padding: 0 0 0 0;
}
.cupShaded {
	font-size: 0.7em;
	font-weight: normal;
	color: #333333; /* dark gray */
	text-align: left;
	padding-left: 5px;
	background-color: #E1EDFB; /* light blue */
}
.cupPlain {
	font-size: 0.7em;
	font-weight: normal;
	color: #333333; /* dark gray */
	text-align: left;
	padding-left: 5px;
	background-color: #FFFFFF; /* white */
}

/* Sidebar ad */
.adIntro {
	font-size: 0.75em;
	font-weight: bold;
	text-align: left;
	color: #FFF700;
	padding-top: 8px;
	padding-bottom: 9px;
}
.adEvent {
	font-weight: bold;
	font-size: 0.75em;
	text-align: left;
	color: white;
	line-height: 0.5em;
	padding-bottom: 0px;
}
.adDate {
	font-size: 0.75em;
	text-align: left;
	padding-left: 8px;
	color: white;
	line-height: 0.5em;
	padding-bottom: 8px;
}
div.sidebarBlue {
	background-color: #4A8CF7;
	/*height: 681px;*/
}