html, BODY { 
	font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size : 12px; 
	color: #000000;
	text-align: center;
}

body { margin: 10px; }

TD { 
	font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size : 12px; 
	color: #000000;  
	font-weight : normal;
}

A { 
	color : #CC0000; 
	text-decoration : none; 
}
A:HOVER { 
	color : #990000; 
	text-decoration : underline; 
}

img { border: 0; }	/* SO WE DON'T HAVE TO PUT BORDER=0 IN IMAGES WITH LINK! */

.title, h1 	  { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #039; 
	font-size : 18px;  
	margin: 0;
}

.subtitle, .subhead, h2 { 
	color: #36c; 
	font-size : 15px; 
	font-weight: bold; 
	margin: 0;
}

.subhead a:link, .subhead a:active, .subhead a:visited, h2 a:link, h2 a:active, h2 a:visited { 
	color : #36c; 
	text-decoration : none; 
	font-weight: bold; 
}
.subhead a:HOVER, h2 a:HOVER { 
	color : MediumBlue; 
	text-decoration : underline; 
}

hr { 
	color: #039;
	background-color: #039;
	border: 1px solid #039;
}


td#header {
	background: #fff;
	position: relative;
}
div#header {
	padding-top: 7px;
	position: relative;
}
#BMWlogo { position: absolute; top: 0; right: 38px; }
#BMWaddress { position: absolute; top: 20px; left: 42px; }
#greyBox { width: 970px; height: 67px; background: #808284; margin: 0px 10px 23px; }

#address {
	text-align: right;
	width:400px;
	padding: 10px;
	top: 0;
	right: 0;
	position: absolute;
	z-index: 1;
	color: #fff;
}
#address a:link, #address a:active, #address a:visited { color: #f8c422; }
#address a:hover { color: #fff; }

/* contains the CSSnav so that it doesn't try to double-up */
#navContainer {
	width: 800px;
	height: 38px;
	text-align: left;
}
#navContainerBMW {
	width: 450px;
	height: 33px;
	text-align: left;
	position: absolute;
	top: 41px;
	left: 42px;
}

/* on default page only */
.bckPopup { background: #ccc; }
#rotation {
	position: relative;
	z-index: 1;
}
#mainContent {
	width: 800px;
	background: #fff url(/images/bckSplash.jpg) no-repeat;
	margin: 0;
	min-height: 372px;
	overflow: visible;
}
*html #mainContent { height: 372px; }

#LatestNews {
	position: relative;
	min-height: 225px;
	overflow: visible;
}
html>body #LatestNews { margin-top: 0px; }/* FF, Opera, non-IE*/
*html #LatestNews { height: 225px; } /*for IE*/


#LatestNewsBody {
	padding: 5px;
	padding-left: 20px;
	position: relative;
}
#LatestNewsBody h1 { color: #000; }
#LatestNewsBody h2 a:link, #LatestNewsBody h2 a:active, #LatestNewsBody h2 a:visited { color: #333; }
#LatestNewsBody h2 a:hover { color: #999; }

#LatestNewsTransBkg {
	position: absolute;
	top: 0px;
	left: 0;
	width: 264px;
	height: 220px;
	background:#fff;
	filter: alpha(opacity=30);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity: 0.30; opacity:0.30;
}

#Welcome {
	position: relative;
	min-height: 320px;
	overflow: visible;
}
html>body #Welcome { margin-top: 0px; }/* FF, Opera, non-IE*/
*html #Welcome { height: 320px; } /*for IE*/


#WelcomeBody {
	padding: 5px;
	padding-left: 20px;
	position: relative;
}
#WelcomeBody h1 { color: #35434f; }

#WelcomeTransBkg {
	position: absolute;
	top: 0px;
	left: 0;
	width: 522px;
	height: 315px;
	background:#fff;
	filter: alpha(opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40; opacity:0.40;
}

#buttons {
	position: relative;
	float: none;
	margin: 5px auto;
	text-align: center;
	padding: 0;
	font-size: 11px;
	z-index: 2;
	color: #000;
}
#buttons img { display: inline; margin: 0 3px;}


/* content box for all subpages */
#content {
	text-align: left;
	margin: 10px;
	margin-bottom: 20px;
	border: 1px solid red;
}

.footer {
	color: #000;
	text-align: left;
	font-size: 11px;
	background: #fff;
	margin: 10px;
	margin-bottom: 0;
	padding-bottom: 10px;
}

.footer a:link, .footer a:active, .footer a:visited { color: #333; font-weight: bold; }
.footer a:hover { color: #cc0000; font-weight: bold; text-decoration: none;}

.itemBorder { border: 1px solid #666; }

.bckNav		 { background-color: #403e3e; background-image: url(/images/bckNav.gif); background-repeat: repeat-x; }
.bckBlack	 { background-color: #000; }
.bckWhite	 { background-color: #fff; }
.bckGray	 { background-color: #ccc; }
.white { color: #fff; }
.red { color: #cc0000; font-weight: bold; letter-spacing: 0.10em;}

.graySm 		{ 
	font-size : 9pt; 
	text-decoration : none; 
	color : #CCCCCC ; 
	font-weight : normal;  
}
.graySm a:link, .graySm a:active, .graySm a:visited	{ 
	text-decoration : none; 
	color : #CCCCCC ; 
	font-weight : normal;  
}
.graySm a:hover	{ 
	text-decoration : underline; 
	color : #ffffff ; 
}

.Sm 		{ 
	font-size : 9pt; 
	text-decoration : none; 
	color : #000000 ; 
	font-weight : normal;  
}
.Sm a:link, .Sm a:active, .Sm a:visited	{ 
	text-decoration : none; 
	color : #000000 ; 
	font-weight : normal;  
}
.Sm a:hover	{ 
	text-decoration : underline; 
	color : #484848 ; 
}

.Hidden		{visibility: hidden;}	
.NoDisplay	{visibility: hidden; display: none;}
.Visible	{visibility: visible;}		
.left {float:left;}
.right{float:right;}
.clear{clear:both;}
.clearRight { clear:right; }
.inline { display: inline; }

/* This starts the styles for the new CSS Navigation */
#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style-type: none; 
	line-height: 20px; 
	z-index: 55;
	}
	html>body #nav, #nav ul { position: relative; }

#nav a {
	display: block; 
	font-size: 11px;
	color: #000;
	text-decoration: none;
	width: 100%; 
}

#nav a.parent {
	background: url(/images/arrow.gif) no-repeat; background-position: 95% 50%; 
}

#nav a.parent:hover {
	background: url(/images/arrow.gif) center no-repeat; background-position: 95% 50%; 
	background-color: #043e84; 
}

#nav a:hover {
	background: #043e84; 
	text-decoration: none;
	color: #fff;
}
	
#nav li { 
	float: left;
	white-space: nowrap; 
}

#nav li ul { 
	z-index: 5; 
	border: 1px solid #999; /*border-bottom-style: none; */
	padding: 0px; 
	position: absolute;
	background: #ccc; 
	width: 130px; 
	width: expression('132px'); 
	left: -999em; 
}

#nav li ul li {
	width: 100%;
	/*border-bottom: 1px solid #fff; */ /*this is for the border between dropdown items*/
}

#nav li ul ul { 
	margin: -21px 0 0 98px; 
}
html>body #nav li ul ul { 
	margin: -21px 0 0 100px; 
}

#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 { 
	left: auto; 
}