/* style.css - a simple style sheet */

body
{
	margin:  0px;
  background-color:  000033;
  /*background: #000033 url(images/x.gif) repeat-y 0%;*/
}

#title{
	font-family:arial;
	font-size:1.4em;
	color:#333366;
	font-weight:bold;
	position:absolute;
	text-align:right;
	margin-top:-4em;
	width:50%;
	left:40%;
}

.english{
	display:none;
}

.french{
	display:block;
}

a:link{
text-decoration:  none;
color:  gray;
}

a:visited{
text-decoration:  none;
color:  gray;
}

a:hover{
color: orange;
text-decoration:  underline;
}

a.menu:link{
text-decoration: none;
color:#303030  ;
}

a.menu:visited{
text-decoration: none;
color:#303030 ;
}

a.menu:hover{
color: gray;
}

a.lang:link{
text-decoration:none;
color:gray;
}

a.lang:visited{
text-decoration:none;
color:gray;
}

a.lang:hover{
color:orange;
}


/*
div.sidebar
{
	
	position:  relative;
	top:  0px;
	left:  0px;
	background-color:  000033;
	width:	17.5%;
	height:  100%;
}
*/

div.fakeit
{
	height:  20%;
	margin-top:  50%;
}
div.logo
{
	position:  absolute;
	z-index:  1;
	left:  40%;
	top:  0px;
	height:  120px;
	width:  20%;
}
	
div.divider
{
	position:  relative;
	height:  15px;
	background-color:  000033;
}

div.menubar
{
	
	position:  relative;
	float:  left;
	left:  0px;
	margin-right:  0;
	background-color:  #C0C0C0;
	width:	22%;
	z-index:  1;
	height:  100%; 
}

html>body div.menubar
{
}

div.maintext
{
	position:  absolute;
	background-color:	white;
	top:	0;
	left:  17.5%;
	width:  65%;
	height:  100%;
	text-align:	justify;
	background: white url(images/x.gif) repeat-y 100%;
}

html>body div.maintext
{
	height:  auto;
}

div.button
{
	position:	relative;
	/*top:	15%;*/
	width:	95%;
	left: 2.5%;
	height:	25px;
	border-bottom:	1px solid gray;
	font:  .75em trebuchet ms;
}

div.buttonText
{
	position:  absolute;
	width:  100%;
	bottom:  10%;
	color:  red;
}

div.subbutton
{
	position:	relative;
	/*top:  -26px;*/
	width:	85%;
	left: 15%;
	height:	25px;
	border-bottom:	1px solid gray;
	border-left:  1px solid gray;	
	font:  .75em trebuchet ms;
	/*background-color:  CCCCCC;*/
	display:none;
	
}

div.subbuttonText
{
	position:  absolute;
	left:  10%;
	bottom:  10%;
	color:  red;
}

div.titlebar
{
	position: relative;
	background-repeat:	no-repeat;
	top:	0;
	left:	0;
	width:	100%;
	height:	120px;
	text-align:	center;
	border-bottom:  1px solid gray;		
}


div.footer {
/*
	left:  30%;
*/
	text-align:  center;
	width:  100%;
	position: relative;
	margin-top:  15%;
	margin-bottom:  0%;
	/*height:  37px;*/
	/*border:  1px solid black;*/
}

html>body div.footer
{
	margin-bottom:  60%;
}

div.single
{
	float:  left;
	width:  75%;
}
	
div.column1
{
	float:  left;
	width: 50%;
	margin-right: 2%;
	border-right:  1px solid gray;
}

div.column2
{
	/*border:  1px solid black;	*/
}		

div.languagebar
{
	position:  absolute;
	right:  5;
	top:  121;
	color:  gray;
	z-index:  1;
	font-family:  verdana;
	font-transform:  lowercase;
	font-size:  .75em;
}

p.title
{
	position:  relative;
	font-family:	times new roman ps;
	/*font-style: italic;*/
	font-size:	25px;
	color: 000033;
	/*border-top:  15px solid;*/
	border-top-color:  000033;
	width:	100%;
	text-align:center;
	padding-top:  10px;
	margin:  2%;
	margin-bottom:  20px;
	margin-top: 1%;
	text-decoration:  underline;
	font-weight: bold;
}

p.content {
	position:  relative;
	font-family:	trebuchet ms;
	font-size:	.75em;
	margin-left: 0;
	padding:  0px;
	/*margin-top:  15px;*/
	margin-right: 2%;
	margin-left: 2%;
	width:  100%;
	/*border: 1px solid gray;*/
}	

.firstline
{
	margin-top: 0px;
}

.sized
{
	width: 120;
}


html>body p.content /*firefox hack*/
{
margin-left:  5%;
margin-right:  5%;
width:  92%;
}

h1
{
	font-type:  bold;
	text-transform:  underline;
}
#pipe ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#pipe ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-left: 1px solid gray;
	list-style: none;
	display: inline;
	color:  000033;
	font-family:  verdana;
	font-size:  11px;
	text-transform:  lowercase;
	}
	
		
#pipe ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}


.floatleft
{
	position:  relative;
	float:	left;
	padding-left:	10px;
	padding-right:	10px;
	margin-right:  10px;
	margin-top:  0px;
}

.floatright
{
	float:	right;
	padding-left:	10px;
	padding-right:	10px;
	margin:  4%;
	margin-right: 2%;
	margin-top:  0px;
	clear:  right;
	
}

ul.square
{
	list-style-type: square;
	list-style-position: inside;
	font-family:  trebuchet ms;
	margin-right:  3%;
	font-size:  12px;
}

li
{
	margin-top:  7px;
}

td.border{
	text-align:  center;
	border:	1px solid black;
	font-size:  12px;
	font-family:  arial;
}

.signin-inputbox {
 	font-family: "Verdana", Geneva, sans-serif;
	font-size: 7pt;
	color: #000000;
	border-top-color: #000000;
	border-left-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	background-color: #ffffff;
}