/* ----------------- GLOBAL -------------------- */

	body {background:#DDF; }

	div#page {min-height: 100%; width: 980px; padding: 0 ; margin: 10px auto; position: relative; border: 1px solid #000; background-color: #FFF; background: white url(images/header.jpg); background-repeat: no-repeat;}
			
	* {font: 13px Georgia,serif; color: #004080; text-align: justify;}
	
	
	b {font-weight: bold;}
	i {font-style: italic;}
	strong {color: #F00; font-weight: bold;}

	
	.center	{text-align: center;}
	.right	{text-align: right;}
	.left	{text-align: left;}
	.justify	{text-align: justify;}
	
	.small {font-size: 11px;}
	
	.border{border:2px solid #ebe5d5; margin: 5px 0; padding: 4px 4px ; width: 100%;}
	.no_border {border: 0;}
	
	hr {border: 1px solid #ebe5d5;}
	
	
	img { border : none; }
	
/* ----------------- TITLES -------------------- */
	
	H1{ font-size: 20px;  color: #e39520; font-weight: bold; font-variant : small-caps; margin: 7px; width: 100%; text-align: center;}
	H2{ font-size: 18px;  color: #e39520; font-weight: bold; font-variant : small-caps; margin: 7px; text-align: center;}
	H3{ font-size: 18px;  color: #e39520; font-weight: bold; font-variant : small-caps; margin: 7px; margin-left : 0; width: 100%; border-bottom: 1px solid #e39520;}
	

	H4{ font-size: 20px;  color: green; font-weight: bold; font-variant : small-caps; margin: 7px; width: 100%; text-align: center;}
	H5{ font-size: 18px;  color: green; font-weight: bold; font-variant : small-caps; margin: 7px; width: 100%; text-align: center;}
	H6{ font-size: 18px;  color: green; font-weight: bold; font-variant : small-caps; margin: 7px; margin-left : 0; width: 100%; border-bottom: 1px solid green;}
	
	
/* ----------------- FORMS -------------------- */

	input, textarea {border:2px solid #f7F4ed; padding: 0 2px ;}
	
	
	form {margin:0; padding:0; }
	button {color: #197DB0; background-color: #ebe5d5; font-size: 12px; font-weight: bold;  text-decoration: none; text-align: center;
			padding: 2px; border: 3px solid #f7F4ed;}
	button:hover  {color: #E32428; }
	
/*----------------- Alert  ------------------*/

	.alert {text-align: center; color: #00c; }
	.alert {position: absolute; top: 200px; left: 300px; width: 301px; height: 201px; padding: 70px;
		display: none; background: white url(images/alert.png); background-repeat: no-repeat;}
	.alert button {position: absolute; bottom: 70px; right: 70px; width: 300px; border: 0; border-top: 2px solid #ebe5d5; 
		font-size: 18px;  color: #E32428; font-weight: bold; font-variant : small-caps; background-color: #FFF;  text-align: right;}
	.alert button:hover  {color: #00F; }
	.alert {text-align: center; color: #00c; }
	.alert H1 {color: #00c;}
	
	

/* ----------------- TABLES -------------------- */

	td {padding: 3px; text-align: left;padding: 1px;}
	th {padding: 3px; text-align: center;font-weight: bold;}
	
	.A1 {background-color: #FFF; padding: 3px 5px 3px 5px; }
	.A2 {background-color: #f7F4ed;  padding: 3px 5px 3px 5px; }
	.A3 {background-color: #f7F4ed;  padding: 3px 5px 3px 5px; }
	
	.advertisement {color: #197DB0; background-color: #ebe5d5; border: 5px solid #f7F4ed; width: 670px;}

/* ----------------- LINKS -------------------- */
	
	a {color: #197DB0; font-size: 12px; font-weight: bold;  text-decoration: none; }
	a:hover  {color: #E32428; }

/* ----------------- HEADER -------------------- */

	#header { position: relative; width: 980px; height: 160px; margin-bottom: 10px;}
	
		#logo { position: absolute; top: 10px; left: 20px; }
		#title{ position: absolute; top: 20px; right: 10px; width: 550px; font-size: 30px;  color: #e39520; font-weight: bold; font-variant : small-caps; text-align: right; line-height: 28px; margin: 7px; }
		
		/* ----------------- LOGIN MENU -------------------- */
		
		
		
		#login{position: absolute; top: 135px; right: 10px; width: 200px; font-size: 18px; text-align: right;}
		
		
		#login a{font-size: 18px; text-decoration:none; padding:2px; font-weight:normal ;}
		#login a:hover{color:#fff; background-color:#666;}
		
		
		/* ----------------- MENU -------------------- */

		#menu {position: absolute; top: 120px; left: 10px; width: 750px; }
		
		#menu{margin:15px 7px 0 10px; padding:0 0 12px 19px; height:30px; float:left; background-image:url(images/menu_divider.png); background-repeat: no-repeat;}
			
		#menu li{list-style:none; padding: 0 22px 0 0; margin:0 5px 0 0; height:30px; line-height:30px; display:block;
			float:left; background:url(images/menu_divider.png) no-repeat right !important;background-image:url(images/menu_divider.png); position:relative}
		#menu li a{font-size: 18px; text-decoration:none; padding:2px; font-weight:normal ;}
		#menu a:hover{color:#fff; background-color:#666;}
		
		
		#menu .submenu{background:url(img/small_arrow.gif) repeat-x bottom center;padding-bottom:7px}
		
		#menu .selected{color:#999;}
		#menu div{display:none;width:160px;position:absolute;z-index:20;padding:20px 10px;margin:28px 0 0 -20px;
			background:url(img/rounded_top.png) no-repeat center 10px !important;background-image:url(img/rounded_top.gif);
			/* for IE */ left:0;top:0}
		#menu ul{background:url(img/rounded.png) no-repeat bottom !important;background-image:url(img/rounded.gif);/* for IE */ padding-bottom:10px;margin:0}
		#menu ul li{border:1px solid white;margin:-1px 10px 0;position:relative;padding:0px;background:#ebe5d5 !important;
			height:auto;line-height:1.1em;float:none;}
		#menu ul a{display:block;background:url(img/arrow.gif) no-repeat 6px 8px;padding:5px 5px 5px 13px;font-size:1.3em}
		#menu li:hover div, #menu li.sfhover div {display:block;}
		
		

/* ----------------- column_left ---------------- */

	#column_left {float: left; min-height: 550px;  margin-top: 20px; width: 220px; padding: 15px; text-align: center;  }
	
	#column_left h1{ font-size: 18px;  color: #e39520; font-weight: bold; font-variant : small-caps; background:url(images/box_top.gif) no-repeat bottom; background-repeat:no-repeat; background-position:bottom; 
	margin: 0; padding-bottom: 10px; width: 220px; border: 0;}
	
	#column_left div { background: #f7F4ed; padding: 10px; padding-top: 0; margin-bottom: 5px; background-image:url(images/box_bottom.gif); background-repeat:no-repeat; background-position:bottom;}
	
	#column_left p, #column_left table{ font-size: 12px;  background: #ebe5d5; border: 1px solid white; padding: 5px; margin: 0; text-align: center;}
	
	#column_left a, #column_left button {color: #197DB0; font-size: 12px; font-weight: bold;  text-decoration: none; background: none; padding: 5px; border: 0;}
	#column_left a:hover, #column_left button:hover  {color: #E32428; }

/* ----------------- MAIN -------------------- */

	#main {float: right; padding : 10px; margin-top: 20px; width: 670px; margin-right: 20px; }
	.not_visible {float: right; padding : 10px; margin-top: 20px; width: 670px; margin-right: 20px; display: none;}
	
	#note {width: 350px; height: 40px; line-height: 16px; padding: 3px; border: 1px solid red; color: red;}
	

/* ----------------- FOOTER -------------------- */

#footer {clear: both; margin-left: -1px; margin-bottom: 10px; width: 980px; height: 15px; border-top: 1px solid #00F; text-align: center;
			font-size: 11px; line-height: 28px; }
		a.bioencapsulation {text-decoration: none; font-size: 9px; color: #FF0076; font-weight: bold;}
		a.impascience {text-decoration: none; font-size: 9px; color: #00FF80; font-weight: bold;}
		.bioencapsulation {color: #00F080; font-weight: bold;}
		element { }