/*
 * soccer.css
 * Cascading Style Sheet for AYSO Region 208 Web Pages
 *
 */

/* 
 * Set default body style: black 10 pt Arial text.  Background color to match that of the 
 * navigation bar icons
 */
body { 
	background-color: #F5F5FF; 
	color: black; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10pt;

}
body.pledge {
	background-color: #FFFFFF; 
	color: black; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10pt;
}

/* To enable the background image, uncomment the following line... */
/* body { background-image: url(images/208_Background.jpg); } */

/*
 * Set default anchor styles 
 */
a { font-size: inherit; font-weight: bold; text-decoration: none; }
a:hover { background-color: #FFFFE0; text-decoration: underline;  }
a:link { color: blue; }
a:visited { color: blue; }
a:active { color: red; }

div.justify { text-align: justify; }
div.navigation { background-color: #F0F0F0; border: 2px ridge black; padding-left: 0px; }
div.subsection { padding-left: 0.5in; }
div.updated { color: #708090; font-size: .8em; font-style: italic; text-align: right; }

marquee { background-color: #FFFFE0; border: 2px ridge red; font-weight: bold; }

p.sectionTitle { font-weight: bold; text-align: center; }

/*span.background { background-color: #f0f0f0; } */
/*span.backlight_blue { background-color: #F0F0F0; color: #0000FF; font-weight: bold; } */
/*span.caption { font-size: .7em; } */
/*span.highlight_blue { color: #0000FF; font-weight: bold; } */

/* span.highlight_green { color: #008000; font-weight: bold; } */

ol.pledge { margin-top: 0in; margin-right: 20px;  }
ol.pledge li { text-align: justify; margin-bottom: 10px; }

ul.arrow { list-style-image: url('images/blue_right.gif'); list-style-position: outside; }
ul.navigation { list-style-image: url('images/arrow.gif'); list-style-position: outside; 
	margin-top: 5px; }
ul.navigation a:hover { font-style: italic; text-decoration: none; color: #B22222; }
ul.navigation li:hover { list-style-image: url('images/soccer_ball.jpg'); }
ul.soccer { list-style-image: url('images/soccer_ball.jpg'); list-style-position: outside; }


table { font-size: inherit; }

table.boardList { background: url('images/ayso-bg.gif'); background-color: #F0F0F0; 
	border: 2px ridge black; border-collapse: collapse; }
table.headerMain { background-color: #FFFFFF; border: 2px ridge black; }

table.main { background-color: #F8F8FF; border: 2px ridge black; }
table.main th { text-decoration: underline; }
/* table.main th { background-color: #F0F0F0; } */
/* table.scheduleList { background-color: #F0F0F0; border: 2px ridge black; } */

table.calendar { border-collapse: collapse; margin-bottom: 15px; width: 75%; }
table.calendar td.date { text-align: center; width: 15% }
table.calendar th { background-color: #e0e0e0;
	border-bottom: 1px dotted blue;  
	font-weight: bold; font-style: italic; text-align: left; }
table.calendar tr { vertical-align: top; }


td.updates { background-color: #FFFFE0; 
	border-bottom: 1px dashed gray;
	border-left: 3px groove #B22222; 
	border-right: 3px groove #B22222; 
	border-top: 1px dashed gray;
}

/* Secondary Page Header (Specific) Tags */
div.pagetitle { background-color: #FFFFE0; border-bottom: 2px ridge #008000; border-top: 2px ridge #008000; 
	color: #008000; font-weight: bold; font-size: 1.5em; 
	font-variant: small-caps; letter-spacing: 1.5px; text-align: center; }
span.pageheader { font-size: 1.2em; font-weight: bold; font-variant: small-caps; }
table.header { border-bottom: 2px ridge black; }


/* Non-element specific tags */
/* "Priority Stuff" */
.urgent { color: #0000FF; font-weight: bold; }			/* Highest Priority Stuff */
.important { color: #FF0000; font-weight: bold; }		/* red */
.attention { color: #800080; font-weight: bold; }
.notice { color: #008000; font-weight: bold; }			/* green */

.board_title { color: #FF0000; font-style: italic; font-weight: bold; }


.highlight_red { color: #FF0000; font-weight: bold; }
.indent { padding-left: 10px; }

.smaller { font-size: .8em; }
.subheader { font-size: 1.5em; font-weight: bold; }
.subheader_large { font-size: 2.0em; font-weight: bold; }
.textfont { color: #cc6600; font-size: .8em; padding-top: .5em; }

/* Color Definitions 
	#B22222 Firebrick
	#708090 Slate Blue
	#FFFFE0 Light Yellow
	#F8F8FF Ghost White
*/