/*

	CENTRE FOR PUBLIC MANAGEMENT -
	VERSION 1.0 [BASE]
	
	-----------------------------------------
	
	developer: Michel Joanisse
	email: michel.joanisse@mountainmamma.com
	website: http://www.mountainmamma.com
	last updated: April 27th, 2010
	
	-----------------------------------------
	
	CONTENTS ------------
	
	   1.CORE
	   2.HEADER
	   3.CONTENT
	   4.SIDEBAR
	   5.FOOTER
	   	   
    --------------------
	
*/


/* 1.CORE
---------------------------------------------------------------------- */
* {margin:0;padding:0;font-size:12px;color:#6e6f70;font-family:Arial, Helvetica, sans-serif;}
dfn, dfn * {font-style:normal;font-size:10px;}
abbr {cursor:help;border-bottom:0;}

body {
	width:980px;
	margin:0 auto;
}


/* 2.HEADER
---------------------------------------------------------------------- */
div#header p#lang_selector {position:absolute;top:0;right:0;}
div#header {position:relative;}
div#header h2.branding a {
	background:url(../images/branding_logo.jpg);
	width:385px;height:82px;
	display:block;
	margin:30px 0 60px 0;
	text-indent:-1000em;
}/*>*/div#header h2.branding.fr a {background:url(../images/branding_logo-fr.jpg);}

div#header .wrapr {
	max-height:130px;
	/*overflow:hidden;*/
	position:absolute;
	right:0;top:30px;
}

div#header ol {
	text-align:right;
	list-style:none;
	font-size:13px;
	float:right;
	clear:both;
}

div#header ol.small {margin-top:7px;}
div#header ol li {font-size:13px;margin-bottom:3px}
div#header ol.small li {font-size:12px;}
div#header ol a {color:#00457c;}
div#header ol li strong {color:#00457c;font-size:14px;}



/*
banner
*/
div#banner {
	width:100%;
	min-height:140px;
	float:left;
	clear:both;
	background:url(../images/bg_banner.jpg) repeat-y;
}

div#banner div.inner {
	background:url(../images/banner_photo01.jpg) top left no-repeat;
	padding:20px 20px 20px 400px;
	float:left;
}


div#banner * {color:#000;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:24px;}
div#banner h2 {color:#0d5897;font-size:20px;margin-bottom:10px;}
div#banner cite {display:block;text-align:right;font-style:normal;}
/*unsupported ie6, 
but also not necessary
and for stylistic
preferences, therefore
why not use -> */div#banner cite:before {content:"- ";}


/* 3.CONTENT
---------------------------------------------------------------------- */
div#content {
	float:left;
	width:100%;
	clear:both;
	padding:20px 0;
}/*>*/div#content * {line-height:24px;color:#000;}

div#content div.inner {float:left;width:580px;}
div#content .inner a {color:#fd7008;}

div#content h1,
div#content .border_bottom {
	float:left;
	width:100%;
	margin:15px 0;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #333;
	padding:0 0 10px 0;
	float:left;
	color:#0d5897;
}/*>*/body.sub div#content h1 {}

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5 {color:#0d5897;margin:10px 0;}

div#content h1 {font-size:24px;}
div#content h2, div#content h2 * {font-size:20px;}
div#content h3 {font-size:16px;}
div#content h4 {font-size:14px;}
div#content h5 {font-size:12px;}


div#content p,
div#content ul,
div#content ol,
div#content blockquote,
div#content dl {margin:15px 0;list-style-position:inside;}

div#content ul li, div#content ol li {margin-bottom:10px;*margin-bottom:3px;}
div#content ul ul, div#content ol ol {margin-left:25px;}

div#content .condensed, div#content .condensed * {line-height:normal!important;}
div#content .no_style {list-style:none outside;}

div#content a.block {
	margin-top:10px;
	display:block;
	float:right;
	font-weight:bold;
	text-decoration:none;
	color:#4a4445;
	font-size:16px;
}

/*orange 
arrow(s)*/
body div#content .arrows,
body div#content * .arrows {
	background-repeat:no-repeat;
	background-position:right center;
}

div#content h2.arrows {background-position:left center;}
div#content .arrows.sml {background-image:url(../images/arrows_sml.gif);padding-right:24px;}
div#content .arrows.lrg {background-image:url(../images/arrows_lrg.gif);padding-left:31px;}

/*staff
profile(s)*/
div#content dl.profile {
	float:left;
	width:560px;
	background:#f0f5f9;
	padding:10px;
}

div#content dl dt {font-weight:bold;}
div#content dl.profile img, 
div#content dl.profile div {float:left;}
div#content dl.profile div {border-right:1px dotted #333;padding:0 10px;}
div#content dl.profile div.last {border:0;} 

/* 4.SIDEBAR
---------------------------------------------------------------------- */
div#sidebar {
	float:right;
	width:350px;
}

div#sidebar h2 {
	float:left;
	width:350px;/*-padding*/width:319px;
	margin:15px 0;
	line-height:normal;
	border-bottom:1px dotted #333;
	padding:10px 0;
	color:#5c5f67;
}/*>*/div#sidebar h2 a {color:#5c5f67;text-decoration:none;}
/*-->*/div#sidebar h2 a:hover {text-decoration:underline;}


div#sidebar dl {
	float:left;
	width:100%;
	padding-bottom:10px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #333;
}

div#sidebar dl dt {font-weight:bold;font-size:16px;color:#0d5897;}
div#sidebar dl dd.anchor {float:right;}

/* 5.FOOTER
---------------------------------------------------------------------- */
div#footer {
	border-top:1px dotted #333;
	padding:20px 0 40px 0;
	margin-top:20px;
	clear:both;
	width:100%;
	float:left;
}/*>*/div#footer p {color:#0d5897;}