* { margin:0; padding:0;}

/*=============== Body & Site Wide ======================*/
body { 
	background:#f2f2f2; 
	font-family:Tahoma; 
	font-size:100%; 
	line-height:1em; 
	color:#5f5f5f; 
	background:url(images/tall_topheader.gif) left top repeat-x; 
}

#site_center { 
text-align:center; 
}

#main { 
width:770px; 
margin:0 auto; 
text-align:left;
}
/* generic unordered list of items with links they appear green with different bullets*/
ul li a { 
padding-left:8px; 
color:#598718; 
font-weight:bold; 
text-decoration:none;
}

h2{ 
color:#2D607D; 
font-size:14px; 
margin:6px 0 4px 0; 
}
h3 { 
font-size:1em; 
margin-bottom:5px;
}
h4 { 
font-size:1em; 
color:#983b11; 
margin:4px 0 2px 0; 
}

.title_block { 
background:url(images/line1.gif) left bottom repeat-x; 
color:#2D607D;
font-size:20px; 
padding: 10px 4px 8px 8px; 
margin-top:2px; 
clear: both;
}

.clear { 
clear:both;
}

img {
border:0; 
vertical-align:top; 
text-align:left;
}

a:hover{text-decoration:none;}
a {color:#52b5d5;}

/*
.txt1 { 
font-size:0.92em;
}
.txt2 { 
color:#b6de13; 
font-size:0.92em;
}
*/
/*=============== Header ======================*/

#header { 
height:125px; 
background-color:#2D607D; 
background:url(images/header_ilb.gif) 10px top no-repeat; 
font-size:0.69em; 
color:#def0f6; 
line-height:1.54em;
}
#header .mission { 
padding:30px 60px 0 370px;
}
#logo { 
margin: 26px 0 4px 20px; 
padding-left: 20px; 
float: left; 
}
/*=============== MainMenu ======================*/

#mainmenuold 
{
	margin: 6px 0 4px 0;
	padding: 0 10px 4px 20px;
	list-style-type: none;
}
#mainmenu
{
margin: -14px 0 0 0;
height:39px;
}

div#nav 
{
	float:left; 
	position: relative; 
	z-index:10; 
	width: 100%; 
	background-color:transparent;
	font-weight:bold;
	height:39px;
	font: bold 96% arial;	
}

div#nav ul 
{
	margin: 0; padding: 0;
	padding-left: 80px;
}

div#nav li 
{
	position: relative; 
	float: left; 
	list-style: none;
/*display: inline;
width: auto;*/ 
	margin: 0;
	background: transparent;;
	height:39px;
	border-right:1px solid white;
}

div#nav li.last 
{
	border-right:none;
}

* html div#nav li {width:30px;}

div#nav li a 
{
	display: block; 
	text-decoration: none;
	color:#fff;
	padding: 11px 14px 11px 14px;
/*margin-top: 11px; */
	height: 15px; 
}

* html div#nav li a {white-space: nowrap;}

/* div#nav li.last a {padding-right: 16px;} */
	
div#nav li a:hover, div#nav li a.sfhover
{
	display: block; 
/*	background: #6f0135 ; */
	background: #6bcde6 ;
	color:#fff ; 
/*	padding: 0px 14px 2px 14px;
margin-top: 11px; */
/*	height: 39px; */
}

div#nav li li a, div#nav li li.last a  
{
	width: 17em; 
	height: auto;
/*	border-right: 1px solid #8E9BBB; */
	color:#6f0135;
	border-bottom: none;
	padding: 8px 20px 8px 14px;
	font-size:80%;
	background: #fff url("images/ra_lb.gif") no-repeat  center right;
}

* html div#nav li li a {white-space: normal;}

/* div#nav li.last li.last a
{
	padding-right: 16px;
} */
/*div#nav li a:focus, div#nav li a:focus {*/
/* ADD color for accesibilty */
/*} */

div#nav li li
{
	background: #fff;
	height: auto ;
}

div#nav li li a:hover, div#nav li li a.sfhover
{
	color:#fff ; 
	height: auto;
/*	background: #6f0135 url("images/ra_lb.gif") no-repeat  center right;*/
	color: #2C617D;
	background: #ffffff url(images/menu_bkg.gif) left repeat-x; 
}

div#nav li li a:focus, div#nav li li a:focus {/* ADD color for accesibilty */} 

/*div#nav li:hover li a {background: white;}*/ /* ADD, for unhover submenu items */

div#nav ul ul 
{
	position: absolute; 
	left: -9999%; 
/*	border-left: 1px solid #8E9BBB; 
	border-bottom: 1px solid #8E9BBB;  */
	border-left: none; 
	border-bottom: none; 
/*	background: #fff url("images/menu_rhs.gif") right repeat-y; */
	
}
/* positions submenus well off screen (hides them until the main menu item is hovered)*/

div#nav li:hover ul ul, div#nav li.sfhover ul ul {left: -9999%;}
/* prevents level 3 showing when level 1 hovered */

div#nav li:hover ul, div#nav li.sfhover ul, div#nav li li:hover ul, div#nav li li.sfhover ul {left: 0;}

div#nav li li:hover ul, div#nav li li.sfhover ul {margin-left: 100%; top: 0px;}









.MenuBarHorizontal ul
{
	position:relative;
	text-align: center;
	display: block;
	cursor: pointer;
	list-style-type: none;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	float: left;	
}

ul.MenuBarHorizontal
{
	list-style-type: none;
	display: block;
}

/*Top level list items*/
.MenuBarHorizontal ul li{
position: relative;
display: inline;
float: left;
list-style-type: none;
}	
	
ul.MenuBarHorizontal a
{
	padding: 4px 20px;
	line-height: 24px;
	color: #FFFFFF;
	float: left;	
	list-style-type: none;
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	color: #2C617D;
	background: #ffffff url(images/menu_bkg.gif) left repeat-x; 
	list-style-type: none;
}



/*
/*============ Content Layouts =================*/

/* --- HOME TEMPLATE --- */

#content { 
font-size:0.75em;
padding:0px 0 0 8px;
}
/* col 1 is content */
#content .col_1 { 
width:480px; 

}
#content .col_1 p { 
margin: 4px 2px 0 0; 
}
/* col 2 is news and banner */
#content .col_2 { 
clear:both;
float:right; 
margin: -320px 0 0 0; 
width:240px; 
}

/* --- GENERAL1 TEMPLATE --- */
/* lhsnav, green testimonial, content on rhs */

#content1 { 
font-size:0.75em;
padding:0px 0 0 8px;
}

#content1 ul { 

padding:0px 0 0 14px;
list-style-image:url(images/marker1.gif);
line-height:1.50em;
}
/*
#content1 .container .column1 { width:230px;}
#content1 .container .column1 ul { width:187px;}
#content1 .container .column2 { float: right; margin-top:-174px; width:188px;}
#content1 .container .col1 { width:25%; float:left;}
#content1 .container .col2 { float: right; width:25%; margin: -110px 210px 0 0;}

/* --- SITEMAP TEMPLATE --- */
/* orange testimonial, lhs banner, content on rhs as links */

#content2 { 
margin:44px 0px 2px 8px;
font-size:0.75em;
padding:0px 0 0 8px;

}
/* col 1 is at a glance */
#content2 .col_1 { 
width:350px; 
float:left;
}
#content2 .col_1 p { 
margin: 4px 2px 0 0; 
}
/* col 2 is news and banner */
#content2 .col_2 {
float:right; 
width:398px;
}

#content2 .col_2 .green .block {
background:url(images/block_green.gif) left top repeat-x #fff; 
width:384px;
margin: 8px 0 2px 0;
}

#content2 .img_indent { 
margin:2px 8px 0 -15px; 
float:left;
}

#content2 ul { 

padding:0px 0 0 14px;
list-style-image:url(images/marker1.gif);
line-height:1.50em;
}

/* --- GENERAL TEMPLATES --- */
/*
#content2 .container .column1 { width:230px;}
#content2 .container .column1 ul { width:187px;}
#content2 .container .column2 { float: right; margin-top:-174px; width:188px;}
#content2 .container .col1 { width:25%; float:left;}
#content2 .container .col2 { float: right; width:25%; margin: -110px 210px 0 0;}

/*********************** Left Hand Side Column ************************************/

#lhscolumn {
	margin: 4px 0 4px 0;
	float: left;
	padding: 2px 0 0 4px;
	}
	
	/*=============== SubMenu (LHS Nav) ======================*/

#lhscolumn #lhsnav {
	float:left;
	margin: 0 0 0px 6px;
	width: 224px;
	}
	
#lhscolumn #lhsnav ul li a { 
	padding-left:12px; 
	color:#2D607D; 
	font-weight:bold; 
	text-decoration:none;
	font-size:14px;
	line-height:20px;
	
} 

.testimonial{
/*	margin-top:62px; */
	margin-top:0px;
	float: left; 
	width:220px; 
	clear:both;
/*	padding: 2px 4px 2px 2px;*/
	padding: 20px 4px 2px 2px;
 }
 
.testimonial p{ 
	margin-top:4px; 
	padding: 4px; 
}

.testimonial h4{ 
	color:#2D607D; 
	font-weight:bold; 
	margin-top:0px; 
	padding: 20px; 
}
/*********************** RHS Hand Side Column ************************************/

#rhscolumn {
	margin: 4px 0 4px 0;
	float: right;
	width:520px;
	padding: 2px 0 0 4px;
	background: #ffffff;
	}
	
/*================ Blocks =======================*/

/* --- No Colour Layouts --- */

.block1 p{ 
margin: 12px 0 0 0;
padding: 12px;
}
.block1 { 
/*margin: 0px 0 2px 0;*/
margin: 0px 0 0px 0;
padding-top: 26px;

}
.block1 .r { background:url(images/r1.gif) right top repeat-y;}
.block1 .t { background:url(images/t.gif) left top repeat-x;}
.block1 .b { background:url(images/b1.gif) left bottom repeat-x;}
.block1 .l { background:url(images/l1.gif) left top repeat-y;}
.block1 .l_t { background:url(images/l_t.gif) no-repeat left top;}
.block1 .r_t { background:url(images/r_t.gif) no-repeat right top;}
.block1 .r_b { background:url(images/r_b_1.gif) no-repeat right bottom;}
.block1 .l_b { background:url(images/l_b_1.gif) no-repeat left bottom;}
.block1 .ind { 
padding:2px 20px 0px 20px;}
.block1 .ind h1 { 




font-size: 14px;}

.block1 img { padding:2px 2px 15px 16px;}
.block1 td { 
font-size:0.75em;
}
/*.block1 h4 { 
font-size:0.80em;
}*/

/* --- Coloured Layouts --- */

.block .r { background:url(images/r1.gif) right top repeat-y;}
.block .b { background:url(images/b1.gif) left bottom repeat-x;}
.block .l { background:url(images/l1.gif) left top repeat-y;}

.block .r_b { background:url(images/r_b_1.gif) no-repeat right bottom;}
.block .l_b { background:url(images/l_b_1.gif) no-repeat left bottom;}
.block .ind { padding:8px 22px 15px 24px;}

.orange .block .l_t { background:url(images/l_t_1_orange.gif) no-repeat left top;}
.orange .block .r_t { background:url(images/r_t_1_orange.gif) no-repeat right top;}
.orange .block { 
background:url(images/block_orange.gif) left top repeat-x #fff; 
width:230px;margin: 0px 0 2px 0;
}
.green .block .l_t { background:url(images/l_t_1.gif) no-repeat left top;}
.green .block .r_t { background:url(images/r_t_1.gif) no-repeat right top;}
.green .block {
background:url(images/block_green.gif) left top repeat-x #fff; 
width:230px;margin: 0px 0 2px 0;
}
.blue .block .l_t { background:url(images/l_t_1_blue.gif) no-repeat left top;}
.blue .block .r_t { background:url(images/r_t_1_blue.gif) no-repeat right top;}
.blue .block { 
background:url(images/block_blue.gif) left top repeat-x #fff; 
width:230px; margin: 0px 0 2px 0;}

.img_indent { margin:0 13px 0 0; float:left;}
.block img { padding:2px 2px 4px 10px;}
.banner {
background:url(images/1_bann1ilbA.gif) no-repeat left top; 
width: 236px;
}
.banner .indent {
padding:40px 120px 2px 14px; 
margin-top: 2px; 
height: 88px;
color:#FFFFFF;
font-size:14px;
}



/*=============== Footer ======================*/

#footer { 
clear:both;
height:77px;
padding:2px 14px 0 14px; 
font-size:0.69em;
width:100%;
}
#footer .indent {
background:url(images/footer_bgd.gif) left top repeat-x; 
padding:12px 0 0 12px; 
color:#a3a3a3;
}
#footer .indent a { color:#983b11;}
#footer .indent p { color:#747474;}
#footer .indent p a {color:#747474; text-decoration:none;}
#footer .indent p a:hover { text-decoration:underline;}


/*=========================*/

/*in_line*/

/*

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.tall_top { background:url(file:///C|/Documents%20and%20Settings/angela/Desktop/ILBSite/images/tall_top.gif) left top repeat-x;}
.tall_bottom { background:url(file:///C|/Documents%20and%20Settings/angela/Desktop/ILBSite/images/tall_bottom.gif) left bottom repeat-x;}

ul { list-style:none;}
ul li { background:url(file:///C|/Documents%20and%20Settings/angela/Desktop/ILBSite/images/line2.gif) left bottom repeat-x; color:#5f5f5f; line-height:2.27em;}
ul li a { 
padding-left:12px; 
color:#ffffff; 
font-weight:bold; 
text-decoration:none;

}




/*txt, links*/

/*

.link1 { color:#983b11;}
.link2 { color:#598718;}

.line_hor { background:url(file:///C|/Documents%20and%20Settings/angela/Desktop/ILBSite/images/line1.gif) left bottom repeat-x;}//*/