@charset "UTF-8";
/* CSS Document */

/* Main Styles */


body {
	background: Black url("../Racing/images/2013Images/Home-Background.jpg") no-repeat center top;
	font-family:Tahoma, Geneva, sans-serif;
}

/*Menu Styles */

#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   border-bottom:1px solid #000; /* black line below menu */
   width:100%;
   font-family:Tahoma, Geneva, sans-serif; /* Menu font */
   font-size:90%; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:1px;
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   font-size:1em;
   line-height:1em;
   background:#F58220;
   text-decoration:none;
   color:#000;
   font-weight:bold;
   border-bottom:1px solid #000;
}
#centeredmenu ul li.active a {
   color:#fff;
   background:#000;
}
#centeredmenu ul li a:hover {
   background:#36f; /* Top menu items background color */
   color:#fff;
   border-bottom:1px solid #03f;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#36f; /* Top menu items background color */
   color:#fff;
   border-bottom:1px solid #03f;
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.8em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#eee;
   color:#444;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#36f; /* Sub menu items background color */
   color:#fff;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

/* end of menu styling */


p {
  margin-top: 0;
  margin-bottom: 0;
}

.scheduleContainer td {
  margin: auto;
  text-align: center;
}

table.schedule {
/*
  padding: 4px solid;
  border: 2px solid #f58220;
  border-collapse: collapse;
*/
  width: 100%;
}

td {
  background-color: #fff;
  background-color: hsla(0,100%,100%,0.2);
  empty-cells: show;
}

.scheduleHeading {
  font-family: Tahoma, Geneva, Sans-Serif;
  font-size: 20px;
  color:#F58220
}

.date {
  font-family:Tahoma, Geneva, Sans-Serif;
  font-size:14px;
  color:#FFF;
  text-align: center;
}

.primDate {  /* Primary Sponsorship Dates */
  font-family:Tahoma, Geneva, Sans-Serif;
  font-size:14px;
  color:#FFF200;
  text-align: center;
}

.location {
  font-family:Tahoma, Geneva, Sans-Serif;
  font-size:14px;
  color:#FFF;
}

.primLocation { /* Primary Sponsorship Locations */
  font-family:Tahoma, Geneva, Sans-Serif;
  font-size:14px;
  color:#FFF200;
}

  
/* End of MjS Styles */


a:link {
  text-decoration: none;
  color:#FFF;
}

a:hover {
  text-decoration: none;
  color:#FFF;
}

a:active {
  text-decoration: none;
  color:#FFF;
}

a:visited {
  text-decoration: none;
  color:#FFF;
}

.pgTitle {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:27px;
	color:#FFF;
	text-shadow:#333 0px 0px 0px 1px;
	font-weight:700;
	font-style:italic;
	margin-top: 12px;
}

.pgSubTitle {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#F60;
	font-weight:700;
	margin-top:8px;
	height:22px;
}
	
.pgTextWhite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	line-height:1.5em;
}
.pgTextBlack {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	
}

.nationwideParaTitle {

	font-family:Tahoma, Geneva, sans-serif;
	font-size:12pt;
	color:#f58220;
	text-shadow:#333 0px 0px 0px 1px;
	font-style:bold;
	margin-left: 16px;
}

.nationwideLinkiframe {

	font-family:Tahoma, Geneva, sans-serif;
	margin-left: 16px;
	text-decoration:none;
	font-size:12pt;
	color:#FFF;
	font-style:bold;
}
.activeLinkiframe {

	font-family:Tahoma, Geneva, sans-serif;
	margin-left: 16px;
	font-size:13pt;
	color:#f58220;
	font-style:bold;
}

.nationwideText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:normal;
	margin-left: 16px;

}

.productlist a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	font-weight:lighter;
	font-size:11pt;
	text-decoration: none;
}
.productlist a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	font-weight:lighter;
	font-size:11pt;
	text-decoration: none;
}
.productlist a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	font-weight:lighter;
	font-size:11pt;
	text-decoration: none;
}
.productlist a:active {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	font-weight:lighter;
	font-size:11pt;
	text-decoration: none;
}

.TechTalkType {
	font-family:Arial, Helvetica, sans-serif;
	margin-left:0px;
	color:#F90;
	font-weight:300;
	font-size:11pt;
	line-height:normal;
	
}

.TechTalkItem {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:22px;
margin-top:7px;
text-decoration:none;

}

.mediaType {
	font-family:Arial, Helvetica, sans-serif;
	
	color:#F90;
	font-weight:300;
	font-size:13px;
	
}

.mediaItem {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:7px;
text-decoration:none;
}

.siteMapCatagory {
	margin-left: 18px;
	margin-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:italic;
	color:#F60;
	border-bottom: 1px solid #000;
}

.siteMapItem {
	line-height: 1em;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:9pt;
	color: #fff;
}

.siteMapPoint {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#06F;
	margin-left:0px;
	line-height:1em;
}

.footer a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	font-weight:lighter;
	font-size:9pt;
	margin-top:15px;
	border-bottom:thin solid #F60;  
	text-decoration: none;
}
.footer a:active {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	font-weight:lighter;
	font-size:9pt;
	margin-top:15px;
	border-bottom:thin solid #F60;  
	text-decoration: none;
}

.footer a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	font-weight:lighter;
	font-size:9pt;
	margin-top:15px;
	border-bottom:thin solid #F60;  
	text-decoration: none;
}
.footer a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	font-weight:lighter;
	font-size:9pt;
	margin-top:15px;
	border-bottom:thin solid #F60;  
	text-decoration: none;
}
.CollapseTitleBar {
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 22px;
	color:#F90;
	font-weight:200;
	font-size:11pt;
	background-color:transparent;
	
}

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	width: 225px;
	margin: 0px;
	padding: 0px;
	
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: transparent;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}