body {
	font-family: tahoma, arial, helvetica, sans-serif;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: small;
	background: transparent url(images/celtic.png) repeat fixed; 
	margin: 0;
	padding: 0;
	margin-bottom:10px;
	margin-right:10px;
}

html>body {
  	font-size: small;
	background:#cadeb9 url() no-repeat bottom left;
}

#quickSummary p {
	padding: 0 15px;
}
	
#container {
	background: transparent url() ;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
	
#container4 {
	background: transparent url() ;
	position: relative;
	margin: 100px;
}

span.logo {
	font-family: tahoma, arial, helvetica, sans-serif;
	color:#ffffff;
	font-size:200%;
}
	
#pageHeader {
	position: relative;
	top: 0px;
	left: 0;
	margin: 0;
	padding: 0;
	height: 20px;
}
				
#quickSummary {           
	position: absolute;
	top: 106px;
	left: 0;
	background: transparent url() no-repeat top left; /*LEFT IMAGE*/
	width: 400px;
	z-index: 500;
	color: #665;
	font-weight: bold;
	font-size: .8em;
}
							
#preamble h3, #explanation h3, #participation h3 {
	padding-left: 20px;
	margin-top:0px;
	margin-bottom:10px;	
	padding:10px 10px 10px 20px;
	font-size:110%;
	color: #5A0C3E;
	background-color:#f6f5f6;
}

#explanation h4,  #preamble h4{
	padding-left:20px;
	font-size:100%;
	color: #425B00;
	height:1em;
}
		
#supportingText {
	position: relative;
	top: 0px;
	left: 0;
	margin: 0;
	padding: 0;
	height: 270px;
}
		
#explanation {
	position: absolute;
	z-index: 1000;
	width: 257px;
	top: 0;
	padding: 0;
	left: 680px;
	border: solid #998; /*border only for IE, will be overridden*/
	border-width: 0 1px 1px 1px;
	padding: 0px 0px 0px 0px;
	background: #ffffff url(images/FLEUR2.png) no-repeat bottom right;
}		

#preamble {             
	position: absolute;
	border: solid #998; 
	border-width: 0 1px 1px 1px;
	background:#ffffff url(images/background6.png) no-repeat bottom right;
	z-index: 1000;
	width: 257px;    
	top: 20px;
	left: 410px;
	padding: 0;
}
#preamble p, #explanation p{
	padding: 10px 10px 10px 20px;
	background-color: transparent;
	margin:0px;
}
				
#linklist {
	position: absolute;
	left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif, Verdana;
}

#lselect1	{
	background-image:url(images/ivy6.png);
	padding-left:0px;
	border: solid #998; 
	border-width: 0 1px 1px 1px;
}

#lselect	{
	margin-top:-40px;
	background-image:url();
	padding-left:77px;
	width:350px;
}

#lselect1 li {
	margin-bottom: 1em; 
	list-style-type:none;
	background: url(images/fleur.png) no-repeat 2px 0.1em;
	line-height:1.5em;
}

#linkList ul {
	margin-left:10px;
	list-style-type:none;
}

#linkList li {
	font-size: 1em;
}

#lselect li {
	margin-bottom: 1em; 
	list-style-type:none;
	background: url(images/ivy1.png) no-repeat 1px 0em;
	padding-left:30px; 
	padding-bottom:0.5em;
	font-size:100%;
	font-weight:bold;
	font-style:italic;
}

#lselect a { 
	display: block;
	color: #CC33CC;
}


#lselect li a:visited { 
	color: #996699;
}


#linkList a.c { 
	display: inline; 
	clear: none; 
	color: #000; 
	font-weight: normal;
}

#linkList a.c:hover {
	text-decoration: none;
	color: #c30;
}

#participation  {
	left: 950px;
	background: #fff url(images/fleur4.png);
	position: absolute;
	width: 327px;
	top: 72px;
}

span.name	{
	font-family: Verdana, Arial, Helvetica, sans-serif, Verdana;
	font-size:120%;
	color: #5A0C3E;
	font-weight:bold;
}

#participation0  {
	left: 950px;
	background: transparent url(logo10.png);
	position: absolute;
	width: 327px;
	top: -13px;
}


#extraDiv1	{
	padding:10px;
	width:380px;
}

#lselect1 p.p4 {
	margin: 0;
	padding: 5px 20px 20px 20px;
}

span.exceptional {
	font-weight:bold;
}

.lselect2	{
	background-image:url();
	padding-left:0px;
	margin-left:-15px;
	margin-right:10px;
}

.lselect2 li {
	margin-bottom: 1em; 
	list-style-type:none;
	background: url(images/fleur.png) no-repeat 2px 0.3em;
	padding-left:15px; 
}

.lselect2 ul {
padding-top:1em;
}

.lselect2 a { 
	display: block;
}

/* MORE OR LESS */

/* always visible */
#outer .holder {padding:1em;  margin:-10px 10px 10px 10px;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px; cursor:pointer; color: #ff4769; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}


/* EXPLANATIONS */

#info p {margin-right:20px;}
#info img {margin:0 15px 15px 0; float:left;}
#info h1 {margin-left:15px;}

/* the style starts here */
.hov table {position:absolute; border:0; border-collapse:collapse; left:0;}
.hov a {background:#C6DB66; color:#000; text-decoration:none;}
.hov b {display:none; font-weight:normal;}
.hov:hover {position:relative; z-index:100;}
.hov a:hover,
.hov:hover a
{border:0; text-decoration:none; position:relative;}
.hov:hover b, 
.hov a:hover b
{display:block; visibility:visible; position:absolute; left:-10px; top:1em; background:#ffc; cursor:pointer; border:1px solid #888; padding:5px 10px;}
.hov b a {white-space:nowrap; color:#000; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {text-decoration:underline;}

.clear {clear:both;}

/* FAQ PAGE */

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#000000;
	font-size:0.9em;
	margin-bottom:3px;
	margin-top:3px;
	padding-left:10px;
	margin-left:0px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #aaaaaa;
	background-color:#f5f6f5;
	width:227px;
	margin-top:10px;
	margin-left:-30px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-right:10px;

/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}

#lselect4	{
	margin-top:20px;
	background-image:url();
	margin-right:10px;
}

#lselect4 li {
	margin-bottom: 1em; 
	list-style-type:none;
	padding-left:20px;
	margin-left:0px;
	background: url(images/question.png) no-repeat 1.5px 0.2em;
	padding-bottom:0.2em;
	margin-left:-20px;
}

#lselect4 a { 
	display: block;
}

#lselect4 ul	{
}

/*FOR THE FORM */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	 font:80% verdana,arial,sans-serif;
	 margin: 10px;
	 padding: 0;
}

form fieldset  {
	border: 1px solid #c8c8c8;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	border: 1px solid #c8c8c8;
	padding: 0.2em 0.5em;
	background-color: #c8c8c8;
	color: #000000;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 0; 
	margin: 5px 5px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	color: #000000;

}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0px 0 0px; /* set margin on left of form elements rather than right of
                      label aligns textarea better in IE */
	background-color: #f5f6f5;
	border: 1px solid #c8c8c8;
}

form input#reset {
	margin:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto;
}

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
}


form .required	{
	font-weight:bold;
} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form p {
margin-left: 0px;
}
ul	{
margin-top:0px;
}