/* 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;
	background-color: white;
	background-repeat: no-repeat;
	height: 133px;
	
}	
#header2 {
	/*
	 * 	this css is now an inline style tag for this element.
	 * 	the background image name is now php generated
	margin:0; padding:0;
	background-repeat: repeat-x;
	background-image: url('img/parts/header.jpg');
	background-position: 186px 0px; 
	height: 132px;
	*/
}	
	
#flash_header1 {
	margin:0; padding:0;
	background-color: white;
	background-repeat: no-repeat;
	height: 132px;
	width: 1006px;
}	
#flash_header2 {
    background-color:purple;
   /* float:left; */
    height:131px;
    margin:0pt;
    overflow: hidden;
    padding:0pt;
    width:820px;
}

#flash_header3 {
	 
	height: 132px;
}

#footer {
	margin:0; padding:0;
	background-color: #013473;
	border: #013473 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-color: #94AFC0;
}
	
#tile-backing1 {
	margin:0;
	padding:0;		
	border-top: 1px solid white;
	/*background-color:#94AFC0;*/
	background-color:#336699;
}
	
/* 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:185px;
	margin:0; 
	padding:0;
	
}
#right {
	float:right;
	width:50px;
	margin:0; padding:0;
}
	/*     top, right, bottom, left */
#middle {
	margin: 0 50px 0 185px; 
}	
	
#middle .column-in{
	border-left:1px solid white; 
	min-height: 400px;
	padding-bottom:20px;
}

/* 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 0 0 155px;
}
/* 
The following three styles help place the login, sitemap, 
and insitec logo all on the one line.

*/
	
#footer_left{
	width: 100px;
	float: left;
	padding: 0px 0px 0px 0px;
}

#footer_right{
	width: 52px;   /* The width of the insitec logo */
	float: right;
}

#footer_middle{
	margin: 7pt 60px 0pt 52px;
	color:white;
	text-align: center; 
}
#footer_middle a{
	color:white;
	text-decoration:none;
}
#footer_middle a:hover{
	text-decoration:underline;
}

/* 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 0 0 5px;
}

/* 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;
}

/*
 * */
#content_left{
	float:left;
	width:197px;
	padding:5px 0 0 33px;
}

#content_right{
	margin-left:233px;
	padding:0 0 0 5px;

}