body { 
	/* this is the begining of a css style sheet serving as an external style sheet for the maxwell racing site, the first selector of the body is seen below.  it sets a background image that I configured using photoshop to be the backdrop. text is configured to be black, and I have used a jello design.  It will fill 85% of the screen width and will be centered due to the fact I set the margins at auto */
	width: 90%;
	background-color: #000;
	/*background-image: url(images/checkbg2.jpg);*/
	color: #FFF;
	font-family: Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	
	}
	
#header  {		/* The header section is all dressed up in the entry below.  The background color is red, text color is white, I have enlarged the font size to 5.75 em, and have used several options of fonts attempting to get a cursive handwritten look.  The browser will check the user's computer for the fonts listed in consecutive order, if the user does not have on of these fonts, the browser's default font will be used.*/
	background-color: black;
	color: #FFF;
	font-size: 5.75em;
	font-family: 'Brush Script Std', 'Brush Script MT', 'Monotype Corsiva', 'Lucida Handwriting', 'Viner Hand ITC', sans-serif;
	text-align: center;
	padding-top: 5px;
	padding-left: 5px;
	border-bottom: 3px groove red;
border-radius: 10px;	}
#header img {
		width: 50%;
		height: 50%;
		}
#bg   {
	background-color: black;
	border: 3px solid red;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(checkbg2.jpg);
}
.nav   {
	/* My navigation appears just below the header and aligns to the right.  Again, it uses a list of fonts.  I also used 1em word spacing attempting to space out the links */
	background-color: #000;
	color: #FFF;
	font-size: 1.35em;
	font-family: 'Brush Script Std', 'Brush Script MT', 'Monotype Corsiva', 'Lucida Handwriting', 'Viner Hand ITC', sans-serif;
	text-align: right;
	margin-top: .25%;
	margin-bottom: 0px;
	padding-right: .5%;  
	word-spacing: 1em;
	}
	
.nav a  {  /* with this selection, I have specified anchor tags appearing in an element with the class set to nav to have a yellow font and to align to the right */
	
	color: #FF0;
	text-align: right; }
	

	
.flnav    {   /* I used this special class simply for one line of text that appears on the same line as the navigation menu */
	float: left; 
	font-family: 'Brush Script Std', 'Brush Script MT', 'Monotype Corsiva', 'Lucida Handwriting', 'Viner Hand ITC', sans-serif;
	font-size: 1.35em;
	margin-top: .25%;
	margin-bottom: 0px;  }
	
.fr  {   /* any element configured with this class will flow to the left in normal flow */
	float: right; }
	
.fl  {    /* any element configured with this class will flow to the right in normal doc flow */
	float: left;  }
#mainlsb  {    /* this sets the width of the div that contains the left sidebar and main content to be 75% of the overall width of the Web page */
		width: 75%;
}
#lsb  {
	background-color: black;  /* this configures the left sidebar to have a black background with white colored text */
	height: 1100px;
	padding: 5px;
	border-right: 2px solid black;
	width: 31%;
}
	
h2, h1, h3, h4   {   /* multiple selectors are used and are all configured the same, with a red background and some positioning elements, this ensures a consistent look throughout the site */
	background-color: red;
	border-bottom: 2px solid blue;
	border-top: 2px solid blue;
	padding-left: 2px;
	margin-top: 0px; }
	
#main  {     /* the mainlsb div was set to 75% of the width of the main Web page.  The main div is set to be 65% of that area. */
	 width: 65%; 
	background-color: white;
	float: right;  /* as stated on the comment on the index page, this sets the main div to flow to the right, which will allow any other material in the mainlsb div to flow up and wrap around this area */
	height: 850px;   /* sets the height of this section to be 800 pixels high */
	margin-left: 15px; }
.mainimg  {
	text-align: center;
} /* this centers the text or image in whatever element it is placed */
	
.mainpictitle  {  /* this configures the text to be centered along with specifying a sequential order of font requests */
	text-align: center;
	font-size: 2em;
	color: red;  
	font-family:  'Brush Script Std', 'Brush Script MT', 'Monotype Corsiva', 'Lucida Handwriting', 'Viner Hand ITC', sans-serif;  }
	
.pricetag  {   /* places emphasis on the price, text is yellow, and sequential request of fonts  */
	font-size: 20pt;
	font-family: 'Brush Script Std', 'Brush Script MT', 'Monotype Corsiva', 'Lucida Handwriting', 'Viner Hand ITC', sans-serif; 
	color: yellow;  }
	
.thumbfl  {     /* maybe an example of class"itis", but this class configures the thumbnail images used in the sidebars to float left and to contain a small 1 pixel border that will be solid and the color white */
	float: left;
	margin-left: 5px;
	border: 1px solid white;  }
	
.maintext  {  /* the font is black and bold, 5 px padding from any element on its left side, and font size is set to 16 */
	color: black;
	font-weight: bold;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 16pt;
	}
.maincenterpic  {
	text-align: center;
	padding-top: 25px;
	}
.maincenterpic img {
	border: 5px solid red;
	}
	
#rsb  {     /* right sidebar is configured to be 23% of the overall page width, and is configured to float to the right of the document in normal flow.  The right sidebar matches the left sidebar and the main content with a height of 800 pixels.  It has a background image set, giving the page a little flash, but hopefully not too much */
	width: 23%;
	height: 850px;
	float: right;
	background-color: black;
	/* background-image: url(checkbg1.jpg); */
	}
	
#rsb img   {
	padding: 0px 26px 10px 26px; }
.saleitem  {   /* sale items were configured to have their image set within a block with a black background. since these items appear within the right sidebar which only has  a 23% overall page width, the sale items within this 23% sidebar are configured to take up 75% of that space */
	background-color: black; 
	width: 75%;
	margin-left: 25px;
	margin-bottom: 10px;
	border: 2px solid red;  }
	
.saleitem2  { /* saleitem2 is the same as saleitem3 except for one floats left and the other floats right, allowing the images to sit side by side if used alternately, saleitem2, then, saleitem3 will appear side by side if the containing element is wide enough to support these two elements */
	background-color: black; 
	width: 45%;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-right: 5px;
	border: 2px solid red;
	float: left; }
.saleitem3  {
	background-color: black; 
	width: 45%;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-right: 5px;
	border: 2px solid red;
	float: right; }
	
#description  {   
	float: right;
	width: 60%;
	color: white;  }
	
a  {          /* All anchor tags are configured to be yellow text  */
	color: yellow;  
}
#carpage  {  /* this style was used specifically on the pages that list individual cars within the autos page.  I have used absolute positioning which lies outside of normal document flow.  The element configured with this id will appear 265 pixels from the top of the page and 128 pixels in from the left margin.  The width is set to 500 pixels.  */
	/* position: absolute;
	top: 265px;
	left: 128px; */
	width: 90%;
	padding: 10px;
	  }
#carpage img {
	padding: 20px;
	}
	  
#carpagelist  {
	color: white;
	font-size: 14pt;
	/* position: absolute;
	top: 300px;
	left: 625px; */
	float: right; }
#carpage ul {
	color: yellow;
	}

.carpagepricetag  {
	color: red;
	font-size: 50pt;
	font-family: 'Brush Script Std', 'Brush Script MT', 'Monotype Corsiva', 'Lucida Handwriting', 'Viner Hand ITC', sans-serif;
	margin-left: 20px; }
	
/*a:hover {  /* this style is what configures the anchor elements to turn red with black text if you point your mouse at them */
	color: white;
	background-color: red;
	} */
th   {		/* this configures the text within the table heading to be aligned to the left, in blue writing, and to have 10 pixel padding on top */
	text-align: left;
	color: blue;
	padding-top: 10px;
}
dl  {  /* configures the text found in the definition list to be 14pt */
	font-size: 14pt;
}
dt  {   /* configures the text of the definition term to be colored red */
	color: red
}

#footer  {  /* the footer is configured to have small text and to be centered  */
	text-align: center;
	font-size: small;
	background-color: red;
	border: 1px solid white;
}
hr  {
	background-color: blue;
	color: blue;
}

/* this is the end of the external style sheet  */