/*
CUSTOM COLORS:

Orange:  #E76216
Blue:    #0B003C
Grey:    #B4BBC2
*/

/* Global styles - begin */
html, body
{
	margin: 0px;
	padding: 0px;
	font: 13px Verdana, Helvetica, Arial;
	color: Black;
	background: white;
	background-image: url('/images/water_background.jpg');
	background-repeat: repeat-y;
	background-position: top center;
}
th
{
	text-align: left;
}
/* Global styles - end */

/* Master page and main content area boxes - begin */
.content
{
    width: 800px;
}
.homePageContentArea
{
	/* Dimension properties */
	width: 800px;
	/* NOT SURE IF WE NEED THIS: min-height: 50px; */
	/* Position properties
	position: absolute;
	top: 30px;
	left: 60px; */
	border: solid 0px Black;
    margin-left: auto;
    margin-right: auto;
}
.mainOuterBox
{
	/* Border properties */
	border-width: 3px;
	border-color: #0B003C;
	border-style: solid;
	/* Padding properites */
	padding: 0px 0px 0px 0px;
}
.mainMiddleBox
{
	/* Border properties */
	border-width: 3px;
	border-color: #E76216;
	border-style: solid;
	/* Padding properites */
	padding: 0px 0px 0px 0px;
}
.mainInnerBox
{
	/* Border properties */
	border-width: 3px;
	border-color: White;
	border-style: solid;
	/* Padding properites */
	padding: 0px 0px 0px 0px;
	background-color: White;
}
.seperatorBarBlue
{
	background-color: #0B003C;
	/* Dimension properties */
	height: 3px;
	width: 100%;
	/* Padding properites */
	padding: 0px 0px 0px 0px;
}
.seperatorBarWhite
{
	background-color: White;
	/* Dimension properties */
	height: 3px;
	width: 100%;
	/* Padding properites */
	padding: 0px 0px 0px 0px;
}
/* Master page and main content area boxes - end */

/* Main nav boxes and styles - begin */
.menuBar
{
	background-color: #B4BBC2;
	width: 100%;
	text-align: center;
}
.menuBar td img
{
	display: block;
	border: solid 0px red;
}
.menuBar a
{
	text-decoration: none;
	color: #0B003C;
	text-transform: uppercase;
	font-family: Times New Roman;
	font-size: 12px;
	font-weight: bold;
}
.menuBarOn
{
	background-color: #0B003C;
}
.menuBarOn a
{
	color: #B4BBC2;
}

/*
.mainNavBar
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #B4BBC2;
	width: 100%;
	text-align: center;
}
.mainNavBar ul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.mainNavBar li
{
	list-style: none;
	margin: 0;
	display: inline;
}
.mainNavBar li a
{
	text-decoration: none;
	color: #0B003C;
	text-transform: uppercase;
	font-family: Times New Roman;
	font-size: 12px;
	font-weight: bold;
}
li.mainNavBarOn 
{
	background-color: #0B003C;
}
.mainNavBarOn li a
{
	color: #B4BBC2;
}
*/
/* Main nav boxes and styles - end */

/* Home page content boxes and styles - begin */
.homePageBottomContentAreaBox
{
	display:inline-block;
	border: solid 0px black;
	/* Lines below added when removing schedule box/news box separation */
	padding: 10px 10px 10px 10px;
	background-color: #B4BBC2;
	color: #0B003C;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	text-align: justify;
}
.homePageBottomContentAreaBox a
{
	color: #0B003C;
}


.homePageBottomContentAreaBoxTitleText
{
	color: #E76216;
	text-transform: uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size: 16px;
	font-weight: bold;
}

/* Removing separate schedule and news box
.scheduleBox
{
	float: left;
	background-color: #0B003C;
	width: 265px;
	border: solid 0px Black;
	color: White;
	font-family: Times New Roman;
	font-size: 14px;
}
.scheduleBox a
{
	color: White;
	text-decoration: underline;
}
.newsBox
{
	float: right;
	background-color: #B4BBC2;
	width: 514px; 
	border: solid 0px Black;
	height: auto;
	margin-left: 3px;
	color: #0B003C;
	font-family: Times New Roman;
	font-size: 14px;
}
*/
/* Home page content boxes and styles - begin */

.topContentAreaBox
{
	display:inline-block;
	border: solid 0px black;
}
.topLeftContentAreaBox
{
	float: left;
	width: 514px;
	border: solid 0px Black;
}
.topRightContentAreaBox
{
	float: right;
	background-color: #0B003C;
	width: 265px; 
	height: 286px;
	border: solid 0px Black;
	margin-left: 3px;
	/* font */
	text-transform: uppercase;
	font-family: Times New Roman;
	font-size: 12px;
	font-weight: bold;
}
.topRightContentAreaBox ul
{
	list-style: none;
	margin: 0;
	padding: 10px 0px 0px 0px;	
}
.topRightContentAreaBox ul li
{
	margin: 0;
	padding: 5px 0px 5px 20px;	
}
.topRightContentAreaBox ul li:hover
{
	background-color: #B4BBC2;
}
.topRightContentAreaBox ul li a
{
	text-decoration: none;
	color: #B4BBC2;
}
html>body .topRightContentAreaBox ul li a
{
	width: auto;
}
.topRightContentAreaBox ul li a:hover
{
	color: #0B003C;
}

.bottomContentAreaBox
{
	display:inline-block;
	border: solid 0px black;
	background-color: #B4BBC2;
}
.bottomContentAreaBox a
{
	color: #0B003C;
	font-family: Verdana, Helvetica, Arial;
}

.bottomContentAreaBoxFull
{
	display:inline-block;
	border: solid 0px black;
	background-color: White;
	width: 100%;
	background-image: url('/images/clipboard-middle.jpg');
	background-repeat: repeat-y;
}
.bottomLeftContentAreaSidebar
{
	float: left;
	width: 155px; 
	border: solid 0px Black;
	padding: 10px 10px 10px 10px;
}
.bottomLeftContentAreaBox
{
	float: left;
	width: 155px; 
	height: inherit;
	border: solid 0px Black;
	padding: 10px 10px 10px 10px;
	text-align: center;
	/* Font */
	color: #0B003C;
	text-transform: uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
}
.bottomLeftContentAreaBox ul
{
	list-style: none;
	margin: 0;
	padding: 5px 0px 0px 0px;	
}
.bottomLeftContentAreaBox ul li
{
	margin: 0;
	padding: 5px 0px 5px 0px;	
}
.bottomLeftContentAreaBox ul li a
{
	color: #0B003C;
	text-decoration: none;
}
.bottomLeftContentAreaBoxTitleText
{
	font-size:18px; 
	font-family:Times New Roman; 
	font-weight:normal; 
	text-align:center;
}
.bottomRightContentAreaBox
{
	float: right;
	border: solid 0px Black;
	margin-left: 10px;
	width: 584px;
	background-color: white;
	padding-left: 10px;
	vertical-align: top;
	/* Font */
	color: #0B003C;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}
.bottomRightContentAreaBox p
{
    text-align: justify;
}
.bottomRightContentAreaBox a
{
	color: #0B003C;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}
.titleText
{
	color: #E76216;
	text-transform: uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
}
.tableSchedule
{
	/*width: 772px;*/
	color: #0B003C; 
	font-family: Verdana, Helvetica, Arial; 
	font-size: 12px;
}
.tableScheduleDateColumn
{
	width: 175px;
	vertical-align: top;
	text-align:left;
}
.tableScheduleRaceColumn
{
	width: 150px;
	vertical-align: top;
	text-align:left;
}
.tableScheduleLocationColumn
{
	width: 150px;
	vertical-align: top;
	text-align:left;
}
.tableScheduleResultsColumn
{
	width: 150px;
	vertical-align: top;
	text-align:left;
}

.tableRecruiting
{
	font-family: Times New Roman;
	font-size: 12px;
	color: Black;
	width: 590px;
	border: solid 0px black;
}
.tableRecruitingArea
{
    text-align: center;
	padding-left: 95px;
}
.tableRecruitingHeaderRow
{
    font-size: 26px;
    text-align: center;
}
.tableRecruitingInstructionsRow
{
    text-align: center;
}
.tableRecruitingLabelColumn
{
    text-align: right;
    width: 250px;
}
.tableRecruitingTextColumn
{
    text-align: left;
    width: 330px;
}
.tableRecruitingSpacerColumn
{
    width: 10px;
}
.pastChampionshipResultsContentArea
{
	font-family: Verdana, Helvetica, Arial; 
	font-size: 11px; 
	color: #0B003C; 
	text-align: center;
}