body {
	color:#FFF;
	background-color:#597EA1;
	font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	line-height: 1.2;
	text-align: justify;
}

div {
	display:none;
	position:absolute;
}

p {text-indent:10px;}

acronym {
	color:#DDD;
	font-weight:bold;
}

ul {
	list-style-type:none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	font-size:7pt;
}
li {margin:0 0 5px 0;}


p {
	margin:4px;
	line-height:1.2 !important;
	line-height:1.1;
}
h3:hover {cursor:help;}

a {text-decoration:none; font-weight:bold; color:#FFF;}
a:hover {text-decoration:underline;}




#container {
	width:740px;
	height:500px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-250px 0 0 -370px;
	padding:0;
	z-index:40;
	display:block;
}

#intro {display:block;}

#pageHeader {display:none;}

/* ########### QUICKSUMMARY ########### */
#quickSummary:hover {cursor:help;}
#quickSummary {
	display:block;
	position:absolute;
	z-index:1;
	top:219px;
	left:10px;
	color:#597EA1;
	behavior: url('quickSummary.htc');
	width:365px;
	height:40px;
}
#quickSummary .p2 {
	position:absolute;
	z-index:1;
	left:503px;
	top:278px;
	width:200px;
	color:#FFF;
}
#quickSummary .p2 a {
	color: #FFF;
	text-decoration: underline;
}
#quickSummary .p1 {
	width:189px;
	height:99px;
	margin:-10px 0 0 506px;
	visibility:hidden;
	color:#FFF;
    padding:5px 10px 0 10px;
	position:absolute;
}
#quickSummary:hover .p1 {
	background:url('images/quickSummary_bg.png') no-repeat;
	visibility:visible;
}
#quickSummary .p1:hover {}

#quickSummary:hover {
	background:url('images/quickSummary_h3.gif') no-repeat 4px -2px;
}

/* ########### PREAMBLE ########### */

#preamble {
	display:block;
	height:500px;
	width:209px;
	height:203px;
	margin:174px 0 0 517px;
	behavior: url('display.htc');
}

#preamble h3 {
	display:block;
	width:180px;
	height:15px;
	position:absolute;
	top:77px !important;
	top:89px;
	left:-477px;
}
              
#preamble p {visibility:hidden;
             padding:0 5px 0 5px;}
#preamble:hover {background:url('images/preamble_bg.png') no-repeat;}
#preamble:hover p{visibility:visible;}
#preamble:focus {background:url('images/preamble_bg.png') no-repeat;}
#preamble:focus p{visibility:visible;}
    
#preamble h3 span{display:none;}

#preamble h3:hover {
	background:url('images/preamble_h3.gif') no-repeat 3px 3px;
}

/* ########### SUPPORTING TEXT ########### */

#supportingText {display:block;}

/* ###### EXPLANATION ###### */

#explanation {
	display:block;
	width:209px;
	height:231px;
	margin:158px 0 0 517px;
	behavior: url('display.htc');
}
          
#explanation h3 {
	display:block;
	width:152px;
	height:15px;
	position:absolute;
	top:110px !important;
	top:122px;
	left:-477px;
}
              
#explanation p {visibility:hidden;
                padding:0 5px 0 5px;}
#explanation:hover {background:url('images/explanation_bg.png') no-repeat;}
#explanation:hover p{visibility:visible;}

#explanation h3 span{display:none;}

#explanation h3:hover {
	background:url('images/explanation_h3.gif') no-repeat 3px 3px;
}
/* ###### PARTICIPATION ###### */

#participation {
	display:block;
	width:209px;
	height:320px;
	margin:95px 0 0 517px;
	behavior: url('display.htc');
}
          
#participation h3 {
	display:block;
	width:95px;
	height:15px;
	position:absolute;
	top:190px !important;
	top:202px;
	left:-477px;
}
              
#participation p {visibility:hidden;
                  padding:0 5px 0 5px;}
#participation:hover {background:url('images/participation_bg.png') no-repeat;}
#participation:hover p{visibility:visible;}

#participation h3 span{display:none;}

#participation h3:hover {
	background:url('images/participation_h3.gif') no-repeat 3px 3px;
}
/* ###### BENEFITS ###### */

#benefits {
	display:block;
	width:209px;
	height:99px;
	margin:204px 0 0 517px;
	behavior: url('display.htc');
}
          
#benefits h3 {
	display:block;
	width:60px;
	height:15px;
	position:absolute;
	top:98px !important;
	top:110px;
	left:-477px;
}
              
#benefits p {visibility:hidden;
             padding:0 5px 0 5px;}
#benefits:hover {background:url('images/benefits_bg.png') no-repeat;}
#benefits:hover p{visibility:visible;}

#benefits h3 span{display:none;}

#benefits h3:hover {
	background:url('images/benefits_h3.gif') no-repeat 3px 3px;
}
/* ###### REQUIREMENTS ###### */

#requirements {
	display:block;
	width:209px;
	height:441px;
	margin:35px 0 0 517px;
	behavior: url('display.htc');
}
          
#requirements h3 {
	display:block;
	width:100px;
	height:15px;
	position:absolute;
	top:283px !important;
	top:295px;
	left:-477px;
}
              
#requirements p {visibility:hidden;
                padding:0 5px 0 5px;}
#requirements:hover {background:url('images/requirements_bg.png') no-repeat;}
#requirements:hover p{visibility:visible;}

#requirements h3 span{display:none;}

#requirements h3:hover {
	background:url('images/requirements_h3.gif') no-repeat 3px 3px;
}
/* ######  ###### */

#footer {
	position:absolute;
	top:0;
	left:570px;
	width:150px;
	text-align:right;
	font-size:8pt;
	display:block;
}
#footer a{color:#336;}



/* ########################### LinkLists ########################### */

#linkList {
	display:block;
	width:350px;
	height:20px;
	position:absolute;
	bottom:0;
	left:12px;
}

#linkList2 {
	display: block;
	position:relative;
}

#lselect h3 span, #larchives h3 span, #lresources h3 span {display:none;}

/* ########## Select a design ########## */

#lselect {
	display:block;
	position:absolute;
	behavior: url('liste.htc');
}

#lselect h3 {
	display:block;
	position: absolute;
	z-index:100;
	width:148px;
	height:20px;
	top:-12px !important;
	top:0;
	left:0;
}
#lselect:hover ul {visibility:visible;}


#lselect ul {
	display: block;
	position:absolute;
	top:-132px;
	left:0;
	padding:7px 10px 0 10px;
	visibility:hidden;
	width:350px;
	height:150px;
	background-image:url(images/lselect_bg.png) !important;
	background-image:url(images/lselect_bg.gif);
	background-repeat:no-repeat;
}
#lselect ul:hover {visibility:visible;}
#lselect ul li {
	margin:0 0 4px 0;
	font-weight: normal;
	font-style:oblique;
}

#lselect a {
	padding: 0;
	font-weight: normal;	
	font-style:oblique;
	border-top:0;
	border-right:0;
	border-bottom:1px dotted #FFF;
	border-left:0;
	text-transform: uppercase;
}
#lselect a:hover {
	text-decoration: none;
	border-bottom:1px solid #FFF;
}




/* ########## Archives ########## */


#larchives {
	display:block;
	position:absolute;
	behavior: url('liste.htc');
}

#larchives:hover ul {visibility:visible;}

#larchives h3 {
	display:block;
	position: absolute;
	z-index:100;
	width:88px;
	height:20px;
	top:-12px !important;
	top:0;
	left:150px;
}

#larchives ul {
	display: block;
	position:absolute;
	top:-60px;
	left:0;
	padding:7px 10px 0 10px;
	visibility:hidden;
	width:350px;
	height:70px;
	background-image:url(images/larchives_bg.png) !important;
	background-image:url(images/larchives_bg.gif);
	background-repeat:no-repeat;
}
#larchives ul:hover {visibility:visible;}
#larchives ul li {
	margin:0 0 4px 0;
	font-weight: normal;
	font-style:oblique;
}

#larchives a {
	padding: 0;
	font-weight: normal;	
	font-style:oblique;
	border-top:0;
	border-right:0;
	border-bottom:1px dotted #FFF;
	border-left:0;
	text-transform: uppercase;
}
#larchives a:hover {
	text-decoration: none;
	border-bottom:1px solid #FFF;
}


/* ########## Resources ########## */

#lresources {
	display:block;
	position:absolute;
	behavior: url('liste.htc');
}

#lresources:hover ul {visibility:visible;}


#lresources h3 {
	display:block;
	position: absolute;
	z-index:100;
	width:110px;
	height:20px;
	top:-12px !important;
	top:0;
	left:238px;
}


#lresources ul {
	display: block;
	position:absolute;
	top:-90px;
	left:0;
	padding:7px 10px 0 10px;
	visibility:hidden;
	width:350px;
	height:100px;
	background-image:url(images/lresources_bg.png) !important;
	background-image:url(images/lresources_bg.gif);
	background-repeat:no-repeat;
}
#lresources ul:hover {visibility:visible;}
#lresources ul li {
	margin:0 0 4px 0;
	font-weight: normal;
	font-style:oblique;
}

#lresources a {
	padding: 0;
	font-weight: normal;	
	font-style:oblique;
	border-top:0;
	border-right:0;
	border-bottom:1px dotted #FFF;
	border-left:0;
	text-transform: uppercase;
}
#lresources a:hover {
	text-decoration: none;
	border-bottom:1px solid #FFF;
}







/* ########################### EXTRA DIVs ########################### */
                 
#extraDiv1 {
	width:50%;
	height:500px;
	position:absolute;
	top:50%;
	left:0;
	margin:-250px 0 0 0;
	background-image:url('images/fond_gch2.jpg');
	background-repeat:repeat-x;
	z-index:20;
	display:block;
}
                 
#extraDiv2 {
	width:50%;
	height:500px;
	position:absolute;
	top:50%;
	right:0;
	margin:-250px 0 0 0;
	background-image:url('images/fond_dte2.jpg');
	background-repeat:repeat-x;
	z-index:10;
	display:block;
}
                 
#extraDiv3 {
	width:740px;
	height:500px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-250px 0 0 -370px;
	padding:0;
	background-image:url('images/photo4.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	z-index:30;
	display:block;
}
            
#extraDiv4 {
	width:50%;
	height:500px;
	position:absolute;
	top:50%;
	right:0;
	margin:-230px 0 0 0;
	z-index:50;
	display:block;
}