/* ----------------------------------------------
   doj-main-layout.css
   
   this page defines the structure of the page.
   Only positioning rules are set up here.
   
   ---------------------------------------------- */

body	{
		margin:					0px;
		padding:    			0px;
		}
		
form	{
		padding:		0px;
		margin:			0px;
		}


/* ---------------------------------
   - O U T E R   C O N T A I N E R -
   --------------------------------- */
table.outerContainer	{
					margin:			auto;
					padding:        0px;
					width:			765px;
					position:		relative;
					border-collapse: collapse;
					}
					
					
/* ---------------
   - H E A D E R -
   --------------- */
div#header		{
				height:			72px;
				position:		relative;
				}


/* ---------------------------------
   - M A I N   N A V I G A T I O N -
   --------------------------------- */				
div#mainNavigation 			{
							position:		relative;
							}
					
div#mainNavigation ul		{
							list-style:			none;
							}
						
div#mainNavigation ul + ul 	{
							border-top:		none;
							}						

div#mainNavigation ul li 	{
							display:	inline;
							}											

div#mainNavigation p		{
							}
							
div#mainNavigation p input	{
							}							

/* -------------------------------------------
   - S E C O N D A R Y   N A V I G A T I O N -
   ------------------------------------------- */				
tablesecondaryNavigation		{
						/*	float:			left; */
						/*  width:			160px; */
						/*	margin:			0px; */
						/*	position:		top; */
							}


/* ---------------------------
   - M A I N   C O N T E N T -
   --------------------------- */

table.mainContent
					{
					margin:			0px;
					margin-top:		10px;
					padding:		0px;
}

/* 
Fix for IE 6
------------
IE handles the box model differently, so the margins aren't as they should be. 
It also Doesn't read the "+" operator, so this overwrites the margin-top for all compliant browsers, 
  leaving the IE property unchanged.
*/
table.secondaryNavigation + table.mainContent	{
											margin-top:		10px;
											}


div#mainContent.article		{
							margin-left:	0px;
							}	
					
/* ---------------
   - F O O T E R -
   --------------- */
div#footer		{
				position:		relative;
				clear:			both;				
				}