/*  AIFC default CSS
	Created: 24 May 2006
	Author: Gerard Ninnes
*/
body{
	padding: 0px;
	margin: 0px;	
	background-color: #556782; /* Dark blue colour */
}


/* HEADER */
	
	.header_banner{
		width: 100%;
		background-image: url("images/header_banner_tile.jpg");
		background-repeat: repeat-x;
		height: 82px;
		margin: 0px;
		padding: 0px;
		background-color: #FFD56F; /* Bright yellow */
		text-align: right;
	}
	

	
	.header_banner_img{
		width: 100%;
		height: 82px;
		margin: 0px;
		padding: 0px;
		background-image: url("images/aifc_star2_slogan85.jpg");
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	
	.header_title{
		background-color: white;
		height: 116px;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
	}
	
	.header_title a{
		color: white;
		text-decoration: none;
	}
	
	.header_title a:hover{
		color: #FF8A00;
		text-decoration: underline;
	}
	
	.header_title .right_col{
		background-image: url("images/header_right.jpg");
		background-repeat: no-repeat;
		height: 116px;
		width: 119px;
		float: right;
		margin: 0px;
	}
	
	.header_title .left_col{
		background-image: url("images/header_left.jpg");
		background-repeat: no-repeat;
		height: 116px;
		width: 115px;
		float: left;	
		margin: 0px;
	}
	
	.header_title .middle_col{
		margin: 0 119px 0 115px; 
		background-color: white;
		padding: 0px;
		padding-top: 16px;
		background-repeat: no-repeat;
		text-align: right;
		/* position: relative;*/
	}

	.header_title .height_prop{
		line-height: 96px;
		vertical-align: middle;
		display: block;
	}

	.aifc_menu_text{
		color: white;
		font-family: sans-serif;
		font-size: small;
		height: 27px;
		line-height: 27px;
		vertical-align: middle;
		padding-left: 5px;
	}
	.aifc_menu_text_right{
		color: white;
		font-family: sans-serif;
		font-size: small;
		height: 27px;
		line-height: 27px;
		vertical-align: middle;
		padding-right: 5px;
		text-align: right;
	}
	
	/* Grand parent heading */
	.gp_heading{
		font-size: x-large;
		font-family: times, serif, cursive;
		font-style: italic;
		font-weight: bold;
		
	}

	

/* END HEADER */

/* BODY */
	.content_body{
		
		background-color: #F8F7FF;
		background-image: url("images/logo_watermark_sm.jpg");
		background-repeat: no-repeat;
		background-position: bottom right;
		position: relative;
		padding: 0px;
		margin: 0px;
	}
	
	.content_body h2{
		padding-top: 5px;
		margin-top: 0px;
	}
	
	
/* END BODY */

/* FOOTER */

	.locations{
		background-color: #C1BDE0;
		height: 15px;
		line-height: 15px;
		font-size: 11px;
		font-weight: bold;
		width: 100%;
		text-align: center;
		font-family: sans-serif;
	}
	
	.sliver{
		background-color: #B04D69; /* deep burgandy */	
		line-height: 0px;	
		height: 12px;
		font-size: 0px;
	}
	
	.sliver_img{
		background-image:url("images/footer_sliver.jpg"); 
		background-repeat: no-repeat;
		background-position: top left;
		width: 828px;
		height: 12px;
		line-height: 0px;
		font-size: 0px;
	}
	
	.sub_footer{
		height: 129px;
		background-image: url("images/footer_sub_tile.jpg");
		background-repeat: repeat-x;
		padding-top: 20px;
	}
	
	.login_text{
		color: #BDC3CE;
		text-decoration: none;
		display: block;
		height: 15px;
		width: 40px;
	}
	
	/* 
	The following three styles help place the login, sitemap, 
	and insitec logo all on the one line.
	*/
		
	.footer_left{
		width: 100px;
		float: left;
		padding-left: 10px;
	}
	
	.footer_right{
		width: 52px;   /* The width of the insitec logo */
		float: right;
		padding-right: 10px;
		text-align:  center;
	}
	
	.footer_middle{
		margin: 0 100px 0 52px;
		text-align: center; 
		
	}
	
/* HOME page specific CSS */

	.home_box_table{
		width:95%;
	}
	.home_box_table td{
		width: 50%;
		vertical-align: top;
	}
	
	.home_box_left{
		margin-right: 10px;
	}
	
	.home_box_right{
		margin-left: 10px;
	}
	.home_box_orange_left{
		background-color: #FC9A04; /* orange */
		background-image: url("images/home/2left.jpg");
		background-position: top left;
		background-repeat: no-repeat;
		height: 20px;
		padding-left: 25px;
		text-align: left;
		line-height: 20px;
		font-weight: bold;
		color: white;
				z-index: 1;
	}
	.home_box_orange_right{
		background-color: #FC9A04; /* orange */
		background-image: url("images/home/2right.jpg");
		background-position: top right;
		background-repeat: no-repeat;
		padding-left: 20px;
		text-align: left;
		height: 20px;
		line-height: 20px;
		font-weight: bold;
		color: white;
			z-index: 1;
	}
	
	.home_box_content{

				padding: 5px;
	}
	

/* END HOME page specific CSS */
		
/* END FOOTER */
	
/* generic */
	/* 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?
	
	*/		
	
	h1{
		margin: 0px;
		padding: 0px;
	}
	
	a{
		color: #092289;
		text-decoration: underline;
	}
	
	a:hover{
		color: red;
		text-decoration: underline;	
	}
	
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background: transparent;
		}
		
	a img{
		border: none;
	}