dl { 
        margin: 0; 
        padding: 0;                     
    }
    dt { 
        position: relative; /* IE is dumb */
        clear: both;
        display: block; 
        float: left; 
        width: 104px; 
        height: 10px; 
        line-height: 20px;
        margin-right: 17px;              
        font-size: .75em; 
        text-align: right; 
    }
    dd { 
        position: relative; /* IE is dumb */
        display: block;                 
        float: left;     
        width: 197px; 
        height: 10px; 
        margin: 0 0 15px; 
        background: url("../images/g_colorbar.jpg"); 
     }
     * html dd { float: none; } 
    /* IE is dumb; Quick IE hack, apply favorite filter methods for 
    wider browser compatibility */

     dd div { 
        position: relative; 
        background: url("../images/g_colorbar2.jpg"); 
        height: 10px; 
        width: 75%; 
        text-align:right; 
     }
     dd div strong { 
        position: absolute; 
        right: -5px; 
        top: -2px; 
        display: block; 
        background: url("../images/g_marker.gif"); 
        height: 10px; 
        width: 9px; 
        text-align: left;
        text-indent: -9999px; 
        overflow: hidden;
     }
	 

#gallery {
	position: relative;
	margin: 10px auto;
	width: 500px;
	height: 400px;
	background: #2a2a2f;
	border: 2px solid #5f5f5f;
}
 
#progress {
	margin: 10px auto;
	width: 200px;
	height: 15px;
	padding: 2px;
	border: 2px solid #dfdfdf;
}
 
#progress .bar {
	width: 0px;
	text-align: center;
	font-size: 10px;
	height: 15px;
	background: #2a2a2f;
	color: #fff;
	font-weight: bold;
}


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	color: #545454;
	background-color: #C4C4C4;
	/*text-align: center;*/
	text-align: left;
	
}

p {
	margin: 0.1em 0 0.1em 0;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 200%;
	font-weight: normal;
	
}

h2 {
margin: 0px 10px 5px 10px;
padding: 14px 0px 2px 0px;
color: #4c6664;
font-size: 15px;
line-height: 19px;
border-bottom: 1px dotted #CC0066;
font-weight: normal;
text-transform: none;
}



h13 {
margin: 0px 10px 5px 10px;
padding: 14px 0px 2px 0px;
color: #4c6664;
font-size: 30px;

}



h10 {
margin: 0px 10px 5px 10px;
padding: 14px 0px 2px 0px;
color: #4c6664;
font-size: 15px;
line-height: 19px;

font-weight: normal;
text-transform: none;
}







h3 {
	margin: 0.1em;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	color: #FFFFFF;
	}

h4 {	
	margin: 0.1em;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	color: #CC0033;
	}



h5 {
	margin: 0;
	padding: 0;
	font-size: 150%;
	font-weight: normal;
	
}

h6 {
	font-weight: normal;
	font-size: 80%;

padding:7px;	width: 190px; 

 
    border-bottom: 1px solid #FF99CC;
    border-left: 1px solid #FF99CC;


}











h7 {
	font-weight: normal;
font-size: 100%;
background:white;background:#F6F6F6;border:1px dashed #C9C9C9;
}
 
h8 {
	
font-size: 1%;
color: #FFFFFF;
}
 

.h9 {

	padding: 10px;
    margin: 0px 10px 0px 10px;

    border: 1px dotted #FF3399;
    color: #2a5052;

}





div {
	margin: 0; 
	padding: 0; 
	display: block;
}



.container {
	background-color: #FFFFFF; 
	margin: 0 auto 0 auto; 
	padding:0; 
		
	
}

.header {
	color: #FFFFFF;
	margin: 0; 
	text-align: left;
	background-image: url(header.jpg); 
	
	height: 140px;
}







.header p {
	text-indent: 8em; 
	color: #3B4471;
}




.header  a:link {
/*font-weight: bold;*/

color: #FFFFFF;
	text-decoration: none;
}

.header  a:active {
color: #FFFFFF;

	text-decoration: underline;
}

.header  a:visited {
color: #FFFFFF;
	text-decoration: none;
}

.header  a:hover {

	color: #FFFFFF;
	text-decoration: underline;
}






ul.navigation {
	list-style-type: none; 
	float: left; 
	display: block; 
	width: 740px; 
	line-height: 0.1em; 
	clear: both; 
	margin: 0; 
	padding: 0; 
	background-color: White;
	border-bottom: 1px solid #C4C4C4;
}

.left {
	float: left; 
	clear: both; 
	width: 14em; 
	margin: 0 0 0 0.1em; 
	padding: 0;
}


.left2 {
	

	

}






.leftcontent {
	margin: 0.5em; 
	padding: 0.3em; 
	/*border: 1px solid #000000; */
	text-align: left;
	background-color:;
	
}
 








.leftcontent a:link {

color: #000000;
	text-decoration: none;
}

.leftcontent a:active {
	color: #4169E1; 
	text-decoration: underline;
}

.leftcontent a:visited {
	color: #000000;
	text-decoration: none;
}

.leftcontent A:hover {
	color: #FF5B14;
	text-decoration: underline;
}
.leftcontent a.a:hover {
   color: #4169E1; 
	text-decoration: none;
	}


.leftcontent p {
	padding-left: 1em;
}



.left h2 {
	text-align: left; 
	padding: 0 0 0 1em;
}

.leftlinks a {
	display: block;
}

.content {
	height: 900px;

	clear: right; 
	text-align: left; 
	margin: 0.5em 0 0 14.2em; 
	padding: 0.3em 0 0.3em 1ex;
border: 1px dotted #FF3399;

   /*  background-image: url(fond.jpg);   */
}




.doitecontent {
float: right;
}

.gauchecontent {
float: left;
}
.doitecontent2 {
float: right;
padding: 5ex 7ex ;

}
.doitecontent3 {
font-size: 34px;
	color: #FFFFFF;
}


.content  a:link {
font-weight: bold;

color: #000000;
	text-decoration: none;
}

.content  a:active {
font-weight: bold;
	color: #4169E1; 
	text-decoration: underline;
}

.content  a:visited {
font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.content  A:hover {
font-weight: bold;
	color: #FF5B14;
	text-decoration: underline;
}
.content  a.a:hover {
font-weight: bold;
   color: #4169E1; 
	text-decoration: none;
	}









.h9  a:link {
font-weight: bold;

color: #000000;
	text-decoration: none;
}

.h9  a:active {
font-weight: bold;
	color: #4169E1; 
	text-decoration: underline;
}

.h9  a:visited {
font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.h9  A:hover {
font-weight: bold;
	color: #FF5B14;
	text-decoration: underline;
}
.h9  a.a:hover {
font-weight: bold;
   color: #4169E1; 
	text-decoration: none;
	}













.h2  a:link {
font-weight: bold;

color: #FF0066;
	text-decoration: none;
}

.h2  a:active {
font-weight: bold;
	color: #4169E1; 
	text-decoration: underline;
}

.h2  a:visited {
font-weight: bold;
	color: #FF0066;
	text-decoration: none;
}

.h2  A:hover {
font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.h2  a.a:hover {
font-weight: bold;
   color: #FFFFFF; 
	text-decoration: none;
	}








.content h2 {
	padding: 0 0 0 1em;
}

.footer {
	font-size: 75%; 
	
	text-align: center; 
	
}

.footer p { 
	
	padding: 0.5em;
	margin: 0.3em;
}






.style4 {
	font-size: x-large;
	color: #FF0033; 
	}
.Style13 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Style14 {font-size: 11px}
.Style16 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
body {
	background-color: #999999;
}
.Style17 {color: #FFFFFF}


<style type="text/css">
<!--
.Style8 {font-size: 24px}
-->
</style>






/*a:link {
font-weight: bold;
color: #000000;
	text-decoration: none;
}

a:active {
font-weight: bold;
	color: #4169E1; 
	text-decoration: underline;
}

a:visited {
font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A:hover {
font-weight: bold;
	color: #FF5B14;
	text-decoration: underline;
}
a.a:hover {
font-weight: bold;
   color: #4169E1; 
	text-decoration: none;
	}*/