/******************************************************************
 *	Defines the style for all pages - Begin
 */
body {
	width: 1000px;
	margin: auto;
	text-align: center;
	background-color: #fff;
  /* background-color: #818181; */
  /* background-color: #D4D0C8; */
}
#itcpagecontainer {
  width: 1000px;
  /* border: 1px solid #D4D0C8; */
  /* border: 1px solid #818181;  */
  border: 1px solid #fff;  
  background-color: #fff;
}
#itcpagebackground {
  width: 100%;
  background-color: #fff;
}
/* 
 * Defines the style for all pages - End
 ******************************************************************/
 

/******************************************************************
	Defines the style for the left navigation bar on the home page
*/
		#homeleftnav {
			font-size: 11px; 
			margin: 30px 25px 0px 25px;
			/* WAS: margin: 30px 25px 0px 30px;*/
			vertical-align: middle; 
			width: 140px; 
			font-family: arial;
		}
		#homeleftnav ul {
			padding: 0px; 
			margin: 0px; 
		}
/*
	Defines the line height of each first leval page link, inserts a line at the bottom to separate each		
*/
		#homeleftnav ul li {
			margin: 0px 1px 0px 0px;
			padding: 0px; 
			line-height: 30px; 
			border-bottom: 1px solid #808080; 
			list-style: none; 
			text-align: left;
		}
/*
	When a LI uses this class, the link inside the LI tag will not display a grey line underneath itself		
*/
		#homeleftnav ul li.last {
			border-bottom: none;
		}

/****************************************************************** 
	Defines for the style for ITC phone number and copyright text
	on the Home page. 
*/
		#phonenumber {
			margin-left: 10px; 
			line-height: 11px;
		}
		.itcnumber {
		 	font-weight: bold; 
			letter-spacing: 0px
		}
		.itccopy {
			line-height: 11px;
		}

/****************************************************************** 
	Defines the layer which contains the Left Navigation Bar on each page excluding the Home page. 
    The background property specifies the copyright image displayed after the menu.
*/
		#navigation {
	font-family: arial;
	font-size: 11px;
	color: #000;
	width: 140px;
	height: 464px;
	margin: 20px 25px 0px 25px;
	padding: 0px 0px 25px 0px;
	border-top: 1px solid #808080;
	vertical-align: middle;
			}
		#navigation ul {
	margin: 0;
	padding: 0;
			}
/*
	Defines the line height of each first level page link, inserts a line at the bottom to separate each		
*/
		#navigation ul li {
			margin: 0;
			padding: 0;
			line-height: 30px;
			list-style: none;
			font-weight: normal;
			text-align: left;
			vertical-align: middle; /*corrected from center to middle by gustavo on April 8, 2008 only Fyi*/ 
			margin-right: 1px;
			border-bottom: 1px solid #808080;
			background: none;
					}
/*
	Defines the line height of each second and third level page link by modifying the first leval definitions above, 
	inserts a line at the bottom to separate each as the first level does		
*/
		#navigation ul li.current {
	line-height: 18px;
	padding: 5px 0px;
	display: block;
	float: none;
	width: 140px;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
		}
/*
	When a LI uses this class, the link inside the LI tag will not display a grey line underneath itself		
*/
		#navigation ul li.last {
			border-bottom: none;
		}
/*
	When a LI uses this class, the link inside the LI tag will not display a grey line underneath itself.
	This intended for the second and third level links.
	Currently, it is unused. 	
*/
		#navigation ul li.levallast {
			line-height: 18px;
			padding: 5px 0px 5px 0px;
			border-bottom: none;
		}
/*
	Formatting for the first level page links. Default grey arrow image defined on the left of the link text		
*/		
		a.pagenav:link, a.pagenav:visited, a.pagenav:active {
			padding: 9px 0px 9px 20px;
			margin: 0px;
			text-decoration: none;
			font-family: arial;
			font-size: 11px;
			font-weight: bold;
			color: #000;
			vertical-align: middle;
			width: 140px;
			background: url(/pls/portal/docs/PAGE/ITC_ASSETS/Navigation_Bar/grey_arrow.jpg) center left no-repeat;
		}
/*
	When the mouse hovers over the link, the grey arrow image will become this red arrow image		
*/		
		a.pagenav:hover {
			background: url(/pls/portal/docs/PAGE/ITC_ASSETS/Navigation_Bar/red_arrow.jpg) center left no-repeat;
		}
/*
	Changes the arrow of the current page to red, indicating the current page
*/	
		a.active:link, a.active:visited, a.active:active, a.active:hover {
			padding: 9px 0px 9px 20px;
			margin: 0px;
			text-decoration: none;
			font-family: arial;
			font-size: 11px;
			font-weight: bold;
			color: #000;
			vertical-align: middle;
			width: 140px;
			background: url(/pls/portal/docs/PAGE/ITC_ASSETS/Navigation_Bar/red_arrow.jpg) center left no-repeat;
		}
/*
	Default secondary link formatting 
*/	
		a.secondpage:link, a.secondpage:visited, a.secondpage:active, a.secondpage:hover {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	text-decoration: none;
	font-family: arial;
	font-size: 9px;
	font-weight: normal;
	color: #000;
	vertical-align: middle;
	width: 140px;
	display: block;
	}
/*
	Default current page secondary link formatting 
*/	
		a.secondpageactive:link, a.secondpageactive:visited, a.secondpageactive:active, a.secondpageactive:hover {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	text-decoration: none;
	font-family: arial;
	font-size: 9px;
	font-weight: normal;
	color: #FF0000;
	vertical-align: middle;
	width: 140px;
	display: block;
	}
/*
	Default third level page link formatting 
*/	
		a.thirdpage:link, a.thirdpage:visited, a.thirdpage:active, a.thirdpage:hover {
	padding: 0px 0px 0px 35px;
	margin: 0px;
	text-decoration: none;
	font-family: arial;
	font-size: 9px;
	font-weight: normal;
	color: #000;
	vertical-align: middle;
	width: 140px;
	display: block;
	clear: none;
	left: 35px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: none;
	}
/*
	Default current page third level link formatting 
	Currently, it is unused.
*/	
		a.thirdpageactive:link, a.thirdpageactive:visited, a.thirdpageactive:active, a.thirdpageactive:hover {
	padding: 0px 0px 0px 35px;
	margin: 0px;
	text-decoration: none;
	font-family: arial;
	font-size: 9px;
	font-weight: normal;
	color: #FF0000;
	vertical-align: middle;
	width: 140px;
	}
/*
	Sets gradient for leftNavigation Bar on Red-Text- Wide Img Description Templates only
	Currently, applied Under Business Focus, Taking Our Own Medicine Section
*/
		.leftnavbargradient {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 11px;
	background: url(/pls/portal/docs/PAGE/ITC_ASSETS/WEB_IMAGES/INTRANET/PERSONAL_PAGES/takeom_gradient.jpg) top left repeat-x;
	}

/***************************************************************
	Sets the background of the left region of all secondary pages. 
	Currently, it is a gradient.
*/	
	.Bodyid15728siteid0 {
		    background: url(/pls/portal/docs/PAGE/ITC_ASSETS/Navigation_Bar/left_gradient.jpg) top left repeat-x;				
		}

/********************************************************************
	Defines the layer that the Banner and links are contained within.
*/	
        #bannerlink {
		    float: right;
			text-align: right;
			width: 700px;
			height: 20px;
			margin: 4px 0px 0px 0px;
        }
/*
	Within the Banner layer, formats the image padding
*/	
		#bannerlink img {
			padding: 3px 0px 0px 0px;
		}	
		
/*
	Within the Banner layer, formats the links
*/			
		a.bannerlink:link, a.bannerlink:visited, a.bannerlink:hover, a.bannerlink:active {
			text-decoration: none;
			padding-left: 9px;
			font-family: arial;
			font-size: 10px;
			color: #000;
			line-height: 20px;
			vertical-align: middle;
		}

/***************************************************************
	Sets the Blog style on the homepage.
*/	
	.blogcontainer{
		width: 190px;
		height: 220px;
		margin: 0;
		padding: 0;
		font-size: 8pt;
		font-family: Arial, sans-serif;
		color: #ffffff;
		background: url(http://www.itconvergence.com/pls/portal/docs/PAGE/ITC_ASSETS/WEB_IMAGES/WEBLOG_IMAGES/BCKBLOG.JPG) top left no-repeat;
	}
	.blogcontent{
		float: left;
		width: 160px;
		margin-left: 10px;
	}
	.blogcontent ul{
		margin: 50px 0 0 18px;
		padding: 0;
		list-style: square;
	}
	.blogcontent li{
		margin: 0 0 10px 0;
	}
	a.bloglink:link, a.bloglink:visited, a.bloglink:hover, a.bloglink:active{
	   	text-decoration: none;
		color: #ffffff;
	}
		
/********************************************************************
	Page link formatting.
*/
/* Display Name Link link fix for ITC Red Style */
.titleorimageid12965siteid0 {
	color: #FF0000;
	text-decoration: underline;
}
/* Display Name Link link fix for ITC Black Small Style */
.titleorimageid16279siteid0 {
	color: #000;
	text-decoration: underline;
}
/* Display Name Link link fix for ITC Search Result Style */
.titleorimageid16690siteid0 {
	color: #FF0000;
	text-decoration: underline;
}
/* Display Name Link link fix for ITC Search Result Style */
.wwsbr_page_id16690siteid0 {
	color: #000;
	text-decoration: underline;
}
/* Display Name Link link fix for ITC Main Style */
.titleorimageid3003siteid0 {
	color: #FF0000;
	text-decoration: underline;
}
/* Display Name Link link fix for ITC Executive Team Style */
.titleorimageid15676siteid0 {
	color: #000;
	text-decoration: underline;
}
/* Display Name Link link fix for ITC IT Style */
.titleorimageid23846siteid0 {
	color: #000;
	text-decoration: underline;
}
/* Display Name Link link fix for ITC IT Header Style */
.titleorimageid23852siteid0 {
	color: #FF0000;
	text-decoration: underline;
}

/********************************************************************
	Footer formatting.
*/
#footer {
	width: 100%; 
	margin: 30px 0px 0px 0px; 
	padding: 3px 0px 0px 0px; 
	border-top: 1px solid #BCBEC0;
	text-align: right;
	font-family: Arial; 
	font-size: 10px;
}
/***********************************************************************
	Formats the links on the footer
*/
.footerlink {
	text-decoration: none;
	color: #000;
}

/************************************************************************
	Defines the style for keywords across the web site.
*/
#keywords {
	letter-spacing: -3px;
	font-size: 6px;
	font-family: arial, sans-serif;
	color: #fff;
	height: 10px;
}

/************************************************************************
	Styles used on Custom Item Types.
*/
.newsEventsArrow {
	color: #FF0000;
	font-size: 9px;	
	font-family:Arial, Helvetica;	
	text-decoration:none;
	font-weight:bold;
}
/************** LINK DECORATION REMOVAL CODE FOR FFOX *******************/
A{
text-decoration: none ;
}
/****************************END OF FIX**********************************/

/************************************************************************
	Gradient used for the bottom of the main Banner on Red-Text-Wide Img Description Templates only
	Currently, applied Under Business Focus, Taking Our Own Medicine Section.
*/
.undermainbannergradient {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 11px;
	background: url(/pls/portal/docs/PAGE/ITC_ASSETS/WEB_IMAGES/INTRANET/PERSONAL_PAGES/undermainbarnner_gradient.jpg) top left repeat-x;
	}
/************************************************************************/

/************************************************************************
	Line and Image for the Taking our own medicine footer only used on Red-Text-Wide Img Description Templates 
	Currently, applied Under Business Focus, Taking Our Own Medicine Section.
*/
.footertakingpill {
	border-top: 1px solid #BFBFC1;
	margin: 10px 0px 0px 0px;
	width: 100%;
	height: 60px;
	background: url(/pls/portal/docs/PAGE/ITC_ASSETS/WEB_IMAGES/INTRANET/PERSONAL_PAGES/takinglogo.jpg) no-repeat bottom center;
	}

.toplinehr {
	border-top: 1px solid #BFBFC1;
	width: 100%;
	}
/**************************************************************************

/************************************************************************
	reCaptcha formatting. Contact Us.
*/
.recaptcha_image_layer, .recaptcha_response_field_text {
	border: 1px solid #DFDFDF;
	}

a.recaptcha_link:link, a.recaptcha_link:active, a.recaptcha_link:hover, a.recaptcha_link:visited {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: #000;
	text-decoration: underline;
	}

.recaptcha_only_if_image, .recaptcha_only_if_audio, .recaptcha_text, .recaptcha_only_if_incorrect_sol, .recaptcha_text_right {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	}
.recaptcha_container{
	width: 300px;
	}
.recaptcha_text {
	float: left;
	margin: 0 10px 0 0;
	}
.recaptcha_text_right {
	float: right;
	color: #DFDFDF;
	}
.recaptcha_response_field_text {
	width: 302px;
	}

/*
.footertakingpill {
	border-top: 1px solid #BFBFC1;
	margin: 10px 0px 0px 0px;
	width: 100%;
	height: 60px;
	background: url(/pls/portal/docs/PAGE/ITC_ASSETS/WEB_IMAGES/INTRANET/PERSONAL_PAGES/takinglogo.jpg) no-repeat bottom center;
	}

.toplinehr {
	border-top: 1px solid #BFBFC1;
	width: 100%;
	}
*/
/**************************************************************************