/*
			RDA specific styles
		
		*/
		#rda_back1, #rda_back1_admin{
			background-image: url("img/rda/header_tile.jpg");
			background-repeat: repeat-x;
			background-position: top left;
		}
		
		#rda_back1_admin{
			background-image: url("img/rda/header_tile_admin.jpg");
			padding-top: 40px;
		}
		
		#rda_search{
			text-align: right;
		}
		
		#rda_search span, #rda_search a{
		color: white;
		}
			
		#rda_search a:hover {
			color: red;
		}
		
		.gem_search_form{
			display: inline;
		}
		
		#rda_search form{
			padding: 0px;
			margin: 0px;
		}
		
		.gem_search_text_field_row input{
			height: 16px;
			margin: 0px;
		}
		
		.gem_search_submit_row input{
			height: 22px;
			margin: 0px; 
		}
		
		/* 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.
		 */
			
		#header_container, #header1, #header2 {
			margin:0; padding:0;			
			height: 100px;
		}	
		
		#header_container{
			min-width: 988px;
		}
		
		#header1 {
			float: right;
		}		
		
		/* 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;
			background-image: url("img/rda/left_tile.jpg");
			background-repeat: repeat-y;
			background-position: top left;
		}
			
		/* 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:170px;
			margin:0; 
			padding:0;
			}
			
		#left_top{
			background-image: url("img/rda/left_top.jpg");
			background-repeat: no-repeat;
			background-position: top left;
			height: 43px;
			width: 169px;
			float: left;
		}
		#right {
			float:right;
			width:220px;
			margin:0; 
			padding: 37px 0px 0px 0px;
			}
			/*     top, right, bottom, left */
		#middle {
			margin: 0 220px 0 170px; 
			}
		
		#rda-content{
			padding-top: 10px;
		}
		
		/* 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, #footer-admin{
			background-image: url('img/rda/footer.jpg');
			background-repeat: no-repeat;
			background-position: top left;
			height: 131px;
			margin:0; padding:0;
		}	
		
		#footer-admin{
			background-image: url('img/rda/footer_admin.jpg');		
		}
		
		#footer_tile1{
			background-image: url('img/rda/footer_tile.jpg');
			background-repeat: repeat-x;
			background-position: top left;
		}
		
		#footer_content{
			padding-top: 30px;
		}
		
		#footer_left{
			width: 100px;
			float: left;
		}
		
		#footer_insitec, #footer_insitec_admin{
			width: 52px;   /* The width of the insitec logo */
			position: relative;
			margin-left: 170px;
		}
		
		#footer_insitec_admin{
			margin-left: 0px;
		}

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