/* GENERAL SETTINGS */

	body
	{
		background:			#ffffff url(../graphics/bg_body.gif) top left repeat-y;
		behavior: 			url('/html/virology/styles/csshover.htc');
		color:				#043731; 
		font-family: 			Arial, Courier, sans-serif;
		font-size: 			70%;
		margin:				0px;
		padding:			0px;
		line-height:			1.5;	
	}
	
	form
	{
		margin:				0;
		padding:			0;
	}

	#smaller
	{
		cursor:				pointer;
	}
	
	#bigger
	{
		cursor:				pointer;
	}

	
/* CANVAS AREA */

	#canvasArea
	{	
		height:				100%;
		margin:				0 auto 0 0;
		width:				1000px;
	}	
	
	
/* HEADER AREA */

	#headerArea
	{
		background:			url(../graphics/bg_header.gif) no-repeat;
		float:				left;
		height:				126px;
		position:			relative;
		width:				1000px;
	}
	
		#headerArea h1 span
		{
			display:			none;
		}

		#headerArea h2
		{
			float:			left;
			height:			56px;
			width:			220px;
		}

			#headerArea h2 a
			{
				border:			0px;
				display: 		block;
				height:			100px;
				text-decoration:	none;
				margin:			24px 0 0 0;
				width:			235px;
			}
		
			#headerArea h2 span
			{
				visibility:		hidden;			
			}
		
		#headerArea h3 span
		{
			display:			none;
		}		
		

/* SERVICE AREA */

	#serviceArea
	{
		background:			url(../graphics/bg_service.gif) left top no-repeat;
		float:				right;
		height:				25px;
		left:				714px;
		padding:			0px;
		position:			absolute;
		top:				0px;
		width:				286px;
	}


		#serviceArea ul
		{
			float:				left;
			list-style-tyle:		none;
			margin:				0px;
			padding:			0px;
		}
		
			#serviceArea ul li
			{
				display:			block;
				float:				left;
				height:				25px;
				list-style-tyle:		none;
				margin:				0px;				
				padding:			0px;
			}			

			#serviceArea ul li a
			{
				color:				#0A2249;
				display:			block;
				font-size:			110%;
				float:				left;
				height:				22px;
				text-decoration:		none;
			}
			
				#serviceArea ul li a.help
				{
					padding:			4px 28px 0 30px;
				}			

				#serviceArea ul li a.sitemap
				{
					padding:			4px 24px 0 18px;
				}

				#serviceArea ul li a.contact
				{
					padding:			4px 7px 0 24px;
				}			

			#serviceArea ul li a:hover
			{
				text-decoration:		underline;
			}			


/* SECONDARY SERVICE AREA */

#secondaryServiceArea
{
	display:			block;
	float:				left;
	height:				100%;
	position:			relative;
	width:				130px;
}

	#secondaryServiceArea .date
	{
		color:				#001379;
		display:			block;
		font-size:			110%;
		
		padding:			10px 0 0 0;
	}
	
	#secondaryServiceArea ul
	{
		list-style-type:		none;
		margin:				0px;
		padding:			10px 0 0 0;
		width:				105px;
	}
	
		#secondaryServiceArea ul li
		{
			border-bottom:			1px solid #bdd5ed;
			display:			block;
			float:				left;	
			margin:				0px;
			min-height:			30px;
			padding:			0px;
			width:				110px;
		}			
	
		#secondaryServiceArea ul li a
		{
			color:				#001379;
			display:			block;
			margin:				0px;
			min-height:			24px;
			padding:			6px 0 0 22px;
			text-decoration:		none;
			width:				88px;
		}

		#secondaryServiceArea ul li a:hover
		{
			color:				#75c3ec;
		}
		
		#secondaryServiceArea ul li.taf a
		{
			background:			url(../graphics/icon_taf.gif) center left no-repeat;
		}
		
		#secondaryServiceArea ul li.print a
		{
			background:			url(../graphics/icon_print.gif) center left no-repeat;
		}	
		
		#secondaryServiceArea ul li.back a
		{
			background:			url(../graphics/icon_back.gif) center left no-repeat;
		}			
		
		#secondaryServiceArea ul li.list a
		{
			background:			url(../graphics/icon_list.gif) center left no-repeat;
		}	
		
		#secondaryServiceArea ul li.thumb a
		{
			background:			url(../graphics/icon_thumb.gif) center left no-repeat;
		}			


		#secondaryServiceArea .secondaryNavigationBox ul li a
		{
			background:			url(../graphics/bg_subnav_inactive.gif) center right no-repeat;
			display:			block;
			float:				left;
			padding:			6px 10px 0 0;
			width:				100px;
		}

			#secondaryServiceArea .secondaryNavigationBox ul li ul li
			{
				border-bottom:			0px;
			}	
		
				#secondaryServiceArea .secondaryNavigationBox ul li ul li a
				{

					padding:			4px 10px 0 5px;
					font-style:			italic;
					width:				95px;
				}		

		#secondaryServiceArea ul ul
		{
			padding:			0px;
		}	
		
		#secondaryServiceArea .secondaryNavigationBox ul li a:hover
		{
			background:			url(../graphics/bg_subnav_active.gif) center right no-repeat;
			font-weight:			bold;
		}	
		
		#secondaryServiceArea .secondaryNavigationBox ul li a.activeElement
		{
			background:			url(../graphics/bg_subnav_active.gif) center right no-repeat;
			font-weight:			bold;
		}			





/* MAINNAVIGATION */


#mainNavigationArea
{
	background:			url(../graphics/bg_mainnavigation.gif) no-repeat;
	float:				left;
	width:				1000px;
	z-index:			500;
}

	.mainNavigationBox { 
		float:				right;
		margin:				0; 
		position:			relative; 
		z-index:			100;
		width:				950px;
	}

		.mainNavigationBox ul {
			padding:			0; 
			margin:				0;
			list-style-type: 		none;
		}

			.mainNavigationBox ul li
			{
				float:				left; 
				margin-right:			1px; 
				position:			relative;
			}
			
			.mainNavigationBox ul li ul {
				display: 			none;
			}


				.mainNavigationBox ul li a, 
				.mainNavigationBox ul li a:visited {
					background:			#209edf;
					display: 			block;
					color: 				#FFFFFF;
					float: 				left;
					font-weight:			bold;
					padding: 			4px 12px 4px 12px;
					text-decoration: 		none;
					text-transform:			uppercase;
				}

				.mainNavigationBox ul li a:hover,
				.mainNavigationBox ul li:hover a
				{
					background:		#209EDF;
					color:			#001379;
				}
				
				#mainNavigationArea .mainNavigationBox ul li a.activeElement
				{
					background:		#FFFFFF;
					color:			#001379;
				}

				#mainNavigationArea .mainNavigationBox ul li ul li a.activeElement
				{
					background:		#209EDF;
					color:			#FFFFFF;
				}
				
				#mainNavigationArea .mainNavigationBox ul li ul li a.activeElement:hover
				{
					background:		#209EDF;
					color:			#001379;
				}				

				.mainNavigationBox ul li ul li a{
					background:		#209edf;
					color:			#FFFFFF;
					display: 		block;
					width:			250px;	
				}
	
				.mainNavigationBox ul li ul li a:hover{
					color:			#001379;
				}	

				.mainNavigationBox ul li:hover ul {display:block; position:absolute; top:25px; left:0; width:105px;}
				.mainNavigationBox ul li:hover ul li a.hide {background:#209EDF; color:#001379;}
				.mainNavigationBox ul li:hover ul li:hover a.hide {background:#209EDF; color:#000;}
				.mainNavigationBox ul li:hover ul li ul {display: none;}
				.mainNavigationBox ul li:hover ul li a {display:block; background:#209EDF; color:#FFFFFF;}
				.mainNavigationBox ul li:hover ul li a:hover {background:#209edf; color:#000;}
				.mainNavigationBox ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
				.mainNavigationBox ul li:hover ul li:hover ul.left {left:-105px;}


				.mainNavigation ul li al li ul,
				.mainNavigation ul li al li ul li,
				.mainNavigation ul li al li ul li a,
				{
					display:		none;
					visibility:		hidden;
				}


	/*
		.mainNavigationBox ul
		{
			font: 				bold 11px verdana, arial, sans-serif;
			list-style-type: 		none;
			padding-bottom: 		24px;
			margin: 			0;
		}

			.mainNavigationBox ul li
			{
				background-color: 		#209edf;
				border: 			1px solid #209edf;
				float: 				left;
				height: 			21px;
				margin: 			2px 0 2px 1px;

			}

			.mainNavigationBox ul li a
			{
				display: 				block;
				color: 					#FFFFFF;
				float: 					left;
				padding: 				4px 12px 4px 12px;
				text-decoration: 			none;
				text-transform:				uppercase;
			}
	*/


/* SUBNAVIGATIONAREA */

	.subNavigationBox
	{
		background:			url(../graphics/bg_subnavigation.gif) bottom repeat-x;
		float:				left;
		padding:			0 30px 0 30px; 
		position:			relative; 
		width:				562px;	
	}

		.subNavigationBox ul {
			padding:			0; 
			margin:				0;
			list-style-type: 		none;
		}

			.subNavigationBox ul li
			{
				float:				left; 
				margin-right:			1px; 
				position:			relative;
			}

				.subNavigationBox ul li a
				{
					background:			#d6e7f5;
					border-left:			1px solid #d6e7f5;
					border-right:			1px solid #d6e7f5;
					border-top:			1px solid #d6e7f5;
					display: 			block;
					color: 				#001379;
					float: 				left;
					font-weight:			bold;
					height:				12px;
					padding: 			4px 12px 4px 12px;
					text-decoration: 		none;
					text-transform:			uppercase;
				}
				
				.subNavigationBox ul li a.activeElement,
				.subNavigationBox ul li a:hover
				{
					background:			#ffffff;
				}				

/* SUBSUBNAVIGATIONAREA*/

	.subSubNavigationBox
	{
		display:			block;
		float:				left;
		margin:				0px;
		position:			relative; 
		width:				610px;	
	}

		.subSubNavigationBox ul {
			padding:			0; 
			margin:				0;
			list-style-type: 		none;
		}

			.subSubNavigationBox ul li
			{
				float:				left; 
				margin-right:			1px; 
				position:			relative;
			}

				.subSubNavigationBox ul li a
				{
					background:			#d6e7f5;
					border:				1px solid #d6e7f5;
					border-bottom:			#ffffff;
					display: 			block;
					color: 				#001379;
					float: 				left;
					font-weight:			bold;
					height:				12px;
					margin:				0 0 1px 0;
					padding: 			4px 12px 4px 12px;
					text-decoration: 		none;
					text-transform:			uppercase;
				}

				.subSubNavigationBox ul li a.activeElement,
				.subSubNavigationBox ul li a:hover
				{
					background:			#ffffff;
				}	


/* PRIMARYCONTENTAREA */

	
	#primaryContentArea
	{
		float:				left;
		height:				100%;
		margin:				0px;
		padding:			25px 0 0 60px;
		position:			relative;
		width:				654px;
	}

		#primaryContentArea .pageHeader
		{
			background:		url(../graphics/bg_pageheader.gif) no-repeat;
			border-bottom:		1px solid #d6e7f5;
			color:			#001379;
			display:		block;
			font-size:		150%;
			font-weight:		bold;
			margin:			0 0 10px 0;
			padding:		0 0 0 25px;
			width:			580px;
		}


		#primaryContentArea .contentBoxOne,
		#primaryContentArea .contentBoxFour,
		#primaryContentArea .sitemapBox,
		#primaryContentArea .formBox,
		#primaryContentArea .faqBox,
		#primaryContentArea .sectionIndexBox,
		#primaryContentArea .presentationsBox
		{
			float:				right;
			padding:			0 40px 10px 0;
			width:				614px;
		}
		
		#primaryContentArea .contentBoxTwo,
		#primaryContentArea .contentBoxThree,
		#primaryContentArea .contentBoxFive,
		#primaryContentArea .contentBoxSix
		{
			float:				left;
			width:				287px;	
			padding:			0 40px 10px 0;
		}


	/* BREADCRUMB */
	#breadCrumb
	{
	
	}

		#breadCrumb ul
		{
			padding:		0px;
			margin:			0 0 10px 0;
			text-align:		left;	
		}
	
			#breadCrumb ul li
			{
				display:		inline;					
				list-style:		none;
				margin:			0px;
				padding:		0px;		  
			}	

				#breadCrumb ul li a
				{
					background:		url(../graphics/bg_breadcrumb_small.gif) right no-repeat;					
					color:			#74badf;			
					font-size:		110%;			
					font-weight:		normal;
					text-decoration:	none; 	
					padding:		0 12px 0 0;
				}			


				#breadCrumb ul li a:hover
				{	
					color:			#001379;
				}

				#breadCrumb ul li a.activeElement
				{	
					background:		none;
					color:			#001379;
					display:		none;
					padding:		0 0 0 3px; 
				}
				
				#breadCrumb ul li a.lastElement
				{	
			background:		url(../graphics/bg_pageheader.gif) no-repeat;
			border-bottom:		1px solid #bdd5ed;
			color:			#001379;
			display:		block;
			font-size:		150%;
			font-weight:		bold;
			margin:			10px 0 10px 0;
			padding:		0 0 0 25px;
			width:			580px;
				}				


/* SECONDARYCONTENTAREA */

	#secondaryContentArea
	{
		background:			#E6F3FB;
		float:				left;
		height:				100%;
		padding:			0px;
		position:			relative;
		width:				250px;
	}

		#secondaryContentArea .pageHeader
		{
			background:		url(../graphics/bg_pageheader.gif) no-repeat;
			color:			#001379;
			display:		block;
			font-size:		150%;
			font-weight:		bold;
			margin:			25px 0 10px 12px;
			padding:		0 0 0 25px;
			width:			213px;
		}

		#secondaryContentArea .contentBoxOne
		{
			float:				left;
			margin:				12px 0 0 0;
			padding:			10px;
			width:				225px;
			
		}

/* CLASSES AND OTHERS */

	.clear
	{
		clear:				both;
		font-size:			0px;
	}

.contactCheck {display:none;}