/* Header and footer.
				Define the background graphics etc.
				There are two headers so that if you need, you can have two graphics in the
				header. One in the top left, and one in the top right perhaps.
		 */
			
		#header1 {
			margin:0; padding:0;
			height: 166px;
			background-image:url('http://www.apec-pac.org/styles/themes/default_theme/img/parts/swish_top.jpg');
			background-position:top left;
			background-repeat:no-repeat;
		}	
		#header2 {
			margin:0; 
			float: right;
			position: relative;
			/*top: -110px;*/
			padding:0;
			height: 82px;
		}	
			
		#footer {
			margin:0; padding:0;
		/*	background-color: white; */
			/* height: 95px;   Set the height of the footer if need be. */
			border-top: #C1002A solid 1px;
		}	
		
		/* Main1, and main 2
				NO padding or margin.
				stipulate the repeated graphic for the left and right column, 
				if one exists.
		*/
		#layout-container {
			margin:0; 
			padding:0;
			background: transparent;
		}
			
		/*#tile-backing1 {
			margin:0;
			padding:0;
				
		}*/
			
		/* Left, Right, Middle
			Float left, Float right, and NO FLOAT (respectively)
			Middle seems to stay in the middle by
			putting a 150px margin on it's left and right. This compensates for the
			150px width that the left and right cols have.
		
		*/
		
		#left {
			float:left;
			width:180px;
			margin:0; 
			padding:0;
			
			}
		#right {
			float:right;
			width:220px;
			margin:0; padding:0;
			}
			/*     top, right, bottom, left */
		#middle {
			margin: 0 220px 0 155px; 
			
			}
		
		/* This is for the case of a 2 col setup. The margin on the right is removed
		   due to the lack of other column*/	
		#middle-2-col{
			margin: 0 100px 0 190px;
		}
		/* 
		The following three styles help place the login, sitemap, 
		and insitec logo all on the one line.
		
		*/
			
		#footer_left{
			width: 100px;
			float: left;
		}
		
		#footer_right{
			width: 52px;   /* The width of the insitec logo */
			float: right;
			padding-top: 5px;
		}
		
		#footer_middle{
			margin: 0 100px 0 52px;
			text-align: center; 
		}

		/* column-in
				Margin 0, padding is what you want for that column for 
				the text to be spaced from column border.
		
		*/
		.column-in {
			margin:0; padding:0.5em 1em;
		}

		/* cleaner
				This should stay unchanged. It sits down the bottom of main div box, 
				and makes sure that the three columns are all cleaned off.
				
				How? I don't know. Can you work it out?
		
		*/		
		.cleaner {
			clear:both;
			height:1px;
			font-size:1px;
			border:none;
			margin:0; padding:0;
			background: transparent;
			}