/*

	styles 

	- layout

		- default page

		- streams page (generic)

		- business units page

	- general

	- text

	- forms
	
		- Search

	- lists

	- links

*/


/* --- layout --- */

body
{
  /* background: #fff url(../gfx/16_col.gif) repeat-y center;  for layout */
	font: 62.5%/1.4 arial,verdana,helvetica,sans-serif;	
	color: #333;
}

html
{
	overflow-y: scroll;
}

/* --- default page --- */

#head
{
  width: 100%;
  background: #fff url(../gfx/bg_header.gif) top no-repeat;
}

#logo_kcf_print,
.forprint
{
  display: none;
}

#left
{
  width: 240px;
  margin-left: 10px;
  text-align: right;  
}

#logo
{
  width: 240px;
  height: 100px;
}

#left h1
{
  display: block;
  float: right;
  display: inline;
  margin: 4px 14px;
  font-size: 1.2em;
  font-weight: normal;
  color: #7397b1;
}

#centre,
#search
{
  padding-top: 10px
}

#centre,
.centre_02,
#banner
{
  width: 460px;
  background: #fff;  
}

#centre
{
  margin-right: 10px;
}

#links ul
{
  width: 140px;
  float: left;
  display: inline;
}

#links li
{
  float: left;
  clear: left;
  display: inline;
  margin: 0px;
  padding-left: 10px;
  white-space: nowrap;
}


#banner,
#banner_short
{
  margin-top: 10px;
  overflow: hidden;
}

#banner
{
  height: 175px;
}

#banner_short
{
  height: 80px;
}

#banner img
{
  width: 460px;
  height: 175px;
}

#search_panel
{
	padding: 3px 0;
}

#search_panel input,
#search_panel p
{
	margin: 0 4px;	
}

#SearchTerm
{
	width: 162px;
	display: inline-block;	
}


.button_stream
{
  margin-top: 8px;
  padding: 6px 0;
}

#menu .passive
{
  background: url(../gfx/bg_button_stream_passive.gif) right top;
}

#menu .current
{
  background: url(../gfx/bg_button_stream_current.gif) right top;
}

.wide
{
  width: 170px
}

.button_stream h2
{
  font-size: 1em;
  margin: 0 10px;
  line-height: 1.2em; 
}

#panel_contact
{
	margin-bottom: 8px;	
}

/* ---- */


#breadcrumbs ul
{
	width: 900px;
	margin: 1em 0;
}

#breadcrumbs ul li
{
	color: #333;
	display: inline;
	vertical-align: middle;
	margin-right: 6px;	
}

#breadcrumbs ul li img
{
	display: inline;
	height: 6px;
	width: 6px;
	margin-left: 6px;		
}

/* ---- */

#page_body
{
  padding-bottom: 2em;
}

.cover
{
  background: #fff url(../gfx/fill_cover.gif) repeat-x;
}

.inside
{
  background: #fff url(../gfx/fill_inside.gif) repeat-x;
}

.inside .content
{
	background: #fff url(../gfx/corner.gif) top right no-repeat;
}

.inset_img
{
	Height: 110px;
	width: 160px;
	float: left;
	display: inline;		
}

.inset_link
{
	width: 160px;
	float: left;
	display: inline;
	position: relative;
}

div.streamMenu
{
	position: absolute;
	bottom: 0px;
	right: 0px;	
}

p.menulink
{
  margin: 0;
  width: 7em;
  color: #fff;
  position: absolute;
  background: transparent;
  text-align: right;  
  right: 6px;
  bottom: 3px;
  cursor: pointer;  
}

p.menulink img
{
	Height: 13px;
	width: 13px;
	display: inline;
	margin-left: 6px;
	vertical-align: middle;
}

/* ---- */

div.streamMenu ul
{
	display: none;
	width: 200px;
	position: absolute;
	top: 0px;
	background: #fff;
	border: 1px solid #aaa;
	padding: 5px;
		
}

div.streamMenu ul li
{
	padding: 3px 5px;				
}

div.streamMenu ul li.alternate
{
	background: #eee;				
}

div.streamMenu ul.panel_1
{
	left: -40px;
}

div.streamMenu ul.panel_2
{
	left: -40px;
}

div.streamMenu ul.panel_3
{
	left: -40px;
}

div.streamMenu ul.panel_4
{
	left: -190px;
}

div.streamMenu.hovering ul
{
	display: block;
	z-index: 500;
}

/* ---- */

#panelBusinessUnits
{	
	padding: 8px 0;	
}
#panelBusinessUnits h2
{	
	margin-top: 0;
}

#businessUnitsInset_01
{
	border-top: 1px solid #ccc;
	background-color: #fff;
}

#businessUnitsInset_02
{
	background: #fff url(../gfx/divider.gif) repeat-y;
	margin: 10px 0;
}

#businessUnitsInset_02 li
{
	width: 160px;	
}

#businessUnitsInset_02 li img
{
	width: 155px;
	height: 100px;
	margin: 0px auto;
}

/* ---- */

#panel_contact
{
	background: #eee url(../gfx/texture_signup_short.gif);
	padding: 10px 0;
	margin-top: 10px;
}

#panel_contact h2
{
	margin: 0 10px;
}

/* ---- */

/* --- business units page --- */

#tabs_1
{
	background: #ccc url(../gfx/bg_grid_units_l.gif);
}

#tabs_2
{
	background: #ccc url(../gfx/bg_grid_units.gif);
}

#tabs_1 .current
{
	background: transparent url(../gfx/tabs_current.gif);	
}

#tabs_1 .passive
{
	background: transparent url(../gfx/tabs_passive.gif);	
}

#tabs_1 img
{
	margin: 10px 20px;
	width: 155px;
	height: 100px;	
}

#tabs_2
{
	margin-bottom: 1em;
}

#tabs_2 div.sub_current
{
	background: transparent url(../gfx/tabs_sub_current.gif) center top;
}

#tabs_2 div.sub_passive
{
	background: transparent url(../gfx/tabs_sub_passive.gif) center top;
}

#tabs_2 div h2
{
	font-size: 1em;
	font-weight: normal;
	margin: 0 20px;
}

#tabs_2 div
{
	padding: 0.6em 0;
}

/* ---- */

#foot
{
  margin-bottom: 8px;
}

#foot .content
{
	background: #fff url(../gfx/bg_footer.gif) top center;
	padding: 8px 0 1em 0;
}

#foot h2
{
  color: #7397b1;
  margin: 0;
}

#logo_xhtml,
#logo_css,
#logo_wgac	
{
	height: 26px;
	width: 73px;
	margin: 10px 0 0 14px;		
	display: inline;
	vertical-align: middle;
}

#tail
{

}

.copyright
{
	color: #aaa;
}

/* --- streams page (generic) --- */

#panel_full
{
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding-bottom: 1em;
}

.panel_head
{
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 0.2em 0;
	margin-bottom: 1em;
}

.panel_head h1,
.panel_head h2
{
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;			
}


#img_page
{
	height: 140px;
	margin-bottom: 10px;
}

.panel
{
  padding-top: 1em;
  padding-bottom: 1.2em;
  margin-bottom: 0.8em;
}

.panel h3,
.panel p,
.panel div.link,
.panel ul
{
	margin-top: 0;
	margin-left: 14px;
	margin-right: 20px;
	width: 185px;
	overflow: hidden;
}

.grey
{
	background: url(../gfx/bg_panel_grey.gif) bottom right no-repeat;
}

.outline
{
	background: url(../gfx/bg_panel_outline.gif) bottom right no-repeat;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
  width: 218px;		
}

.logo_holding
{
	width: 220px;
	margin-top: 1em;
	margin-bottom: 2em
}

.bg_logo_5,
.bg_logo_6,
.bg_logo_17

{
	float: left;	
}

.bg_logo_5
{
	width: 137px;
	height: 38px;
	margin-right: 60px;	
}

.bg_logo_6
{
	width: 56px;
	height: 78px;
	margin: 10px;		
}

.bg_logo_17
{
	width: 56px;
	height: 57px;
	margin: 10px;			
}

.bg_logo_18
{
	width: 135px;
	height: 26px;
	margin-right: 60px;		
}

/* --- listing --- */

#services_holding,
div.alternate,
div.straight
{
	float: left;
	width: 440px;	
}

#services_holding div
{
	display: inline;
}

div.straight
{
	background: #e8e7dd url(../gfx/bg_service_list_01.gif) center repeat-y;
}

div.alternate
{
	background: #e8e7dd url(../gfx/bg_service_list_02.gif) center repeat-y;
}

#services_holding .col_left,
#services_holding .col_right
{
	float: left;
	width: 210px;	
	display: inline;
	padding: 4px 0;
}

#services_holding .col_left
{
	margin-right: 20px;
}

#services_holding a
{
	display: block;
	margin: 0 6px;
}

#page .link ul,
.link ul
{
  margin: 1em 0;
}

#page .link ul li,
.link ul li
{
  padding: 0 0 0 20px;
  width: 180px;
}

#page .link ul li
{
	background: url(../gfx/link.gif) no-repeat;
}

.panel .link ul li
{
	background: url(../gfx/link_grey.gif) no-repeat;
}

/* --- business units page --- */

/* --- general --- */

img
{
	border: none;
	display: block;
}

.line_l
{
	background: url(../gfx/dot.gif) repeat-y;
}

.topline
{
	border-top: 1px solid #ccc;
	padding-top: 8px;
  margin-top: 6px;
}

.topspace
{
  margin-top: 0;
} 

.right
{
  text-align: right;
}

/* --- text --- */

.content
{
	font-size: 1.1em;
}

h1
{
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 0.6em;	
	margin-bottom: 0.6em;
	color: #595936;
}

h2
{
	font-weight: normal;
	font-size: 1.2em;
	margin-top: 1em;	
	margin-bottom: 0.7em;
	color: #333;
}

#panelBusinessUnits h2
{
	margin-bottom: 0.2em;
}

#page h2
{
	color: #124468;
}

h3
{
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 0.6em;	
	margin-bottom: 0.6em;
}

#panelLeft h3,
#colRight h3
{
	color: #ea7a45;
}

#page h2
{
	font-weight: bold; 
}

p, li
{
	margin-top: 0px;
	margin-bottom: 0.6em;
}

p, input, textarea, select
{
	font-size: 1em;
}

input,
textarea
{
	font-family: arial,verdana,helvetica,sans-serif;
	line-height: 1.5em;	
}

strong
{
  font-weight: bold;
  color: #333;
}

.smalltext
{
	font-size: 0.9em;
}

#call
{
  height: 53px;
  width: 220px;
  margin-bottom: 1em;
}

/* --- pullquotes --- */

.pullquote
{
	width: 36%;
	color: #939393;
	float: right;
	font-size: 1.4em;
	line-height: 1.2em;
	font-family: Georgia, Serif;
	font-weight: bold;
	margin: 10px 20px 12px 16px;
	background: url(../gfx/closequote.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding: 0px 20px 2px 4px;
}

.pullquote:first-letter
{
	background: url(../gfx/openquote.gif) no-repeat left top !important;
	padding: 5px 2px 6px 24px !important;
	padding /**/: 0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

/* --- forms --- */

.row
{
	float: left;
	clear: left;
	margin-bottom: 0.5em;
	display: inline;
}

span.label
{
	float: left;
	text-align: right;
}

span.entry
{
	float: right;
	text-align: left;
}

.row span
{
	vertical-align: top;
}

textarea
{
	overflow: auto;	
}

/* --- widths - page --- */

.formcontact
{
	float: left;
	clear: left;
	display: inline;
	width: 430px;
	padding: 1em 0;
	margin: 0.6em 0;
	background: #eee url(../gfx/texture_signup.gif);
}

#page .row
{
	width: 430px;
}


#page .label
{
	width: 130px;
}


#page .entry

{
	width: 290px;
}

#page input.large,
#page textarea.large,
#page select.large
{
	width: 270px;
}

#page input.medium,
#page select.medium
{
	width: 190px;
}

#page input.small
{
	width: 120px;
}

#page .short
{
	height: 80px;
}

#page .tall
{
	height: 140px;
}

.formcontact .button
{
	margin-top: 1em;
}

/* --- widths - panel_contact --- */

#panel_contact .row
{
	width: 200px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	display: inline;		
}

#panel_contact .label
{
	width: 40px;
}

#panel_contact .entry
{
	width: 150px;
}

#panel_contact .entry input,
#panel_contact .entry textarea
{
	width: 130px;
}

.message
{
	margin-top: 0.2em;
	background: #fff;
	padding-top: 12px;
	padding-bottom: 4px;	
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	position: relative;
}

#panel_contact .short
{
	height: 46px;
}

input.close
{
	height: 9px;
	width: 9px;
	position: absolute;
	top: 4px;
	right: 4px;
}

.message p
{
  margin-left: 10px;
  margin-right: 10px;
	margin-bottom: 0.2em;
}

/* ---- */

/* --- search --- */

#search_form,
#search_holding,
#search_head
{
	width: 440px;
	float: left;
}

#search_head
{
	padding: 0.6em 0;
	background: url(../gfx/texture_signup.gif);	
	margin-bottom: 1em;
}

#search_head h2,
#search_head p,
#search_head .row
{
	margin: 0 8px;
}

#search_head h2
{
	margin-bottom: 0.4em;
}

#search_head input,
#search_head select
{
	margin-right: 10px;
	display: inline;
}

#page #search_head .row
{
	width: 424px;
	margin-bottom: 0.6em;
}

.searchInputTerm,
.searchSelectArea
{
	width: 210px;
}

.searchSelectType
{
	width: 94px;
}

.topline
{
	border-top: 1px solid #999;
}

table.resultsTable
{
	width: 440px;
	margin-bottom: 2em;
}

table.resultsTable td
{
	padding: 0.6em 0;
}

table.resultsTable td h3
{
	display: inline;
}

table.resultsTable td span
{
	color: #999;
	margin-left: 8px;
}

tr.pager td
{
	padding: 2px 6px;
	background: url(../gfx/texture_signup.gif);	
}

tr.pager a
{
	font-weight: bold;
}

/* --- lists --- */

#page ul li,
#panelLeft ul li
{
	padding-left: 14px;
}

#page ul li
{
	background: url(../gfx/bullet.gif) 0px 0.5em no-repeat;
}

#panelLeft ul li
{
	background: url(../gfx/bullet_dark.gif) 0px 0.6em no-repeat;
}

/* --- buttons --- */

	.button
	{
		border: none; 
		height: 21px;
		overflow: hidden;  
		text-indent: -10000px;  
		font-size: 0px;  
		line-height: 0px;
		cursor: pointer;
		display: block;
	}
	
	.go
	{
		width: 29px;
		background: url(../gfx/button_go.gif) no-repeat 0 0;
		display: inline;		
	}
	
	.send
	{
		width: 60px;
		background: url(../gfx/button_send.gif) no-repeat 0 0;		
	}
	
	.submit
	{
		width: 69px;
		background: url(../gfx/button_submit.gif) no-repeat 0 0;		
	}
	
	.search
	{
		width: 69px;
		background: url(../gfx/button_search.gif) no-repeat 0 0;			
	}		
	
	.button:hover
	{  
    background-position: 0 -21px;  
	}
	
/* --- sitemap --- */	


#sitemap ul
{
	margin-left: 16px;
	margin-top: 0.6em;	
}

ul#sitemap li
{
	list-style-type: none;
	background: #fff;
}

ul#sitemap li
{
	font-weight: bold;
	color: #333;
}

ul#sitemap li ul
{
	background: url(../gfx/line_vert.gif) no-repeat 0px 0px;	
}

ul#sitemap ul ul
{
	background: #fff;	
}

ul#sitemap li li
{
	font-weight: normal;
	background: url(../gfx/line_vert.gif) no-repeat 0px 20px;	
}	

/* --- links --- */

	a
	{
    text-decoration: none;
	}

	a:link, a:visited
	{
    color: #333;
    background-color: transparent;
	}

	a:hover
	{
    color: #666;
    background-color: transparent;
    text-decoration: underline;    
	}
	
	.button_stream a:link,
	.button_stream a:visited
	{
    color: #333;
    background-color: transparent;
    text-decoration: none;    
	}

	.button_stream a:hover
	{
    color: #666;
    background-color: transparent;
    text-decoration: underline;    
	}
	
	.sub_passive a:link,
	.sub_passive a:visited
	{
    color: #666;
    background-color: transparent;
    text-decoration: none;    
	}

	.sub_passive a:hover
	{
    color: #999;
    background-color: transparent;
    text-decoration: underline;    
	}
	
	.passive a:link,
	.passive a:visited
	{
    color: #666;
    background-color: transparent;
    text-decoration: none;    
	}
	.passive a:hover
	{
    color: #333;
    background-color: transparent;
    text-decoration: underline;    
	}	
	
	.copyright a:link,
	.copyright a:visited
	{
    color: #7D7D7D;
    background-color: transparent;
    text-decoration: none;    
	}

	.copyright a:hover
	{
    color: #b5b5b5;
    background-color: transparent;
    text-decoration: underline;    
	}
	
	
	
	
	
	
	
	/* --- force link underline --- */
	
	#search_panel a,	
	.copyright a:link,
	a.underline	
	{
	  text-decoration: underline;
	}