/* ------------------ ALL NAVIGATION IS AT BOTTOM OF THE STYLESHEET --------------- */

/* --------------------- GENERAL ----------------------------------- */

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll; 

	}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	}

img  {
	border: 0;
	}

H3	{
	font-size: 20px;
	font-weight: bold;
	color: #800000;     /* maroon */
	}
	
H4 {
	font-size: 16px;
	font-weight: bold;
	color: #800000;
	margin-bottom: 0;
	}

/* ------------------------------------tables still need 'cellspacing="0"' in the markup ----------------------- */
table {
	border: border-collapse;
	}
	
table, p, tr, td {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	padding: 0;
	margin: 0;
	}	

/* --------------------------------------- MAIN HOLDING TABLE ------------------------- */
.holding {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000000;
	width: 900px;
	background-color: #FFF;
	}
	
/* -------------------------------------------------- HEADER ---------------------------------- */
.header {
	margin-left: auto;    /* using both margin-left & margin-right = auto centers the table using css */
	margin-right: auto;
	width: 900px;
	background-color: #FFF;
	padding: 0;
	border: 0;
	}
/* -------------------------------------------------- LOGO CELLS --------------------------------------*/	
.rolls-royce {
	width: 317px;
	height: 219px;
	text-align: left;
	vertical-align: bottom;
	}
	
.logo {
	width: 583px;
	height: 219px;
	text-align: left;
	vertical-align: middle;
	}	

	
.headcell {
	width: 900px;
	text-align: center;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	}
/* ------------------------------------------------ CONTENT -------------------- */
.content-back {
	width: 900px;
	height: 383px;      		/* setting height makes sure the background image of rolls shows in content area */
	text-align: center;
	vertical-align: top;
 	background-image: url('images/backbotrolls.jpg'); 
    background-repeat: no-repeat; 
    background-position: left top; 
    padding: 30px 20px 20px 20px;	/* this keeps the content table off the margins */
    }
    
.content-table {					/* this is the table that holds the left and right content cells */
	margin-left: auto;
	margin-right: auto;
	width: 860px;
	text-align: left;
	vertical-align: top
	}
.content-table-leftcell {			/* this is the left empty cell so the bottom of the rolls background image shows */
	width: 230px;
	text-align: left;
	}
.content-table-middlecell {			/* this is the middle cell that holds the content */
	width: 377px;
	text-align: left;
	}
.content-table-imagecell {			/* this is the right cell that holds the car image */
	width: 253px;
	text-align: right;
	}			
	

/* -------------------------------------------------- NORMAL LINKS--------------------------------------- */	
a:link {
	color: #800000;
	text-decoration: underline;
}	
a:active  {
	color: #800000;
	text-decoration: underline;
}
a:visited  {
	color: #800000;
	text-decoration: underline;
}

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



/* --------------------------------------------------- FOOTER ------------------------- */

.footer-table {
	font-family: arial, verdana, tahoma;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	}
.footer-bar {
	font-family: arial, verdana, tahoma;
	width: 450px;
	height: 30px;
	border-bottom: 1px solid #fff;
	text-align: center;
	vertical-align: middle;
	background-image: url('images/navbar.jpg');
	background-color: #000;
	color: #FFF;
	}
.footer-name {
	font-family: arial, verdana, tahoma;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	}	
.footer-left  {
	font-family: arial, verdana, tahoma;
	text-align: left;
	vertical-align: middle;
	width: 450px;
	height: 60px;
	background-color: #666666;
	color: #FFFFFF;	
	}
.footer-white {
	font-family: arial, verdana, tahoma;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	}
.footer-black {
	font-family: arial, verdana, tahoma;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	}
.divider {
	width: 2px;
	height: 74px;
	background-color: #666666; 
	}

/* ----- FOOTER LINKS AGAINST THE BLACK GRADIENT BAR -------------------- */	
a.foot-gradient  {
	font-family: arial, verdana, tahoma;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}
a:link.foot-gradient  {
	font-family: arial, verdana, tahoma;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}
a:active.foot-gradient  {
	font-family: arial, verdana, tahoma;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}
a:visited.foot-gradient {
	font-family: arial, verdana, tahoma;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}
a:hover.foot-gradient  {
	color: #FFCC00;
	font-family: arial, verdana, tahoma;
	font-size: 14px;
	text-decoration: none;
}
/* --------------------------------------------------------- FOOTER LINKS AGAINST THE GREY -------------------- */	

a:link.foot {
	font-family: arial, verdana, tahoma;
	color: #000;
	font-size: 14px;
	text-decoration: underline;
}	
a:active.foot  {
	font-family: arial, verdana, tahoma;
	color: #000;
	font-size: 14px;
	text-decoration: underline;
}
a:visited.foot  {
	font-family: arial, verdana, tahoma;
	color: #000;
	font-size: 14px;
	text-decoration: underline;
}

a:hover.foot  {
	font-family: arial, verdana, tahoma;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
	

/* --------------------------------- DROP DOWN NAVIGATION ------------------------------------------ */
.navhold {
	width: 100%;
	height: 27px;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	background-image: url('images/navbar.jpg');
}
.whitefont {
	text-align: left;
	color: white;
	}	

.anylinkcss {
	position:absolute;
	visibility: hidden;
	border:1px solid #666666;
	border-bottom-width: 0;
	font: normal 14px arial;
	line-height: 12px;
	z-index: 100;
	background-color: #666666;
	width: 120px;				/* THIS IS THE WIDTH OF THE SUB MENUS */
	text-decoration: none;
}
.anylinkcssmain { 		
	color: #FFF;
	font: normal 14px arial;
	text-decoration: none;
}
a.anylinkcssmain  {
	color: #FFF;
	font: normal 14px arial;
	text-decoration: none;
}
a:link.anylinkcssmain  {
	color: #FFF;
	font: normal 14px arial;
	text-decoration: none;
}
a:active.anylinkcssmain  {
	color: #FFF;
	font: normal 14px arial;
	text-decoration: none;
}
a:visited.anylinkcssmain {
	color: #FFF;
	font: normal 14px arial;
	text-decoration: none;
}
a:hover.anylinkcssmain  {
	color: #FFCC00;
	font: normal 14px arial;
	text-decoration: none;
}
.anylinkcss a {
	width: 100%;
	display: block;
	color: #FFF;
	text-indent: 3px;
	font: normal 12px arial;
	border-bottom: 1px solid #666666;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	text-indent: 5px;
}
.anylinkcss a:active {
	background-color: #666666;
	font: normal 12px arial;
	color: #FFF;
	text-decoration: none;
}
.anylinkcss a:visited {
	background-color: #666666;
	font: normal 12px arial;
	color: #FFF;
	text-decoration: none;
}

.anylinkcss a:hover { 
	background-color: #333333;
	font: normal 12px arial;
	color: #fff;
	text-decoration: none;
}