/*styles for PP home page*/

/* basic settings for everything; sets page background colour */
body {
background-color:#718AA0;
color : #000;
text-align : center;
margin : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
}

div {padding:0;
margin:0;}

img {
	border:none;
}

/* holds the image at the top*/

#banner {display:block;
z-index:50;
clear:both;
}

/* page heading displayed over banner image*/
h1 {
position:absolute;
top: 130px;
z-index: 100;
width: 760px;
font-size : 140%;
color:#FFFFFF;
background-color: transparent;
text-align : center;
}

/* holds the page content together in the middle of the page */
#content {
width : 760px;
margin : 0 auto 0 auto;
border : 4px solid #181F74;
color:#000099;
background-color:#eff;
padding : 0;
text-align : left;
} 

/* adds margins after banner */
#main {
	padding: 0 0.6em 0.3em 0.6em;
}

/* items only used for home page layout, french and english parts */
#content-home {
width : 760px;
margin : 0 auto 0 auto;
border : 4px solid #181F74;
color:#000099;
/* this image marks the two divisions on the home page*/
background-image: url(images/content-bg.gif);
background-color:#eff;
padding : 0;
text-align : left;
} 

#body-en {
width: 47%;
float: left;
}

#body-en-inside {
/* hack for IE6 to get two divs lined up */
padding: 0.75em 1em 0.5em 0.7em;
}

#gbflag {
	float: left;
	margin: 0 5px 5px 0;
display: block;
}

#body-fr {
margin: 0 0 0 50%;
}

#body-fr-inside {
padding: 0.75em 0.75em 0.5em 0;
}

#frflag {
display: block;
	float: right;
	margin: 0 0 5px 5px;
}

/* navigation menu at top of page*/
#navmenu {
text-align : center;
margin : 0.5em 0 0 0;
padding:0;
}

#navmenu li {
display: inline;
line-height: 1em;
padding : 0;
}

#navmenu a {
padding : 0.3em 0.5em;
	font-weight:bold;
	font-size: 85%;
	text-decoration:none;
	color : #bdf;
	background-color : #718AA0;
	border : 2px solid #000;
}

#navmenu a:hover{
background-color : #009;
}

#navmenu a:visited {
	color: #E6E6FA;
}

/* this is the current page item and should not be a link! */
#navmenu #current {
margin : 0 0.3em 0 0;
padding : 0.3em 0.5em;
	font-weight:bold;
	font-size: 85%;
	color : #ff9;
	background-color : #009;
	border : 2px solid #000;
}

/* for the home button*/
#navmenu li a img{
vertical-align:middle;
}


/* assorted styles for main page content */

h2 {
	font-size : 110%;
	margin : 0.5em 0em 0.5em 0em;
}

h3 {
	font-size : 100%;
}

img.left {
display:inline;
margin: 5px 5px 5px 0;
float: left;
}

img.right {
display:inline;
margin: 5px 0 5px 5px;
float: right;
}

#body-en-inside ul, #body-fr-inside ul  {
margin-left:0.7em;
padding-left:0.7em;
list-style-type:disc;}

/* for last para on page if floated images near the bottom*/
p.clear {clear:both;}

/*for images with captions*/
p.center {
	text-align : center;
}

/* for emphasis */
p.emph {font-weight:bold;
color: #3333FF;
}

/* copyright/contact details area */
#footer {
color: #007EF6;
background-color:#bdf;
font-size: 0.8em;
padding: 0.5em 0 1em 0;
text-align:center;
}

#footer a:link, #footer a:visited {
	color: #007EF6;
}

#footer p {padding:0 0 0.2em 0;
margin: 0.4em 0 0 0;
clear: left;
}