html {
	height:100%;
	margin:0; 
	padding:0;
}



img#bg {
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	z-index:-1;
}

img#corpsBG1 { 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	z-index:-1;
}
	
	
#pageContent {
	position:relative; 
	z-index:1;
}	
	
body {
   height:100%;
   width: 1000px; 			/* a bit less than 1024 so people with 1024x768 resolution aren't obliged to scroll */
   margin: auto; 			/* to center the page */
   margin-top: 10x; 		/* to avoid sticking to the top of the window */
   margin-bottom: 20px;    /* idem */
   padding:0;
   background-attachment:fixed;
   color:#00367e;
   font-family: Trebuchet,Times, serif;
}

#selectbgdiv {
	font-family: Verdana, Times, serif;
	font-family: xx-small;
	z-index:99;
}

#header {
	width: 758px;
	height: 100px;
	margin: auto; 												/* to center the page */
	margin-top:15px;
	margin-bottom: 20px;
	font-family: Verdana, Times, serif;
	font-family: x-small;
	padding:0px;
	border:none;
}

#header img {
	border:none;
}

#droid_banner {
	position:absolute;
	left:200px;
	z-index:2;

}


#viralheaderdiv {
	height: 11px;
	position:relative;
	top:0px;
	z-index:2;
}

#menu {
   background-color: black;
   background: url("/images/bg_trans_white3-180px.gif");
   background-repeat: repeat-y;
   background-position: 4px;
   float: left; 												/* the menu will float on the left */
   width: 185px;
}

.element_menu {
	margin-left: 8px;
	background-color: White;
	border: 2px solid black;
	-moz-border-radius: 25px 50px;
	border-radius: 25px 50px;
	margin-bottom: 8px;										/* is recognised by IE9 */
	padding-left: 3px;
	background-image: url("/images/bg_trans_white.png");
}

.element_menu:hover {
	margin-left: 8px;
	background-color: White;
	border: 2px solid black;
	-moz-border-radius: 25px 50px;
	border-radius: 25px 50px;
	margin-bottom: 8px;										/* is recognised by IE9 */
	padding-left: 3px;
	background-image: url("/images/bg_trans_white2.png");
}

.element_menu h3 {
	margin-left: 8px;
	padding-left: 3px;
	font-family: "Arial Black", "Times New Roman", Times, serif;
	font-size: small;
}

.element_menu ul {
	list-style-type:none;
	margin-left: 8px;
	padding-left: 10px;
	font-family: Calibri, Times, serif;
}


.element_menu a {
   color: steelblue;
   text-decoration:none;
}

.element_menu a:hover {
   color: red;
   font-weight:bold;
}

#rightdiv {
   background-color: lavender;
   float: right;
   width: 150px;
}

/*  -----------------------------------------------------------------------------------------------------------------  */
/*  ---------------------------------------------------   CORPS   ---------------------------------------------------  */
/*  -----------------------------------------------------------------------------------------------------------------  */

#corps {
	position: relative;
	top: -20px;
	margin-left: 200px;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 26px;
	padding-bottom: 30px;
	font-family: Trebuchet,Calibri,Times, serif;
	position:relative;
	z-index:1;
	border-width: 40px 40px 40px 40px;
}

img#superposition_top {
	position:absolute; 
	top:0; 
	left:0; 
	z-index:-2;
}

img#superposition_bottom {
	position:absolute; 
	left:0; 
	bottom:0;
	z-index:-2;
}

#corps a {
	color: #328ed6;
	text-decoration:underline;
}


#corps a:hover {
	color:navy;
	font-weight:bold;
}


table {
	margin:auto; 	/* no need to define width to center a table */
	border-collapse: collapse;
   }

  
th {
	font-weight: bold;
}


h3 {
	padding-left: 40px;
}



#corps table a {
	color: grey;
}

#corps table a:hover {
	color: red;
	text-decoration: blink;
	text-transform:none;
	font-weight:normal;
}

#corps table th a:hover {
	font-weight:bold;
}



#footer {
	margin-left: 200px;
	clear: both;
	padding: 5px;
	font-size: small;
	font-family: Verdana, Times;
}
#footer h1 {
	font-size: small;
	font-weight: normal;
}
#footer a {
	color:navy;
	font-weight:normal;
}

#footer a:hover {
	color:blue;
	/*font-weight:bold;*/
	text-decoration:none;
}


.artwork {
	border:1px solid #888;
	box-shadow: 10px 10px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 10px 10px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3);
}


/* for the two scrollers */

#pscroller1 {
	width: 200px;
	height: 100px;
	border: 1px solid black;
	padding: 5px;
	background-color: lightyellow;
}

#pscroller2 {
	position: absolute;
	left: 465px;
	top: 72px;
	width: 500px;
	height: 20px;
	border: none;
	padding: 3px;
	color: #98AFC7;
}

#pscroller2 a{
	color: #3399FF;
}

.scroller_class {
	z-index:3;
}