/*
 * RSF Youth Soccer CSS
 * $Id: club.css,v 1.5 2008/12/19 23:47:01 scottm Exp scottm $
 *
*/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
	position: relative;
	text-align: center;
	background: #000000;
	color: #ffffff;
}
img {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
a:link {
	text-decoration: underline;
	color: white;
}
a:visited {
	text-decoration: underline;
	color: white;
}
a:active {
	text-decoration: underline;
	color: white;
}
a:hover {
	text-decoration: none;
	color: white;
}

/*
 * Main Page Layout
 *
*/
.D4MainTable {
	/* Defined the width of the entire website */
	width: 1000px;
}
.D4BodyTable {
	background-image: url("image.aspx?ID=35");
}
/*
 * Left side of main page is 20% of total width
*/
.D4LeftSide {
	width: 20%;
}

/*
 * Left side table is contianed within the D4LeftSide. It needs to be 100% of the width.
*/
.D4LeftSideTable {
	width: 100%;
}

.D4Center {
	width: 55%;
	text-align: center;
}

.D4RightSide {
	width: 25%;
	text-align:left;
}
.D4RightTable {
}

/*
 * Announcement table is actually being used for the site menu.
 * The width needs to be explicitly set to 100%.
*/
.AnnouncementMainTable {
	width: 100%;
	border-style:solid;
	border-width:medium;
	border-color:#ECECEC;
}
.AnnouncementTitle {
}
.AnnouncementTeamPageTitle {
}
.AnnouncementContentBackground {
}
.AnnouncementDataGrid {
}

/*
 * The About Us section is currently not used.
*/
.AboutUsMainTable {
}
.AboutUsTitle {
}
.AboutUsBackground {
}

.CampsMainTable {
}
.CampsTitle {
}
.CampsBackground {
}
.CoachMain {
	background-color: black;
	height: 300px;
	color: white;
}
.CoachMainTable {
	background-color: black;
}
.CoachGroupTitleBackground {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 8px;
	PADDING-TOP: 8px;
	BACKGROUND-COLOR: #9F170B;
	color: white;
	font-weight: bold;
	font-family: tahoma;
}
.CoachRoleBackground {
	background-color: #DDC817;
	font-size: 14px;
	font-family: tahoma;
}
.CoachGridItemStyle {
	background-color: #c0c0c0;
}
.CoachGridAltItemStyle {
	background-color: #eaeaea;
}
.ContactUsFormCommentsAns {
	width: 400px;
	height: 250px;
}
.CustomPageMainTable {
	text-align: left;
	width: 860px;
	background-image: url("image.aspx?ID=35");
}
.CustomPageContent {
	vertical-align: top;
	width: 80%;
	padding: 5px;
}
.CustomLeftSide {
	width: 20%;
}
.EventsClubPageMainTable {
	background-color: white;
	width: 600px;
}
.EventsClubPageBody {
	background-color: black;
	width: 600px;
}
.EventsClubPageDataGrid {
	color: white;
	width: 600px;
}
.EventsClubPageDataGridHeaderStyle {
	background-color: #9F170B;
	color: white;
	FONT-SIZE: 10pt;
}
.EventsMainTable {
}
.EventsTitle {
}
.EventsTeamPageTitle {
}
.EventsContentBackground {
}
.EventsDataGrid {
	font-size: 10px;
	border: 0px;
}
.EventsDataGridAlternatingItemStyle {
	color: white;
	font-size: 8pt
}
.EventsDataGridItemStyle {
	color: white;
	font-size: 8pt;
}
.EventsDataGridHeaderStyle {
}
.EventsClubBody {
	text-align: center;
}
.EventsClubDataGrid {
}
.EventsClubDataGridAlternatingItemStyle {
	background-color: #DDDDDD;
}
.EventsClubDataGridItemStyle {
	background-color: gray;
}
.EventsClubDataGridHeaderStyle {
	background-color: blue;
	font-weight: bold;
}
.FieldInfoMainTable {
}
.FieldInfoTitle {
	background-image: url("image.aspx?id=55");
	width: 188px;
	height: 23px;
}
.FieldInfoBackground {
	background-image: url("image.aspx?id=57");
	width: 30px;
	height: 15px;
	background-repeat: no-repeat;
}
.FormsMainTable {
}
.FormsTitle {
	background-image: url("image.aspx?id=56");
	width: 188px;
	height: 23px;
}
.FormsBackground {
	background-image: url("image.aspx?id=57");
	width: 30px;
	height: 15px;
	background-repeat: no-repeat;
}
.FreeStyleMainTable {
	width: 100%;
}
.FreeStyleTitle {
}
.FreeStyleBackground {
}
.MerchandiseMainTable {
}
.MerchandiseTitle {
	background-image: url("image.aspx?id=61");
	width: 188px;
	height: 23px;
}
.MerchandiseBackground {
}
.NavBottomMainTable {
	background-color: black;
	width: 100%;
}
.NavBottomFooterContent {
	background-color: black;
}
.NavBottomD4FooterContent {
	background-color: black;
}
.NavTopMainTable {
}
.NavTopContent {
}
.PageMainTable {
}
.PageContent {
}
.PhotoGalleryMainTable {
	width: 700px;
	background-color: black;
}
.D4PhotoGallery {
	background-color: black;
}
.PhotoDrillLink {
	color: white;
	font-size: 12px;
	background-color: black;
}
.PlayerRosterMainTable {
}
.PlayerRosterTitleBackground {
}
.PlayerRosterTitleForeground {
}
.PlayerRosterContentBackground {
}
.PlayerRosterDataGrid {
	font-size: 10px;
}
.PlayerProfileName {
	background-color:black;
	color: white;
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial;
}
.PlayerProfileTeam {
	background-color: gray;
	color: yellow;
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial;
}
.PlayerProfileMain {
	background-color: gainsboro;
	width: 794px;
}
.PlayerCategoryMain {
	background-color: #16366F;
}
.PlayerCategoryTitle {
	background-color: #16366F;
	color: white;
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial;
}
.PlayerCategoryBody {
	background-color: #EAEAEA;
}
.PlayerCategoryQuestion {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}
.PlayerCategoryAnswer {
	font-family: Arial;
	font-size: 10pt;
}
.PlayerPhotoMain {
	background-color: black;
}
.PlayerPhotoName {
	color: white;
	font-weight: bold;
}
.ProgramListMainTable {
}
.ProgramListTitleBackground {
}
.ProgramListTitleForeground {
}
.ProgramListContentBackground {
}
.ProgramListDataGrid {
}
.ProgramLeftSide {
	width: 500px;
}
.ProgramRightSide {
	width: 250px;
}
.ProgramMainTable {
	width: 794px;
	background-color: white;
}
.ProgramPolicyTable {
	width: 750px;
}
.SponsorsMainTable {
}
.SponsorsTitle {
}
.SponsorsContentBackground {
	text-align: center;
}
.TeamListContentBackground {
	background-color: #AFACA8;
	text-align: center;
}
.TeamListDataGrid {
	background-color: #4D4D4D;
	font-size: 12px;
}
.TeamListDataGridAlternatingItem {
	background-color: #2a2a2a;
}
.TeamListDataGridItem {
	background-color: #656464;
}
.TeamListDataGridHeaderItem {
	background-color: #1D75FF;
	font-weight: bold;
}
.TeamsClubMainTable {
	background-color: black;
	padding-top: 3%;
	padding-bottom: 3%;
	text-align:center;
}
.TeamListMainTable {
	width: 50px;
}
.TeamListTitleBackground {
}
.TeamListTitleForeground {
}
.TeamListContentBackground {
	text-align: center;
}
.TeamListDataGrid {
	font-size: 12px;
}
.TeamTitle {
	font-size: 14px;
	font-weight: bold;
	color: white;
}
.TeamPageBodyTable {
	background-color: black;
	width: 794px;
}
.TeamPageMainTable {
	background-color: black;
	width: 794px;
}
.TeamLeftSide {
	width: 200px;
}
.TeamCenter {
	width: 392px;
}
.TeamRightSide {
	width: 200px;
}
.TeamsClubBody {
	text-align: center;
	padding-top: 20px;
	width: 655px;
}

/*
 * WebContentMainTable is the container for center section of the home page.
*/
.WebContentMainTable {
	margin-right: 5px;
	margin-left: 5px;
}
.WebContentBackground {
}
.VolunteerListDataGridItem {
	color: white;
}
.VolunteerListDataGridAlternatingItem {
	color: white;
}
.VolunteerListDataGrid {
	color: white;
}
.calendar_mini {
	border: 1px solid black;
	font-size: 8pt;
	font-family: tahoma;
	background-color: #9F170B;
}
.calendar_mini_TodayDayStyle {
	color: white;
	background-color: gray;
}
.calendar_mini_DayStyle {
	background-color: white;
}
.calendar_mini_NextPrevStyle {
	font-size: 9pt;
	font-family: tahoma;
	color: white;
}
.calendar_mini_DayHeaderStyle {
	color: white;
	background-color: #DDC817;
}
.calendar_mini_TitleStyle {
	font-size: 9pt;
	font-family: tahoma;
	font-weight: bold;
	color: white;
	background-color: #9F170B;
}
.calendar_mini_OtherMonthDayStyle {
	color: silver;
	background-color: gainsboro;
}
.calendar_full {
	border: 1px solid black;
	width: 600px;
	font-family: tahoma;
	font-size: 14pt
}
.calendar_full_TodayDayStyle {
	font-weight: bold;
	color: midnightblue;
	background-color: gray;
	font-size: 10pt;
	text-align: left;
	height: 100px;
	width: 100px;
	vertical-align: top;
}
.calendar_full_DayStyle {
	font-size: 10pt;
	text-align: left;
	height: 100px;
	width: 100px;
	vertical-align: top;
	background-color: white;
	color: black;
}
.calendar_full_NextPrevStyle {
	color: white;
}
.calendar_full_DayHeaderStyle {
	font-size: 12pt;
	color: white;
	background-color: #DDC817
}
.calendar_full_TitleStyle {
	font-weight: bold;
	color: white;
	background-color: #9F170B;
}
.calendar_full_OtherMonthDayStyle {
	color: #9F170B;
	background-color: gainsboro;
	font-size: 10pt;
	text-align: left;
	height: 100px;
	width: 100px;
	vertical-align: top;
}



/*
 * Menu styles for the site menu
*/
.menu_item {
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	text-align: left;
	font-size: small;
}
ul.menu_item {
	list-style-image: url("http://rsfsoccer2.d4sportsclub.com/Image.aspx?ID=73")
}

/* 
 * Class Font definitions
 */
.Comic {
	font-family: "Comic Sans MS";
}
.white {
	color: white
}
.green {
	color: #00FF00
}
.yellow {
	color: #FFFF00
}
.orange {
	color: orange
}
.black {
	color: black
}
.bold {
	font-weight: bold
}
.text_heading {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000066;
}
.text_xsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.text_small {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.text_medium {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.text_large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.text_xlarge {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.text_xxlarge {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.small {
	font-size: small
}
.x-small {
	font-size: x-small
}
.xx-small {
	font-size: xx-small
}
.medium {
	font-size:medium
}
.large {
	font-size: large
}
.text_xxlarge {
	font-size: 24px
}


/*
 * News and Events styles
 *
*/
div.news h1 {
	font-family:"Comic Sans MS";
	color: #00FF00;
	font-size: xx-large;
	text-align:center
}
div.news h2 {
	font-family:Arial, Helvetica, sans-serif;
	color: yellow;
	font-size: medium;
	text-align:left
}
div.news h3 {
	font-size: medium;
	text-align: left;
}
div.news p {
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	font-size: 12px;
	text-align:left;
}
div.news ul {
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	font-size: small;
	list-style-position:inside;
	text-align: left;
}
div.news ol {
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	font-size: small;
	text-align: left;
}
div.coach img {
	float: left;
	padding: 0px 10px 5px 0px;
}
div.coach {
    clear: both;
	border-top: outset
}

/*
 *  Main page styles
*/

.main hr {
	border: none;
	height: 1px;
	outline:solid;
	outline-width: 1px;
}

.news_area {
        font: 12px Arial, Helvetica, sans-serif;
		text-align: left;
        border-bottom: 1px solid #999999;
        margin-bottom: 15px;
}

.news_title {
        color: #00FF00;
		text-align:left;
        font: bold 14px Arial, Helvetica, sans-serif;
}

.news_date {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
		text-align: left;
        text-transform: uppercase;
		color: #999999;
}

.news2_area {
       font: 12px Arial, Helvetica, sans-serif;
		text-align: left;
        margin-bottom: 15px;    
}

.news_article_title {
        font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.news_article_date {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
		font-weight: bold;
        color: #999999;
}
.news_article_text {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
		text-align:left;
}

