/*
---------------------------------------------------------------------------------------------------------------------------------------
Global CSS
---------------------------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }

html { height: 100%; min-height: 100%; height:auto !important; }

body {
	font-family: Arial;
	font-size: 11px;
	color: #444444;
	margin: 6px;
}

body { background-color: #ddd5cf; }

ul li {
margin-left: 30px;
}

p {margin-bottom: 10px;}

img { border: 0; }
/*
---------------------------------------------------------------------------------------------------------------------------------------
Fonts
---------------------------------------------------------------------------------------------------------------------------------------
*/

h1 a {
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	background: url(../images/suez-logo.png);
	background-repeat:no-repeat;
	width:272px;
  	height:176px;
  	float: left;
  	margin-left: 20px;
}

h2 {
padding-left: 35px;
background: url(../images/glyph.png) no-repeat;
background-position: 0px 8px;
font-size: 1.4em;
color: #96be0d;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 10px;
}

h3 {
margin-bottom: 10px;
font-size: 1.2em;
color: #964d8d;
}
/*
---------------------------------------------------------------------------------------------------------------------------------------
Containers
---------------------------------------------------------------------------------------------------------------------------------------
*/

#top {
width: 984px;
height: 10px;
background: url(../images/top.png) no-repeat;
margin-left: auto;
margin-right: auto;
}

#wrapper {
padding-left: 10px;
padding-right: 10px;
width: 964px;
background: url(../images/bg.png) repeat-y;
margin-left: auto;
margin-right: auto;

}

#header {
display: block;
height: 180px;
background: url(../images/headerbg.png) no-repeat;
background-position: 602px 0px;
}

#navigation {
height: 30px;
background: white url(../images/navbg.png) no-repeat;
}

#footer {
clear: left;
height: 30px;
line-height: 14px;
background: white url(../images/navbg.png) no-repeat;
font-size: 0.9em;
color: white;
}

#footer a {color: white;}

#bottom {
width: 984px;
height: 10px;
background: url(../images/bottom.png) no-repeat;
margin-left: auto;
margin-right: auto;}
}

/*
---------------------------------------------------------------------------------------------------------------------------------------
Navigation
---------------------------------------------------------------------------------------------------------------------------------------
*/

#navigation ul {
margin-left: 5px;
}

#navigation li {list-style: none;display: inline;}

#navigation a {
padding-right: 10px;
padding-left: 10px;
float: left;
border-right: 1px solid #389db1;
border-left: 1px solid #76c2e5;
height: 30px;
line-height: 30px;
color: white;
text-decoration: none;
}

#navigation a:hover {
border-left: 1px solid #389db1;
border-right: 1px solid #76c2e5;
background-color: #65b1ba;
}

/*
---------------------------------------------------------------------------------------------------------------------------------------
Footer
---------------------------------------------------------------------------------------------------------------------------------------
*/

.footer_left {
float: left;
margin-left: 15px;
}

.footer_right {
float: left;
margin-left: 100px;
}

/*
---------------------------------------------------------------------------------------------------------------------------------------
Home
---------------------------------------------------------------------------------------------------------------------------------------
*/

#home {
position: relative;
margin-top: 5px;
height: 340px;
background: url(../images/home.jpg) no-repeat;
}

#home_who {
width: 246px;
height: 188px;
position: absolute;
left: 423px;
top: 65px;
text-align: justify;
}

#home_events {
width: 246px;
height: 188px;
position: absolute;
left: 695px;
top: 65px;
text-align: justify;
}

/*
---------------------------------------------------------------------------------------------------------------------------------------
Content
---------------------------------------------------------------------------------------------------------------------------------------
*/

#content {
height: 300px;
min-height: 300px;
height: auto !important;
padding: 5px;
}

#left_column {
width: 200px;
padding-top: 20px;
float: left;
font-weight: bolder;
padding-right: 10px;
}

#left_column li {list-style: none; margin: 0; margin-bottom: 7px;}
#left_column a {text-decoration: none; color: #404040;}

#right_column {
border-left: 1px solid #ccc;
margin-top: 20px;
float: left;
width: 700px;
padding-left: 30px;
margin-bottom: 20px;
min-height: 250px;
height: auto !important;
height: 250px;
}


#callout_right {
width: 220px;
float: right;
margin-left: 20px;
background-color: #e8e8e8;
padding: 10px;
}

#callout_right img {
text-align:center;
display:block;
}

#events_more {
position: absolute;
top: 190px;
right: -7px;
width: 60px;
height: 20px;
cursor: hand;
}


#who_more {
position: absolute;
top: 190px;
right: -8px;
width: 60px;
height: 20px;
cursor: hand;
}

.selected {
background-color: #ccc;
}

#print {
float: right;
margin-top: 10px;
}

#print {text-decoration: none; color: #444444;}

#sitefx a{
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	background: url(../images/sitefx.png);
	background-repeat:no-repeat;
	width:7px;
  	height:7px;
  	float: right;
  	margin-right: 5px;
  	margin-top: 18px;
  	color: #4AAEDC;
}

.tipstyle
{
background-color:yellow;
border-color:green;
border-style:solid;
border-width:1px;
padding:2px;
font-family:verdana;
font-size:12px;
color:red;
position:absolute;
width:90px;
visibility:hidden;
}