body {
	width: 98.75%;
	margin-top: 2px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
	background-color: Black;
	background-image: url(img/bg-index.gif);
	height: 100%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

div#outer {
  width:760px;
  height:100%;
  margin:0 auto 0 auto;
  -webkit-box-shadow: 10px 10px 25px  #111111;
  -moz-box-shadow: 10px 10px 25px #111111;
  box-shadow: 10px 10px 25px #111111; 
  background-image: url(img/back.png);
}

p {
	color: Black;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 18px;
}

p.text {
  -moz-column-count: 1;
  -moz-column-gap: 15pt;
  -webkit-column-count: 1;
  -webkit-column-gap: 15pt;
  column-count: 1;
  column-gap: 15pt; 
  border-bottom:1px dashed #AAAAAA;
  line-height:20pt;
  margin-bottom:0px;
  padding:8px 5px 9px;
  text-align:justify;
}

p.bigtitle {
  border-bottom:1px solid #BBBBBB;
	font-size: 20pt;
	font-weight: normal;
	line-height: 24px;
	padding-bottom:6px;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
  text-shadow: 3px 3px 5px #666666;
  filter: dropshadow(color=#666666, offx=3, offy=3);
}

p.title {
  border-bottom:1px solid #BBBBBB;
	font-size: larger;
	font-weight: bold;
	padding-bottom:6px;
	margin-top: 15px;
	margin-bottom: 0px;
	text-shadow: 3px 3px 5px #666666;
  filter: dropshadow(color=#666666, offx=3, offy=3);
}

p.small {
	font-size: smaller;
}

a {
	color: #7c7ded;
	text-decoration: none;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

td.content {
	background-color: White;
	font-size: 92%;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

td.menu {
	width: 150px;
	vertical-align: top;
	background-image: url(img/bg-menu.gif);
	background-color: #CACACA;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}

.menuhead {
	border: solid;
	border-width: 1px;
	border-color: Black;
	margin-top: 5px;
	width: 140px;
	background-color: #A7A7F3;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}

span.perm {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: -1px;
	background-color: #A7A7F3;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	color: Black;
	font-size: 9pt;
	letter-spacing: 0px;
  border:1px solid black;
  float:left;
  padding:2px 19px;
}
.permcase { width: 60px !important;}
.permhelp { width: 90px !important;}
.permcont { width: 95px !important;}
.permlegl { width: 110px !important;}
.permnews { width: 115px !important;}
.permgall { width: 55px !important;}

.permcasefr { width: 150px !important;}
.permhelpfr { width: 150px !important;}
.permcontfr { width: 150px !important;}
.permleglfr { width: 153px !important;}

td.perm {
	border: solid;
	border-width: 1px;
	border-color: Black;
}

div.menu,div.menu2 {
	border: solid;
	border-width: 1px;
	border-color: Black;
	margin-top: -1px;
	width: 100%;
	padding-left: 2px;
	padding-right: 2px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

div.menu {
	background-color: #dcdcdc;
}

div.menu2 {
	background-color: #efefef;
}

table.main {
	margin: 0px;
}

.top1 {
	text-align: center;
	background-image: url(img/top.gif);
	width: 760px;
	height: 100px;
}

.top2 {
	text-align: center;
	/*height: 57px;*/

}

div.outerother {
	position: absolute;
	left: 50%;
	top: 125px;
	text-align: right;
}

div.other {
	position: absolute;
	left: 263px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	width: 95px;
	background-color: #C8C8C8;
	margin: 2px;
	padding: 2px;
  height:35px;
}

div.outerw3 {
	position: absolute;
	left: 50%;
	top: 134px;
	text-align: right;
	z-index: 10;
}

div.w3 {
	position: absolute;
	right: 293px;
	font-weight: bold;
	width: 88px;
	height: 31px;
	z-index: 10;
}

img.image {
	border-style: none;
	border-width: 0px;
}

a.hp {
	color: White;
	text-decoration: none;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.black {
	color: Black;
	text-decoration: none;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

table.black {
	background-color: white;
	border-width: 4px;
	border-color: black;
	border-style: solid;
  -webkit-box-shadow: 10px 10px 25px  #111111;
  -moz-box-shadow: 10px 10px 25px #111111;
  box-shadow: 10px 10px 25px #111111; 
}

.box {
	color: white;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.textus {
	color: white;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

div.backstart {
	border: none;
	width: 756px;
	height: 587px;
	background-image: url(../images/back-start.jpg);
	position: absolute;
	left: 50%;
	top: 115px;
	margin-left: -390px;
	z-index: 1;
}

div.hankpic {
	position: relative;
	left: 50%;
	margin-left: -380px;
	z-index: 10;
	width: 760px;
}

ul {
  padding-left:20px;
  margin:10px 0;
}

li {
	list-style-image: url(img/list.png);
}

.exec_en {
  display:none;
  background-image:url("../images/exec-en.png");
  height:294px;
  left:-290px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  top:-544px;
  width:372px;
  z-index:11;
}
.exec_fr {
  display:none;
  background-image:url("../images/exec-fr.png");
  height:231px;
  left:262px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  top:-749px;
  width:385px;
  z-index:11;
}
div.startlinks {
  text-align:center;
  z-index:12;
}
div.counter {
  padding-top: 366px;
  text-align:center;
  z-index:12;
}
div.ex {
  float:left;
  width:157px;
  text-align:center;
  height:30px;
  border-bottom:1px solid #e4e4e4;
  border-right:1px solid #e4e4e4;
  margin:1px;
}
td.content {
  padding:0;
  text-align:center;
}
.confirm {
  margin:auto;
  border:1px solid #3d4086;
  background-color:#cfcfcf;
  font-size:14pt;
  margin-top:30px;
  color:#3d4086;
}
.NEW {
  background-color:#dfdfdf;
}
div.permouter {height:20px;}
div#contentOuter {
  width: 760px;
  background-image: url(img/back.png);
  background-color: white;
}
div#contentTop {
  background-image: url(img/top2.gif);
  background-color:white;
  height: 13px;
  width: 760px;
}
div#contentBottom {
  background-image: url(img/bottom.gif);
  background-color:white;
  height: 18px;
  width: 760px;
}
    
div#content {
  width: 642px;
  margin: 0px auto;
  padding: 10px;
  background: white;
  overflow-x:hidden;
  overflow-y:auto;
  position:relative;
  left:49px;
  float:left;
}

.top2en, .top2fr {
	text-align: center;
	width: 760px;
	height: 45px;
}

.top2en {
	background-image: url(img/en-top.gif);
}

.top2fr {
	background-image: url(img/fr-top.gif);
}
/*
div#scroll {
  width:16px;
  height:100%;
  background: white;
  float:left;
  z-index:100;
  position:relative;
  left:32px;
}
*/