/* #maincontent has its height and width set separately for normal vs. wide pages! */
#maincontent	{
				border-right: 2px solid #333333; 
				height: auto !important; /* sets height to 'auto' for Mozilla browsers */
					height: 1380px;  /* IE only -- acts as min-height */
					min-height: 1380px;  /* actual min-height for Mozilla browsers */
				width: 499px;
				}
				
/* #story needs extra padding on normal pages so that the footer & banner appear in the right places! */				
#story	{
		padding-bottom: 146px;
		}
		
/* pagewidgets are the next/previous/table of contents/current page# nav that appear at the top
   and bottom of every page. Their width is set separately for normal vs. wide pages. */
#maincontent .pagewidgets	{
							width: 493px;
							}

/* banners are always the same width, but need to be positioned. */							
#maincontent #topblock .banner	{
								position: relative; 
								top: -16px;
								}								
#maincontent #bottomblock .banner	{
									position: relative; 
									}

/* DECLARATIONS: #secondarycontent AND CHILDREN. */
									
	/* #secondarycontent basically ONLY appears on normal-width pages; it holds the column ad and
	   the "What's New" iFrame. */									
	#secondarycontent 	{
						position: absolute;
						right: 12px !important;
						top: 105px;
						width: 231px;
						border-left: 2px solid #000000;
						overflow: hidden;
						z-index: 99;
						}

	/* this box is JUST the ad inside #secondarycontent . */				
	#columnad	{
				width: 225px;
				height: 1200px;
				background-color: #CCCC99; /* THIS IS ONLY FOR DREAMWEAVER!! It gets overridden in dwoverrides.css */
				margin-left: 3px;
				}
	
	/* #whatsnew is the wrapper for the iFrame holding the "What's New" stories. */
	#whatsnew	{
				background-image: url(../_Assets/whatsnewborder.gif);
				height: 181px; 
				margin-left: 2px;
				margin-top: 8px;
				overflow: hidden;
				width: 229px; 
				}
	
	/* necessary to have a header, but we're just hiding it entirely since the graphic is handled by the 
	   whatsnewborder.gif background called above! */
	#whatsnew h3 	{
					color: #ffffff;
					font-size: 1px; 
					height: 24px;
					margin: 0;
					text-indent: -999em;
					}
	
	/* positioning the iframe itself */
	#whatsnew iframe	{ 
					margin-left: 7px; 
					}
				
	/* on the Editor's column, instead of the what's new frame, we have a "Letters to the Editor box instead.
		this declaration handles a couple of things about that form specific to its being positioned inside #secondarycontent. */
	form#newssubmit	{
				margin-top: -1em;
				margin-bottom: 1em;
				width: 472px;
				}
				
/* END #secondarycontent DECLARATIONS */


/* THESE DECLARATIONS ONLY APPLY IF YOU'RE USING THE TEMPLATE NORMAL-WITH-BACKGROUND! */
			
	#hasBackground #story {
			height: auto !important;
			padding-left: 5px; 
			position: relative; 
				left: -11px !important;  /* for Mozilla browsers */ 
				left: 0;  /* for IE only! */
			width: 499px;
			}
			
	#hasBackground #wrapper #topblock .pagewidgets 	
				{ 
				margin-left: -2px !important; /* for Mozilla browsers */ 
				margin-left: 0;  /* for IE only! */
				}
			
	#hasBackground #bottomblock { 
								background-color: #ffffff; 
								padding: 8px 9px 15px 8px; 
								margin-left: -11px; 
								margin-bottom: -22px; 
								}
							
/* END BACKGROUND PAGE DECLARATIONS! */
							
							
/* .recentstories has its width set separately for normal and wide pages! Also, on normal pages, the
    'overflow: hidden' property MUST be set or Bad Things ensue. */
#wrapper .recentstories 	{ 
						width: 490px; 
						overflow: hidden !important; 
						}