<br />
<b>Deprecated</b>:  Function ereg() is deprecated in <b>/data/sites/web/hemalisbe/subsites/default_www/index.php</b> on line <b>115</b><br />
/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #303030;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* [ Rrr Pro*] styles */

/*@media screen {
	* html {
		overflow-y: hidden;
	}
	* html body {
		height: 100%;
		overflow: auto;
	}
}*/

html {height: 100%;}

body {
/*	font: 140% Monotype Corsiva,Times,serif;*/
/*	font: 100% Georgia,'Times New Roman',Times,serif;*/
	font: 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	width: 100%;
	height: 100%;
/*	background: transparent url(../images/design/back-blue.png) repeat-x scroll 100% top;*/
	background: transparent url(../images/design/back_top_logo.jpg) no-repeat fixed center top;
}

h1, h2, h3, h4 {font-family: 'Monotype Corsiva',Times,serif;}

/* -> sizes before: 'Monotype Corsiva',Times,serif;
h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: .75em;}
*/

	h1 {font-size: 2.25em;}
	h2 {font-size: 2em;}
	h3 {font-size: 1.75em;}
	h4 {font-size: 1em;}

p {color: #909090; line-height: 1.5em;}

a {color: #303030;}

a:link, a:visited {text-decoration: none; /*padding: 0 .2em 0 .2em;*/ border-bottom: 1px dashed #303030;}

a:hover {color: #000000; background: #FFFFFF;}

dl, ul, ol {}

dt, li {}

abbr {border-bottom: 1px dotted #33CCFF;}

	.small {font-size: .75em;}
	.large {font-size: 1.125em; line-height: 1.2em; margin: .5em 0 .5em 0;}
	.extra {font-size: 1.125em; line-height: 1.2em; margin: .5em 0 .5em 0;}
	.light {color: #C0C0C0;}
	.black {color: #000000;}
	.lightblue {color: #33CCFF;}
	.darkblue {color: #29ABE2;}
	.plain {text-decoration: none;}
	.indent {padding: 0 0 0 4em;}
	.titled {border-bottom: 1px dashed #FFFFFF;}
	strong {font-weight: bold;}

.wrap {
	width: 960px;
	margin: 0 auto 0 auto;
}

	#hd {
		position: relative;
		top: 0;
		height: 250px;
	}
	
		#hd h1 {
/*			position: absolute;
			top: 0;
			left: 0;*/
			text-indent: -9999px;
		}
			
			#hd h1 a {
				position: absolute;
				top: 62px;
				left: 29px;
				width: 240px;
				height: 200px;
				text-indent: -9999px;
/*				background: transparent url(../images/design/logo-fine-gold.png) no-repeat scroll center center;*/
				border: none;
			}
			
				#hd h1 a:hover {
					background: transparent;
				}
		
		#hd h4 {
			line-height: 1.375em;
			text-align: justify;
/*			color: #303030;*/
			color: #F78716;
			font-size: 1.5em;
			position: absolute;
			top: 198px;
/*			top: 124px;*/
			left: 350px;
			width: 480px;
		}
		
				#hd h4 a, #hd h4 a:link {
					color: #F78716;
					text-decoration: none;
					border: none;
				}

	#bd {
		position: relative;
		padding: 0 0 1em 0;
	}

		#navwrap {
/*			position: absolute;
			top: 100px;
			left: 60px;*/
			z-index: 2; /*	set nav above #ft	*/
			position: fixed;
			width: 186px;
			padding: 0 0 30px 0;
			margin: 60px 0 0 60px;
			background: transparent url(../images/design/nav-back.png) no-repeat scroll center bottom;
		}
		
		ul#navigation {
			font-size: 1em;
			font-weight: bold;
			text-align: center;
			padding: 30px 0 0 0;
			background: transparent url(../images/design/nav-back.png) no-repeat scroll center top;
		}
		
			ul#navigation li {margin: .3em 0 .3em 0;}
			ul#navigation li a, ul#navigation li a:link {color: #B0B0B0; border: none;}
			ul#navigation li a:hover {color: #178EC9; padding: 0 .2em 0 .2em; border: none;}
			
				ul#navigation li.ui-tabs-selected a, ul#navigation li.ui-tabs-selected a:link {color: #303030;}
				
		#bd a.enter, #bd a:link.enter {
			display: block;
			z-index: 100;
			position: absolute;
			top: 40%;
			left: 40%;
			font-family: 'Monotype Corsiva',Times,serif;
			text-align: center;
			color: #F78716;
			font-size: 1.5em;
			text-decoration: none;
			border: none;
		}

			#bd a:hover.enter {
				background: transparent;
			}
	
		#bd .fragment {
			position: relative;
			top: 75px;
/*			top: 0px;*/
			left: 350px;
			width: 500px;
			padding: 0 0 60px 0;
		}

		.ui-tabs-hide {display: none;}
	
			ol#activities {
				color: #F0F0F0;
/*				list-style-type: decimal;*/
				font-size: 2em;
/*				margin: 0 0 120px 0;*/
			}

			ol#activities li {
				padding: 0 0 .2em 0;
			}

			ol#activities li div {padding: 0 0 0 .1em;} /* -> no top/bottom-padding/margin cause of nasty-"snap"-effect */
		
			ol#activities li div p, ol#activities li div dl {color: #303030; font-size: .5em; margin: 1em 0 .5em 0; padding: 0 36px 0 0; /*text-align: justify;*/}
			
				ol#activities li div p.attach { font-size: .375em; padding-left: 18px; background: transparent url(/images/design/icon_attachment.gif) no-repeat left center;}
			
			ol#activities li div dl {font-size: .375em; margin: 1em 0 .5em 0;}
			ol#activities li div dl dt {/*color: #C0C0C0; */margin: 0 0 .5em 0;}
			ol#activities li div dl dd {margin: 0 0 .5em 0;}
		
			ol#activities li h2.header {font-size: 1.25em; /*font-size: .875em; text-transform: capitalize;*/ cursor: pointer; position: relative; /*border-top: 1px solid #B8D8FF; padding: 0 0 .2em 0; margin: -.2em 0 0 0;*/ font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;}
			ol#activities li h2.header.selected {}
			
				/* first selection */

/*				.rb1 {color: #178EC9;}
				.rb2 {color: #A8DB0B;}
				.rb3 {color: #F9D006;}
				.rb4 {color: #F78716;}
				.rb5 {color: #DD0A0A;}
				.rb6 {color: #E210C5;}
				.rb7 {color: #72358E;}*/
				
				/* hemalis selection */

				.rb1 {color: #BD43D6;}
					.rb1 dd span.title {color: #BD43D6;}
				.rb2 {color: #00327D;}
					.rb2 dd span.title {color: #00327D;}
				.rb3 {color: #178EC9;}
					.rb3 dd span.title {color: #178EC9;}
				.rb4 {color: #A8DB0B;}
					.rb4 dd span.title {color: #A8DB0B;}
				.rb5 {color: #F9D006;}
					.rb5 dd span.title {color: #F9D006;}
				.rb6 {color: #F78716;}
					.rb6 dd span.title {color: #F78716;}
				.rb7 {color: #DD0A0A;}
					.rb7 dd span.title {color: #DD0A0A;}
				.rb8 {color: #BD43D6;}
					.rb8 dd span.title {color: #BD43D6;}
				.rb9 {color: #00327D;}
					.rb9 dd span.title {color: #00327D;}
				.rb10 {color: #178EC9;}
					.rb10 dd span.title {color: #178EC9;}
				.rb11 {color: #A8DB0B;}
					.rb11 dd span.title {color: #A8DB0B;}
				.rb12 {color: #F9D006;}
					.rb12 dd span.title {color: #F9D006;}
				.rb13 {color: #F78716;}
					.rb13 dd span.title {color: #F78716;}
				.rb14 {color: #DD0A0A;}
					.rb14 dd span.title {color: #DD0A0A;}
				
					/* <-> reversed: */
					
/*					.rb1 {color: #DD0A0A;}
					.rb2 {color: #F78716;}
					.rb3 {color: #F9D006;}
					.rb4 {color: #A8DB0B;}
					.rb5 {color: #178EC9;}
					.rb6 {color: #00327D;}
					.rb7 {color: #BD43D6;}*/

				ol#activities h2 span.head {
/*					font-size: .675em;*/
					display: block;
					margin: 0;
					padding: 0;
				}
			
				ol#activities h2 span.subHead {
					color: #909090;
					display: block;
/*					font-size: .4286em;*/
/*					font-size: .375em;*/
					font-size: .25em;
					font-weight: normal;
					margin: 0 0 .5em .2em;
					padding: 0;
/*					text-transform: capitalize;*/
				}
			
				ol#activities h2 span.nextDateTitle {
					position: absolute;
					top: .6em;
					right: 0;
					width: 7.8em;
					color: #D0D0D0;
					font-size: 10px;
					text-align: center;
					text-transform: none;
				}

				ol#activities h2 span.nextDate {
					position: absolute;
					top: .6em;
					right: 0;
					width: 3em;
					color: #E0E0E0;
					font-size: 26px;
					text-align: center;
					text-transform: uppercase;
				}
			
				ol#activities h2 span.makeDateTitle {
					position: absolute;
					top: 1.2em;
					right: 0;
					width: 6em;
					color: #D0D0D0;
					font-size: 13px;
					text-align: center;
					text-transform: none;
				}
		
			ol#activities h3 {color: #303030; font-size: .675em;}
				
		#bd #fragment-1 { font: 1.2em 'Monotype Corsiva',Times,serif; width: 380px; }
			#fragment-1 p { font-size: 1.2em; line-height: 1em; }
				
		#bd #fragment-2 dl dd span.title { /*color: #303030;*/ }
			#fragment-2 dl dd span.message { color: #909090; }
		
		#bd #fragment-3 h2 {color: #72358E; font-size: 2.675em; margin: 0 0 .4em 0;}
			#fragment-3 h4 {font: 1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;}
			#fragment-3 p {margin: 1em 0 .5em 0;}
			#fragment-3 dl {color: #909090; margin: 1.5em 0 1.5em 0;}

				#fragment-3 dt {color: #606060; margin: 1em 0 .5em 0;}
				#fragment-3 dd {margin: .5em 0 1em 0;}
		
		#bd #fragment-4 h2 {color: #72358E; font-size: 2.675em; margin: 0 0 .4em 0;}
			#fragment-4 h4 {font: 1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;}
			#fragment-4 p {color: #909090; margin: 1em 0 .5em 0;}
			#fragment-4 dl {color: #909090; margin: 1.5em 0 1.5em 0; border-left: 6px solid #F0F0F0;}
				
				#fragment-4 dt {color: #606060; margin: 0 0 1em 1em;}
				#fragment-4 dd {margin: .5em 0 .5em 1em;}

				#fragment-4 form ul {}
				#fragment-4 form ul li {color: #909090; margin: .5em 0 .5em 0;}				
				#fragment-4 form ul li label span {display: block;}
				#fragment-4 form ul li label input {display: block; width: 480px; border: 6px solid #F0F0F0; padding: .2em;}
					#fragment-4 form ul li input#submit {float: right; border: 0; background: #F0F0F0; padding: .5em; margin: 1em 0 0 0;}
					#fragment-4 form ul li input#submit:hover {color: #FFFFFF; background: #303030;}
				#fragment-4 form ul li label textarea {width: 480px; border: 6px solid #F0F0F0; padding: .2em;}
				
				#fragment-4 #output { color: #A8DB0B; }
		
		#bd #fragment-5 h2 {color: #72358E; font-size: 2.675em; margin: 0 0 .4em 0;}
	
	#ft {
		z-index: 1;
		position: relative;
		bottom: 0;
		width: 100%;
		height: 200px;
		border-bottom: 2px solid #CCCC99;
/*		background: #CCCC99 url(../images/design/back_bottom.jpg) no-repeat scroll left top;*/
		background: transparent url(../images/design/back_bottom.png) no-repeat scroll left top;
	}
	
		#ft p {
			position: absolute;
			bottom: 0px;
			right: 0px;
			color: #CCCC99;
			font-size: .675em;
			text-align: right;
			padding: 1em 16px 0 16px;
		}

	#intro #ft {
		z-index: 1;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 200px;
		border-bottom: 2px solid #CCCC99;
/*		background: #CCCC99 url(../images/design/back_bottom.jpg) no-repeat scroll left top;*/
		background: transparent url(../images/design/back_bottom.png) no-repeat scroll left top;
	}
	

	
	.note {
	}