/* ----------------------------------------------
   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 -
   --------------------------------- */
div#outerContainer	{
					margin:			auto;
					padding:        0px;
					width:			765px;
					position:		relative;
					}
					
					
/* ---------------
   - 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 -
   ------------------------------------------- */				
div#secondaryNavigation		{
							float:			left;
							width:			160px;
							margin:			0px;
							position:		relative;
							
							/* *height:		1%;*/
							}
							



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

div#mainContent
					{
					margin:			0px;
					margin-left:	170px;
					margin-top:		10px;
					/*position:		relative;*/
					
					/*border:			none;*/
					}
					
				
/* 
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.
*/
div#secondaryNavigation + div#mainContent	{
											margin-top:		10px;
											
											}


div#mainContent div.secondaryContent				{
													float:					right;
													width:					180px;
													margin-right:			0px;
													margin-top:				-2em;
													margin-left:			2em;
													margin-bottom:			2em;
													padding:				0px;
													
													margin-top:				-1em;
													
													border:					none;
													/**height:				1%;*/
													}
										

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