@charset "UTF-8";

/*---------- photo ----------*/
/*----------------------- This is where you can change the banner pictures on the homepage -----------------*/

div#photo {    /*-------- This is the first picture -------*/
	width:426px; /*-------- Don't ever change teh height and width! -------*/
	height:310px;
	float:left;
	background-image:url(assets/mainphoto1.jpg);  /*-------- Here is teh address of the picture -------*/
	border-bottom:3px solid #FFFFFF;
	}
	
div#photo2 { /*-------- This is the second image -------*/
	width:425px;
	height:310px;
	float: right;
	background-image:url(assets/mainphoto2.jpg); /*-------- Here is the address of the picture -------*/
	border-bottom:3px solid #FFFFFF;
	}
	
div#photocredit {
	width:150px;
	height: 20px;
	float:right;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	padding:5px 7px 2px 10px;
	margin-top:275px;
	}



/*---------- sidebar ----------*/
/* This is where you can update the pictures in the sidebar. All pictures will update automatically on every page ---*/

#sidebar {
	width:250px;
	height:auto;
	float:right;
	padding:5px 10px;
	margin:0;
	background-color:#FFFFFF;
	}
	
.extraspace {
	padding-top:0px;
	}	
	
#sidebarimag1 {   /*---THIS is the first picture.  ----*/
	width:250px;  /*---The width of the image should always be 250px.  ----*/
	height:375px;  /*---The height of the image can change. Be sure to put the correct height here! ----*/
	border: 3px solid #FFFFFF;  /*---Don't change this.  ----*/
	background-image:url(assets/subphoto1.jpg); /*---Here is the address of the image.  ----*/
}
#sidebarimag2 {   /*---THIS is the second picture  ----*/
	width:250px;
	height:167px;
	border: 3px solid #FFFFFF;
	background-image:url(assets/subphoto2.jpg);
}
#sidebarimag3 {  /*---THIS is the third picture  ----*/
	width:250px;
	height:250px;
	border: 3px solid #FFFFFF;
	background-image:url(assets/subphoto3.jpg);
}




/*----------------------- Don't mess with anything beyond this point!! -----------------*/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height:18px;
	background-color: #BBBBBB;
	}

div#container {
	background-color:#FFFFFF;
	width:990px;
	min-height:100%;
	margin:20px auto;
	padding:0;
	}
	
div#logo {
	width:260px;
	height:216px;
	float:left;
	padding:0;
	margin:0;
	border-right:3px solid #FFFFFF;	
	border-bottom:3px solid #FFFFFF;	
	}
	
div#logo img {
	border:none;
	}
	
div#banner {
	background:url(assets/mtsi_header.gif) no-repeat top left;
	width:717px;
	height:216px; 
	float:right;
	padding:0;
	margin:0;
	border-bottom:3px solid #FFFFFF;
	}
	
div#raceday {
	position:relative;
	font-size:18px;  
	font-weight:normal;
	color:#FFFFFF;
	text-align:right;
	padding:5px 25px 0 0;
	}

#raceday p:after {
    content: " Any day from April 24 through May 9, 2021";
}
/*---------- mainnav ----------*/

div#mainnav {
	position:relative;
	float:left;
	height:54px;
	margin:116px 0 0 -38px;
	text-align:left;
	}
	
div#mainnav ul li {
	letter-spacing:.05em;
	display:inline;
	list-style:none;
	height:54px;
	padding:14px 16px 12px 16px;
	margin:0;
	border-right:3px solid #FFFFFF;
	}

div#mainnav ul li:last-child {
        border-right:0;
	}
div#mainnav a, a:visited {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
div#mainnav a:hover, a:active {
	color:#CD161D;
	font-weight:bold;
	text-decoration:none;
	}
	
div#mainnav a.current {
	color:#CD161D;
	}
	
/*---------- registerbutton ----------*/

div#registerbutton {
	position:relative;
	float:right;
	width:150px;
	height:18px;
	margin:116px 15px 0 -38px;
	text-align:right;
	}
	
div#registerbutton ul li {
	letter-spacing:.3em;
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
	}
	
div#registerbutton a, a:visited {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
div#registerbutton a:hover, a:active {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
	
div#registerbutton a.current {
	color:#000000;
	}
	
/*---------- secondarynav ----------*/

div#secondarynav {
	font-family:Helvetica, Arial, sans-serif;
	width:100px;
	height:auto;
	float:left;
	overflow:hidden;
	background-color:#CD161D;
	font-size:17px;
	line-height:22px;
	font-weight:medium;
	text-align:left;
	padding:10px 15px;
	margin:0;
	border-right:3px solid #FFFFFF;
	letter-spacing:0.04em;
	}
#secondarynav a:link {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#secondarynav a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#secondarynav a:hover {
	color:#CCCCCC;
	text-decoration:none;
	}
	
	
/*---------- redbox ----------*/

div#redbox {
	font-family:Helvetica, Arial, sans-serif;
	width:100px;
	height:290px;
	float:left;
	background-color:#CD161D;
	font-size:17px;
	line-height:22px;
	font-weight:medium;
	text-align:left;
	padding:10px 15px;
	margin:0;
	border-right:3px solid #FFFFFF;
	letter-spacing:0.04em;
	}
#redbox a:link {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#redbox a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#redbox a:hover {
	color:#CCCCCC;
	text-decoration:none;
	}

/*---------- maincontent ----------*/

div#maincontent {
	float:left;
	width:495px;
	margin:0;
	padding:0px 40px 0px 20px;
	background-color:#FFFFFF;
	}
	
h1 {
	font-size:28px;
	color:#CD161D; 
	padding:25px 0 0 0;
	margin:0;
	}
	
h2 {
	font-size:18px;
	line-height:20px;
	padding:5px 0 0 0;
	margin:0 0 -5px 0;
	}
	
h3 {
	font-size:18px;
	color:#CD161D;
	}
	
.h3liteface {
	font-size:14px;
	font-weight:normal;
	color:#000000;
	}
	
div#maincontent a, a:visited {
	color:#2A9198;
	font-weight:bold;
	text-decoration:none;
	}
	
div#maincontent a:hover, a:active {
	color:#CD161D;
	font-weight:bold;
	text-decoration:none;
	}
	
.bold {
	font-weight: bold;
	}
	
	

	
/*---------- sponsors ----------*/

div#sponsors {
	clear:both;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	}
	
div#sponsors img {
 	padding:0;
	margin:0;
	}
	
div#sponsors h1 {
	padding:10px 0 5px 40px;
	margin:0;
	}

/*---------- footer ----------*/

div#footer {
	position:relative;
	clear:both;
	width:990px;
	height:30px;
	border-top:3px solid #FFFFFF;
	background-color:#000000;
	padding:0;
	margin:0;
	text-align:center;
	}
	
div#footer ul {
	margin-top:7px;
	}
	
div#footer li {
	display:inline;
	list-style:none;
	padding:0 25px 0 0;
	margin:0;
	}
	
div#footer a, a:visited {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	}
	
div#footer a:hover, a:active {
	color:#CCCCCC;
	font-weight:normal;
	text-decoration:none;
	}
	
/*---------- copyright ----------*/

div#designcredit {
	width:990px;
	margin:-10px auto 20px;
	padding:0;
	font-size:10px;
	color:#333333;
	text-align:center;
	}

div#designcredit a, a:visited {
	color:#2A9198;
	}
	
div#designcredit a:hover, a:active {
	color:#CD161D;
	}
a img
{
  border:none;
}