/* GENERAL SETTINGS */

	body
	{
		/*behavior: 			url(' / html/virology/styles/csshover.htc');*/
		background:			#ffffff url(../gfx/bg_body.gif) top left repeat-y;
		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
	{	
		margin:				0 auto 0 0;
		height:				100%;		
		width:				1000px;
	}	
	
	
/* HEADER AREA */

	#headerArea
	{
		background:			url(../gfx/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;
		}		
		


/* 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(../gfx/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;
		}


			


/* SECONDARYCONTENTAREA */

	#secondaryContentArea
	{
		background:			#E6F3FB;
		float:				left;
		height:				100%;
		padding:			0px;
		position:			relative;
		width:				250px;
	}

		#secondaryContentArea .pageHeader
		{
			background:		url(../gfx/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;
	}
