body   	{
		background-image: url(../_Assets/main_background.jpg) !important; /* !important was needed to fix an odd problem; */
																		  /* may be removed later? 							 */
			background-attachment: fixed; /* keeps the background positioned in the viewport */
			background-position: center top !important;   /* !important was needed to fix an odd problem; may be removed later?  */
			background-repeat: no-repeat;	
		margin: 0; 
		padding: 0; 
		text-align: center; /* this setting allows one or two old browsers to center the #wrapper div. */
		}

/* #wrapper is an enclosure for all of the content; it centers everything  	*/
/* between the left and right margins for us.										*/     
#wrapper    	{   
            background-image: url(../_Assets/main_middle.jpg);
				background-repeat: repeat-y;	
			height: auto !important; /* sets height to 'auto' for Mozilla browsers */
				height: 1553px;          /* IE only -- acts as min-height */			
				min-height: 1553px;  	 /* actual min-height for Mozilla browsers */
            margin: 0 auto;			
            position: relative;	 /* sets us as a containing block for positioned elements, so they don't end up in odd places */	
			text-align: left; 
			width: 760px;
            }
 
/* #masthead contains the logo, header, and top navigation */
#masthead   	{ 
	        background-image: url(../_Assets/main_header.jpg);
				background-position: center bottom;
			height: 132px;	        
			width: 760px; 
	        }

/* #maincontent contains EVERYTHING else, unless it's a normal-width page with an ad, in which case */
/* #secondarycontent contains the ad and the "What's New" block.                                    */			
#maincontent   	{
	            margin-bottom: 82px;
	            margin-top: 4px;
	            position: relative;
					left: 16px; 				
					top: 5px;            
					z-index: 99;
	            }

/* the .banner objects are banner ads. Their base declarations are here, but their position is modified
   in normalwidth.css and widewidth.css! */				
#maincontent .banner 	{
						background-color: #99CCFF; /* THIS IS ONLY FOR DREAMWEAVER! It gets overridden in dwoverrides.css */
						height: 77px;
						overflow: hidden;
						position: relative;
						text-align: center !important;
						width: 493px;
						}  

/* #topblock and #bottomblock are the objects which hold a .banner and a set of .pagewidgets . 
   #topblock doesn't get any declarations here; #bottomblock gets a few which apply to all page types. Otherwise,
   see normalwidth.css and widewidth.css for declarations which apply to #topblock and #bottomblock. */						
#bottomblock   	{
	            position: absolute;	            
					bottom: 36px;
					left: 0; 
					z-index: 1500; 
	            visibility: hidden; /* THIS IS ONLY FOR DREAMWEAVER! It gets overridden in dwoverrides.css */		
	            }

/* #story is where the actual editable content goes! */
#story   {
      padding-left: 0;
      padding-right: 6px;
      }

         
/* TOP NAVIGATION BAR */

   #topnav  	{  
	        height: 25px; 
	        margin: 0; 
	        list-style: none;
			padding: 0;
	        position: absolute;
		        top: 12px; 
				left: 39px;
			white-space: nowrap;
	        z-index: 1000;
	        }

   #topnav li  {  
            display: block;
            float: left;
            height: 25px;
            list-style: none;
            margin: 0; 
			padding: 0;
			}

   #topnav li a	{
				background-position: 8px center;
					background-repeat: no-repeat;
				display: block;
				float: left;
				padding: 3px 8px 5px 16px;
				width: auto;
            }

	/* the following declarations set colors for the different magazines! */
		.body-MaxChevy #topnav li a:hover
				{
				background-color: #ffe36b !important;
				}	
		.body-MoparMax #topnav li a:hover   
				{
				background-color: #62b5d2 !important;
				}
        .body-OvalTracking #topnav li a:hover
				{
				background-color: #ff7e00 !important;
				}
	
   /* SPECIFIC TOPNAV ENTRIES. This section sets the background images as well as any odd overrides. */        
	    #nav-cover a   	{ 
						background-image: url(../_Assets/Nav/cover.gif);
						}                 
		#nav-store a   	{ 
						background-image: url(../_Assets/Nav/store.gif);
						}	              
		#nav-speed a   	{ 
						background-image: url(../_Assets/Nav/speed.gif);
						}               
		#nav-class a   	{ 
						background-image: url(../_Assets/Nav/classifieds.gif);
						}	                
		#nav-archives a	{
						background-image: url(../_Assets/Nav/search.gif);
						}                
		#nav-contact a    { 
						background-image: url(../_Assets/Nav/contact.gif);
						}                 
		#nav-toc a  		{ 
						background-image: url(../_Assets/Nav/toc.gif);
						}                 
		#nav-cal a 		{ 
						background-image: url(../_Assets/Nav/calendar.gif);
						}     
	/* END SPECIFIC TOPNAV ENTRIES. */
		
/* END TOPNAV  */

/* FOOTER DECLARATIONS */
/* #footer just holds the copyright notice and the bottom rounded-corners background graphic. */

	#footer	{  
			background-image: url(../_Assets/main_footer.jpg);
				background-position: top;
			height: 99px;
			margin: -1px 0;
			position: absolute; 
				bottom: -75px !important;  /* for Mozilla browsers */
				bottom: -83px;  /* for IE only! */
				left: -16px;
				z-index: 1; 
			visibility: hidden; /* THIS IS ONLY FOR DREAMWEAVER! It gets overridden by dwoverrides.css ! */
			width: 760px; 
			}
     
	/* THIS IS FOR THE COPYRIGHT NOTICE */	  

	#footer .fineprint   {
						display: block;
						font-size: 9px;
						padding-top: 45px;
						text-align: center;
						width: 100%;
						}

	#copynotice {  
				position: absolute;
	            bottom: -5px !important;
	            bottom: 3px;
	            width: 100%;
	            } 
				
	/* END COPYRIGHT NOTICE  */
 
/* END FOOTER DECLARATIONS  */
 
/* PAGE WIDGETS DECLARATIONS */

	#wrapper .pagewidgets  {
						font-size: 12px;
						font-weight: bold;
						height: 27px;
						overflow: hidden;
						width: 100%;
						}
                        
	#wrapper #topblock .pagewidgets 	{
									background-image: url(../_Assets/Widgets/topmiddle.gif);
									background-repeat: repeat-x;
									margin-bottom: 10px;
									}
                              
	#wrapper #bottomblock .pagewidgets 	{
										background-image: url(../_Assets/Widgets/bottommiddle.gif);
										background-repeat: repeat-x;
										margin: 10px 0; 
										}
                                 
	#wrapper .pagewidgets a   	{
							display: block;
							padding-right: 2px;
							height: 25px;
							padding-top: 2px; 
							}
           
	.prev    	{ 
			float: left; background-position: left top;
			background-repeat: no-repeat; 
			width: 29%;
			text-indent: 32px;
			text-align: left;
			}
      
	.tocwidget  	{
				float: left;
				background-position: 5px 1px;
				background-repeat: no-repeat;
				width: 44%;
				height: 25px; margin-top: 2px;
				text-align: center;
				}
      
	.next	{ 
			float: right;
			background-position: right top; background-repeat: no-repeat; 
			text-align: right;
			width: 23%;
			}
         
	#wrapper .next a	{
					padding-right: 32px;
					}
         
    #topblock .prev 	{ 
					background-image: url(../_Assets/Widgets/topleft.gif);
					padding-top: 2px;
					}
                  
    #topblock .next { 
					background-image: url(../_Assets/Widgets/topright.gif);
					padding-top: 2px;
					}
                  
    #topblock .tocwidget	{ 
						padding-top: 2px;
						color: #f8f6d9;
						}

    #bottomblock .prev   { 
						background-image: url(../_Assets/Widgets/bottomleft.gif);
						padding-top: 3px;
						}
                  
    #bottomblock .next   { 
						background-image: url(../_Assets/Widgets/bottomright.gif);
						padding-top: 3px;
						}
                     
    #bottomblock .tocwidget	{ 
							background-image: url(../_Assets/Widgets/toc-bot-widget.gif);
							background-position: center 3px;
							}        
                        
/* END PAGE WIDGETS */

#secondarycontent td p 	{ 
						margin: 0;
						padding: 0; 
						}

.squareadleft 	{ 
				display: block; 
				float: left; 
				width: 335px; 
				height: 307px; 
				background-color: #efdb00; 
				}

.squareadright 	{ 
				display: block; 
				float: right; 
				width: 335px; 
				height: 307px;
				background-color: #efdb00; 
				}

.largesq 	{ 
			width: 311px; 
			height: 478px; 
			background-color: #efdb00; 
			}
   

.clearing 	{ 
			clear: both; 
			}

#masthead #storylink {
					display: block;
					height: 240px;
					position: absolute;
						left: 10px;
						top: 90px; 
						z-index: 100;
					width: 740px;
					font-weight: bold;
					}

  #masthead #storylink span 	{ 
							position: relative; 
							top: 20px;
							left: 22px; 
							}

   #masthead #sponsorlink 	{
							display: block;
							font-size: 1px;							
							height: 50px;
							position: absolute;
								right: 10px;
								top: 90px; 
								z-index: 900;
							text-indent: -999em;
							width: 150px;
							}

#wrapper #maincontent #story  .bug  {
      width: 1px;
      height: 1px !important;
      background-image: url(../_Assets/storybug.gif);
      background-repeat: no-repeat;
      background-position: top right !important;
      text-decoration: none !important;
      color: #ffffff;
      overflow: hidden !important;
      padding-top: 14px;
      position: relative !important; top: 4px;
      font-size: 1px !important;
      padding-left: 30px;
      }

#wrapper #maincontent #story  .bug span   {
                              }
     
#maincontent #story  a.bug:hover {
                        }
     
.floatleft  {
            float: left;
            margin-right: 10px;
            }

.floatright {
            float: right;
            margin-left: 10px;
            }

span.captimage {
               display: block;
               margin-bottom: 7px;
               margin-top: 7px;
               position: relative;
				top: -3px;
               }

span.caption {
              display: block;
              }

#maincontent a img   { 
               margin-top: 0; margin-bottom: auto; padding: 0; 
               position: relative; top: 4px; 
               }

			   
/* DECLARATIONS TOC LINK ON LOGO IN MASTHEAD! */

	#masthead #tocheadlink	{ 	
							position: absolute; 
								left: 23px; 
								top: 60px; 
								z-index: 999 !important; 
							width: 247px; height: 53px;
							}
							
	body #wrapper #masthead #tocheadlink a	
							{
							color: #3c3d41;
							display: block;
							font-size: 1px;
							height: 1px;
							padding-bottom: 52px;
							padding-right: 246px;
							text-indent: -999em;
							width: 1px;
							}

/* END DECLARATIONS FOR TOC LINK ON LOGO */							
					
/* THESE DECLARATIONS ARE FOR THE UNNUMBERED PAGES ONLY */

	#unnumbered #wrapper #story	{
								padding-bottom: 20px;
								}
			
	#unnumbered #wrapper #secondarycontent 	{
											border-left: 0px none #ffffff;
											}
	
/* END UNNUMBERED PAGES */

/* THIS SECTION IS DECLARATIONS FOR THE "RELATED STORIES" BLOCK */
	
	.recentstories 	{
					border: 2px solid #225e81;
					margin-top: 1.4em;
					padding: 0;
					}
					
	#wrapper .recentstories a 	{ 
								border-bottom: 1px dotted #1558a5 !important;  /* sets dotted bottom border for Mozilla browsers */
								border-bottom: 0px none #ffffff;  /* no border for IE -- dotted doesn't work right. */
								text-decoration: none !important; /* no underline for Mozilla browsers */
								text-decoration: underline;  /* underline for IE, since no dotted bottom border. */
								}
	/* HOVER declaration for above. */
		#wrapper .recentstories a:hover 	{ 
										border-bottom: 1px dotted #f09800 !important; /* change border color for Mozilla browsers */
										border-bottom: 0px none #ffffff; /* make sure border stays hidden for IE  */
										}
	/* inner SPAN with NO UNDERLINE for .recentstories links */
		#wrapper .recentstories a span 	{ 
										text-decoration: none !important; 
										}
	
		#wrapper .recentstories a p 	{
									margin: 3px 1.5em 6px 0 !important; 
									text-decoration: none !important; 
									}
	
	#wrapper .recentstories h1 	{
								background-image: url(../_Assets/header_recent.gif);
									background-position: center;
								font-size: 1px !important;
								height: 24px;
								margin: 0 !important; /* for Mozilla browsers */
								margin: 0 -2px; /* for IE only! */
								overflow: hidden !important;
								text-indent: -999em !important;
								}

	#wrapper .recentstories .bulletedlist
					{
					margin-left: 1.3em;
					}

/* END DECLARATIONS FOR THE "RELATED STORIES" BLOCK */
		
/* DECLARATIONS FOR THE "STORY ACTIONS" (PRINT AND EMAIL STORY) AT TOPS OF PAGES */
		
#wrapper #storyActions 	{ 
						color: #555555; 
						height: 22px; 
						position: absolute; 
							top: -57px; 
							right: 10px; 
						width: 270px; 
						}

#wrapper #storyActions a { 
						background-image: url(../_Assets/Nav/Black/email.gif);  /* this gets overridden for the 'Print Story' link. */
							background-position: 4px 2px;
							background-repeat: no-repeat; 
						border-bottom: 0px none #ffffff;  /* because most all 'a' elements have a bottom border, disable it. */
						color: #555555;  /* darkish grey */
						display: block; 
						float: right;
						font-size: 10px; 
						height: 1.1em; 
						padding: 2px 0 4px 6px; 
						text-decoration: none !important;  /* some screwy underlines were happening, hence the !important */
						text-indent: 17px;  /* to get the text past the background image */
						width: 100px; 
						z-index: 999;
						}

#wrapper #storyActions a#printStory	{ 
									background-image: url(../_Assets/Nav/Black/print.gif); 
										background-position: 2px 0; 
									}

#wrapper .pagewidgets #storyActions a:hover 
							{ 
							background-color: #ffa300 !important;
							color: #555555 !important;
							}

/* END DECLARATIONS FOR THE "STORY ACTIONS" */
							
/* MORE GENERAL STUFF FROM HERE ON */
			   
body img.hasmargin {
         margin: 5px;
         }
         
html body #wrapper #story .advert img { position: static !important; top: 0 !important; }