/* common elements orig */

html, body
{ 
font:normal 12px Arial, Verdana, sans-serif; 
}

h1, h2, h3, h4, p, ul, li, a, img {padding: 0; margin: 0; border: 0;}


a:link {color: #757f72}     /* unvisited link */
a:visited {color: #8d8d8d}  /* visited link */
a:hover {color: #c293be}   /* mouse over link */
a:active {color: #757f72}   /* selected link */


#container, #header, #contentwrapper, #footer
{ 
padding: 0px; 
border: 0px;
margin: 0px auto 0px;
clear: both; 
}

#container
{
width: 840px;
height:100%; 
z-index:-90; 
background-color:#ffffff;
}

.indent
{
margin-left:30px
}



/* header */
#header
{
width:840px;
height:90px;
background-image:url('/img/backhead.jpg');
position:relative;
z-index:50;
}


#bumper
{
float:left;
width: 30px;
height:90px;
background-color:#ffffff; 
z-index:55;
}

#leftHead {
	position: relative;
	top: -1px;
}

#rightHead {
	position: relative;
	width: 179px;
	height: 87px;
	float: right;
	z-index:65;
}

#menu
{
position: relative;
float:left;
border: 1px solid #666;
border-right: none;
border-bottom: none;
left: -1px;
top: -4px;
margin-bottom: -4px;
}

#menuvert
{
position: relative;
float:left;
border: 1px solid #666;
border-right: none;
border-bottom: none;
left: -1px;
top: -4px;
margin-bottom: -4px;
}

#pin
{
float:right;
width:160px;
height:90px;
z-index:60;
}

/* End Header */







/* image stage area */
#stage_area {
	background: #000;
	width: 780px;
	height: 450px;
}

#stage_area img {
	width:780px;
	height:450px;
	}

#placeholder {
	width: 780px;
	height: 450px;
}

/* image stage area */

	


/* begin top drop down menu*/


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:91;
}

#nav a {
	display: block;
	width: 10em;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	z-index:92;
}

#nav li {
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	text-align: center;
	cursor: default;
	background-color: transparent;
	border-right: solid 1px #333;
	padding: 3px 0 5px 0;
	z-index:93;
}

#nav li:hover ul, #nav li.sfhover ul {
	display: block;
	z-index:96;
}

#nav li:hover {
	background: url(/img/navback_drk.jpg) repeat-x #333;   /* Hover works in all sans IE6 */
	z-index:97;
}

#nav li li {
	background: transparent;
	border: 0;
	text-align: left;
	z-index:94;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	background: #808080;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	*margin-left: -79px;  /* IE6 IE7 only */
	margin-left: -1px;
	font-weight: normal;
	padding: 0.5em 0 1em 0;	
	border-right: dashed 1px #333;
	border-left: dashed 1px #333;
	border-bottom: solid 2px #333;
	margin-top: 5px;
	text-indent: 0;
	z-index:90;
}

#nav li li:hover {
	background: transparent;
	z-index:98;
}

#nav li li a {
	padding: 0.2em 10px;
	display: block;
	font-weight: normal;
	color: #FFF;
	width: auto;
	z-index:95;
}

#nav li li a:hover {
	padding: 0.2em 9px;
	margin-left: 1px;
	background-color: #A1A1A1;
	z-index:99;
}


/* new menu drop downs */

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

/* end new menu drop downs */
/* end top drop down menu */



/*product sub navigation menu*/
div#subnav {
	width:780px;
	height:20px;
	background: #ffffff url(/img/nav_productmenu_bg_normal.gif) bottom left repeat-x;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

div#subnav li {
	float: left;
	width:115px;
	height:16px;
	text-align:center;
	margin: 0; 
	padding: 0;
	padding-left:0px;
	display: inline;
	list-style-type: none;
	border-right: 1px solid #999;
	padding-top:3px;
}

div#subnav a {
	font-family: Arial, Verdana, sans-serif; 
	
	text-decoration:none;
	font-size: 100%;
	color: #555;
}
	
#subnav a:link {color:#666;}
#subnav a:visited {color:#666;}
#subnav a:hover {color: #c293be;}
#subnav a:active {color:#CC6633;}
#subnav a:focus {color:#CC6633;}

.highlight {
	background: #f1d6b0 url(/img/nav_productmenu_bg_active.gif) top left repeat-x;
} 
/*product sub navigation menu*/




/*product sub navigation menu NEW*/
div#subnavNEW {
	
	width:150px;
	height:115px;
	float:left;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

div#subnavNEW li {

	width:148px;
	height:20px;
	text-align:center;
	margin: 0; 
	padding: 0;
	padding-left:0px;
	background: #ffffff url(/img/nav_productmenu_bg_normal.gif) bottom left repeat-x;
	list-style-type: none;
	border-right: 1px solid #999;
	padding-top:3px;
}

div#subnavNEW a {
	font-family: Arial, Verdana, sans-serif; 	
	text-decoration:none;
	font-size: 100%;
	color: #555;
}
	
#subnavNEW a:link {color:#666;}
#subnavNEW a:visited {color:#666;}
#subnavNEW a:hover {color: #c293be;}
#subnavNEW a:active {color:#CC6633;}
#subnavNEW a:focus {color:#CC6633;}

.highlight {
	background: url(/img/nav_productmenu_bg_active.gif) top left repeat-x;
} 

/*product sub navigation menu*/












/*begin press subnav*/
.pressmenu 
{
width:772px;
height:120px
z-index:30; 
background-color:#636363; 
padding-top:4px;
padding-bottom:5px;
}

.pressmenu 
{
vertical-align:middle;
text-align: left;
cursor:default;
font-size:12px;
font-family: Arial, Verdana, sans-serif;
/* font-family:"Arial Bold", Arial, Verdana, sans-serif; */
color: #ffffff;
padding-left:4px;
padding-right:4px;
padding-bottom:4px;
z-index: 30;
}

.pressmenu a:link
{
background-color:#636363;
color:#ffffff;
}

.pressmenu a:hover 
{
background-color:#636363;
color:#ebd4e9;
}

/*end press subnav menu*/





/* Content Wrapper */

#contentwrapper
{
width:780px; 
height:615px;   /*height front page*/
background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;

border-right: 1px solid #666;
border-left: 1px solid #666;
position:relative;
z-index:0; 

}


#contentcolumn
{
width:490px; 
z-index:20; 
}


/* Content Styles */
/* Here's the minimum window height... one for index... one for everything else. */
.minheightindex
{
min-height:640px;
height: auto !important;
height: 640px;
}

.minheight
{
min-height:770px;
height: auto !important;
height: 652px;
}

#contentwrapper p, h1, h2, h3
{
padding-left:15px;
padding-right:15px;
}


#contentwrapper p
{
padding-bottom:1em;
}




#contentwrapper h1, h2, h3
{
padding-top:.5em;
}

#contentcolumn img.phototop
{
float:left;
clear:left;
margin-bottom:15px;
}

#contentcolumn img.photo
{
float:left;
clear:left;
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
}

#contentcolumn img.photobottom
{
float:left;
clear:left;
}

.overviewList li {
	list-style-image:none;
	list-style-type: none;
	margin-left: 30px;
	padding-top:12px;
}




#calendar
{
margin-left:15px;
}

#map
{
margin-left:15px;
margin-right:15px;
width:490;
color:#ffffff;
background-color:#444444;
z-index:35;
}


/* Boxes */

.box
{
float:right;
clear:right;
width:260px; 
z-index:30;
}

.indentbox
{
float:left;
clear:left;
width:250px; 
z-index:30;
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 1px #CC9900 solid;
	margin-bottom: 8px;
	margin-left: 15px;
	margin-right: 15px;
	width: 175px;
}

.indentboxcall
{
float:left;
clear:left;

z-index:30;
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 0px #CC9900 solid;
	margin-bottom: 8px;
	margin-left: 15px;
	margin-right: 15px;
	width: 160px;
}

.indentboxwider
{
float:right;
clear:right;
width:250px; 
z-index:30;
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 1px #CC9900 solid;
	margin-bottom: 8px;
	margin-left: 15px;
	margin-right: 15px;
	width: 235px;
}

.rightBoxes {
	float:right;
	clear:right;
	width:260px;
	margin: 12px 8px 8px 4px;
	padding: 0;
}

.rightBoxes2 {
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 1px #CC9900 solid;
	float:right;
	clear:right;
	width:170px;
	margin: 12px 8px 8px 4px;
	padding: 0;
}

.yellowBox {
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 1px #CC9900 solid;
	margin-bottom: 8px;
	width: 250px;
}

.redBox {
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 1px #e10000 solid;
	margin-bottom: 8px;
	width: 250px;
}

.redBoxleft {
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 1px #e10000 solid;
	margin-bottom: 8px;
	margin-left: 15px;
	width: 250px;
}

.redBoxlefttwocol {
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 1px #e10000 solid;
	margin-bottom: 8px;
	margin-left: 15px;
	width: 475px;
}

.redBoxleftthreecol {
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 1px #e10000 solid;
	margin-bottom: 8px;
	margin-left: 15px;
	width: 748px;
}

.yelBoxleft {
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 1px #CC9900 solid;
	margin-bottom: 8px;
	margin-left: 15px;
	width: 250px;
}

.yelBoxlefttwocol {
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 1px #CC9900 solid;
	margin-bottom: 8px;
	margin-left: 15px;
	width: 475px;
}

.yelBoxleftthreecol {
	background: #FDFFD3 url(/img/yellow_small_grad.jpg) top left repeat-x;
	border: 1px #CC9900 solid;
	margin-bottom: 8px;
	margin-left: 14px;
	width: 750px;
}

/* Box Styles */

.box h1, h2, h3
{
padding-top:.5em;
}

.box img
{
padding-top:10px;
padding-right:15px;
margin-right:15px;
float:right;
}

.box.tile
{
height:150px;
}


.box.across
{
clear:none;
}

.box.icontext
{
text-align:right;
}

.box.superlative
{
height:100%;
}


.box.tall
{
height:200px;
}

.box.half
{
height:100px;
}

/* colors */

.yel1
{
background-color:#FEFFE9
}

.yel2
{
background-color:#FDFFD3
}

.yel3
{
background-color:#FAFFA6
}

.wht
{
background-color:#ffffff
}


.box.map
{
color:#ffffff;
text-align: center;
background-image:url('/img/trackmap2.gif');
background-repeat:no-repeat;
}



.box.noline
{
text-decoration: none;
}


.box.corp
{
background-image:url('/img/corpevents.jpg');
background-repeat:no-repeat;
}


.box a:link {color: #2c352c}     /* unvisited link */
.box a:visited {color: #2c352c}  /* visited link */
.box a:hover {color: #636363}   /* mouse over link */
.box a:active {color: #ffffff}   /* selected link */

.box.routes
{
background-image:url('/img/tickets.jpg');
background-repeat:no-repeat;
}



/* Box Styles */

.box h1, h2, h3
{
padding-top:.5em;
}

.box.map a:link {color: #ffffff}     /* unvisited link */
.box.map a:visited {color: #ffffff}  /* visited link */
.box.map a:hover {color: #ebd4e9}   /* mouse over link */
.box.map a:active {color: #ffffff}   /* selected link */





/* Footer */

/*footer link colors*/
#footer a:link {color: #ffffff}     /* unvisited link */
#footer a:visited {color: #dadada}  /* visited link */
#footer a:hover {color: #ebd4e9}   /* mouse over link */
#footer a:active {color: #ffffff}   /* selected link */

#footer
{
width: 780px; 
height: 20px; 
z-index:-70;  
color:#ffffff;
background-color:#929292;
margin-left:auto;
margin-right:auto;
padding-top:6px;
padding-bottom:0px;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;

}

#footer ul
{
padding-left:15px;
padding-right:15px;
}

#footer li
{
font:normal Arial, Verdana, sans-serif; 
/* font:normal "Arial Bold", Arial, Verdana, sans-serif; */
}

#footer p, #footer ul, #footer li
{
font:normal Arial, Verdana, sans-serif; 
display: inline;
}

#footer p {
	padding-left:0px;
	padding-right:0px;
}

.gauche
{
float:left;
text-align:left;
font-size: .9em;
color:#636363; 
}

.rive
{
float:right;
text-align:right;
font-size: .9em;
}









/* misc */

#jbradytributediv li {
	padding-left:15px;
	list-style: none;
}


.spec
{
margin-left:15px;
}


.storyRight {
	float: right;
	padding: 0 0px 8px 8px;
}

.storyLeft {
	float: left;
	padding: 0 15px 8px 0;
}


.success {
	color: #800080 !important;
	font-weight: bold;
}



/*begin table4 css - facts */
/*
table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  font                 : small/1.5 "Arial", Verdana, Helvetica, sans-serif;
margin-left:14px;
font-size:115%;
}
table
{
	border                :none;
	border                :1px solid #CCC;
}
thead th,
tbody th
{
	background            : #FFF url(th_bck.gif) repeat-x;
  color                 : #666;  
	padding               : 5px 10px;
  border-left           : 1px solid #CCC;
}
tbody th
{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  text-align            : left;
  font-weight           : normal;
}
tbody tr td
{
	padding               : 5px 10px;
  color                 : #666;
}
tbody tr:hover
{
  background            : #FFF url(tr_bck.gif) repeat;
}

tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding               : 4px;
  background            : #FFF url(foot_bck.gif) repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #666;
}
table a:visited
{
	color                 : #666;
}
table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
table a:active
{
	color                 : #003366;
}
*/
/*end table4 css - facts */