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


#staff_login {
	
}

/* 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/header_banner_large_logo.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_logo.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;
		
	}
	
	/*Bread crumb bar level*/
	#top_right_login{
		margin-top: -17px;
		padding-right: 15px;
		text-align: right;
	}

	

/* 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;
				margin-bottom: 25px;
	}
	
	
	.fp_content {
		max-width: 650px;
		margin: auto;
	}
	
	.fp_menu_container {
	max-width: 590px;
	margin: auto;
	}
	
	.fp_menu {
		width: 185px;
		float: left;
		margin: 0px 5px 50px 5px;
	}
	
	.fp_row1 {
		min-height: 210px
	}
	
	.fp_row2 {
		min-height: 120px
	}
	
	.fp_menu img{
		display: block;
	}
	
	.fp_menu_top {
		width: 185px;
	}
	
	.fp_menu_content {
		width: 185px;
		background-color: #D1D2F1;
		padding-top: 10px;
		
	}
	
	.fp_menu_content ul {
		margin: 0px;
		list-style-type: none;
		padding: 0px 5px 0px 15px;
	}
	
	.fp_menu_content li {
		padding-bottom: 3px;
	}
	
	.fp_menu_content a:link {
		text-decoration: none;
	}
	
	.fp_menu_content a:visited {
		text-decoration: none;
	}
	
	.fp_menu_bottom {
		width: 185px;
		height: 13px;
		background: url('images/fp_menu/menu-bottom.jpg');
	}
	
	.clear_left {
		clear: left;
}
	
	

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