/* CSS Coding for www.GeothermalQuebec.com - Copyrighted 2009 by MichelBayard.com */

/* DOCUMENT */

body {
	background-color: #FFF;
	background-image: none;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px; /* Netscape and IE give the body tag a default margin of 8px Netscape and IE give the body tag a default margin of 8px. Opera does not! */
	padding: 0px 0px 0px 0px; /* Opera applies a default padding of 8px */
	text-align: center; /* for IE */
}

/* THANK-YOU */

div#thankyou {
	position: absolute;
	left: 20px;
	top: 0px;
	width: 175px;
	height: 280px;
	border: 0px solid #000
}

div#thankyou p {
	font-family: verdana;
	font-size: 10px;
	color: #000;
	text-align: center;
}

span#thankyou {
	font-family: arial;
	font-weight: bold;
	font-size: 18px;
	color: #005D00;
	text-decoration: underline;
}

a#close {
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	color: #005D00;
}

/* ERROR */

div#missing {
	position: absolute;
	left: 20px;
	top: 0px;
	width: 175px;
	height: 280px;
	border: 0px solid #000
}

div#missing p {
	font-family: verdana;
	font-size: 10px;
	color: #000;
	text-align: center;
}

span#missing {
	font-family: arial;
	font-weight: bold;
	font-size: 18px;
	color: #F00;
	text-decoration: underline;
}

span#input {
	font-family: verdana;
	font-size: 10px;
	color: #F00;
	text-align: center;
}

a#back {
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	color: #005D00;
}

img.noborder {
	border: 0px;
}

/* Geothermal Quebec LOGO */

div#logo {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	top: 15px;
	width: 855px;
	height: 374px;
	background-image: url('images/index_logo.png');
	border: 0px;
}

/* LANGUAGE BAR */

div#language {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	top: 0px;
	width: 242px;
	height: 26px;
	border: 0;
}

div#english {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	float: left;
	width: 92px;
	height: 26px;
}

div#francais {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	float: right;
	top: 400px;
	width: 92px;
	height: 26px;
}

a#english, a#english:link, a#english:visited, a#english:focus {
	display: block;
	width: 92px;
	height: 26px;
	background: url('images/index_btn_eng.png') no-repeat;
	background-position: center;
}

a#english:hover {
	background-position: top;
}

a#english:active {
	background-position: bottom;
}

a#francais, a#francais:link, a#francais:visited, a#francais:focus {
	display: block;
	width: 92px;
	height: 26px;
	background: url('images/index_btn_fre.png') no-repeat;
	background-position: center;
}

a#francais:hover {
	background-position: top;
}

a#francais:active {
	background-position: bottom;
}

/* NEXT ENERGY */

div#nextenergy {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	left: 0px;
	top: 60px;
	width: 242px;
	height: 110px;
	background-image: url('images/index_nextenergy.png');
	border: solid 0px #000;
}

/* CGC, NRCan, Hydro */

div#geoinfo {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	top: 0px;
	width: 70%;
	height: 127px;
	border: 0px solid #000;
}

/* NRCan */

div#nrcan {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	float: center;
	width: 306px;
	height: 59px;
	background-image: url('images/nrcan.png');
	background-position: top;
	background-repeat: no-repeat;
	border: solid 2px #000000;
}

span#nrcan a {
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

/* CGC */

div#cgc {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	float: left;
	width: 163px;
	height: 123px;
	background-image: url('images/cgc_logo.jpg');
	background-position: top;
	background-repeat: no-repeat;
	border: solid 2px #FF0000;
}

span#cgc a {
	font-size: 12px;
	font-weight: normal;
	color: #0E509A;
	text-decoration: none;
}

/* HYDRO-QUEBEC */

div#hydroquebec {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	float: right;
	width: 132px;
	height: 70px;
	background-image: url('images/hydroquebec.gif');
	background-position: top;
	background-repeat: no-repeat;
	border: solid 2px #003366;
}

span#hydroquebec a {
	font-size: 12px;
	font-weight: normal;
	color: #008F00;
	text-decoration: none;
}

/* NAVIGATION BAR */

.navbar {
	position: absolute;
	left: 200px;
	top: 288px;
	width: 600px;
	height: 35px;
	border: 1px solid #005D00;
	
}


/* NAVIGATION BAR (http://www.cssmenumaker.com) */

.menu{
	position: relative;
	left: 0px;
	top: 106px;
	width: 600px;
	border: 1px solid #333333;
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	}
.menu ul{
	background:#333333;
	height:35px;
	width: auto;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background-color:#333333;
		background-image: url("images/menu_btn.png") top no-repeat;
		color:#EFEFF0;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 20px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #25A803 url(none) bottom center no-repeat;
			color:#EFEFF0;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:194px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:194px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:5px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			color:#35FF00;
			text-decoration:underline;
			}
	.menu p{
		clear:left;
		}
		
/* BANNER-LOGO */

div#bannerlogo {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 600px;
	height: 100px;
	background-image: url('images/banner_logo.png');
	border: 0px;
}

/* BANNER */

div#banner {
	position: relative;
	top: 105px;
	left: 0px;
	width: 600px;
	height: 150px;
	background-image: url('images/banner.png');
	border: 1px solid #005D00;
}

/* FORM */

div#error {
	position: absolute;
	left: 650px;
	top: 100px;
	width: 340px;
	height: 240px;
	background-color: none;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #F3B269;
	background-image: none;
	overflow: none;
}

div#error p {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #912500;
	text-align: right;
}

div#error a:link, a:visited {
	font-weight: bold;
	color: #000;
}

div#error a:hover {
	color: #000;
}

div#error a:active {
	color: #000;
}

div#form {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	float: right;
	width: 210px;
	height: 284px;
	background-color: none;
	border: none;
	background-image: none;
	overflow: none;
}

div#form_old {
	position: absolute;
	left: 550px;
	top: 295px;
	width: 210px;
	height: 284px;
	background-color: none;
	border: none;
	background-image: none;
	overflow: none;
}

div#form2 {
	position: absolute;
	left: 650px;
	top: 100px;
	width: 340px;
	height: 240px;
	background-color: #FFDBAC;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #F3B269;
	background-image: none;
	overflow: none;
}

div#form p {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	text-align: right;
}

input {
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	width: 200px;
	background-color: #EFEFF0;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #005D00;
}

input#submit {
	color: #FFF;
	width: auto;
	background-color: #25A803;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #005D00;
}

input#reset {
	color: #FFF;
	width: auto;
	background-color: #575C5E;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #333333;
}

select#topic {
	color: #000;
	width: 200px;
	background-color: #EFEFF0;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #005D00;
}

textarea {
	width: 200px;
	height: 75px;
	background-color: #EFEFF0;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #005D00;
}

div#contact {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	top: 107px;
	width: 600px;
	height: 400px;
	background-color: none;
	border: 1px solid #333;
	background-image: none;
	overflow: none;
}

/* COMPANY INFO */

div#companyinfo {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	float: left;
	left: 50px;
	top: 125px;
	width: 210px;
	height: auto;
	background-color: none;
	border: none;
	background-image: url('images/companyinfo.png');
	background-repeat: no-repeat;
	text-align: center;
}

div#companyinfo p {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	font-color: #333;
	text-decoration: none;
}

div#companyinfo p span {
	font-weight: bold;
	color: #005D00;
	text-decoration: underline;
}

div#companyinfo a#email {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

/* DIVIDER */

div#divider {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	float: center;
	top: 120px;
	width: 1px;
	height: 284px;
	background-color: #005D00;
	border: none;
}

/* Iframe */

div#iframe {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	top: 125px;
	right: 50px;
	float: right;
	width: 210px;
	height: 284px;
	border: none;
}

/* DHTML WINDOW */

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}