/* CLF 2.0 TEMPLATE VERSION 1.02 | VERSION 1.02 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
h1,h2 {color:#5c5650;}
h3,h4 {color:#000000;}

body.splashBG {
background-color: #FFFFFF;
}

div.msgareaalt {
background: url('/site/images/splash.jpg') #FFF no-repeat;
}

div.headtitleLft {
	padding: 115px 0px 0px 0px;
	color: White;
	font-weight: bold;
	text-align: right;
	width: 38%;
}

div.headtitleRgt {
	padding: 115px 0px 0px 0px;
	color: White;
	font-weight:bold;
	text-align: left;
	width: 40%;
}
	
	div.colLayout {
	BACKGROUND: #FFF url('/site/images/colayout_background.jpg') left 100%;
	HEIGHT: 100%;
}

.leftsidebar {
VERTICAL-ALIGN: top;
WIDTH: 150px;
BACKGROUND-COLOR: #5c5650
}
.menutitle-oneline
{
PADDING-LEFT: 3px;
FONT-WEIGHT: bold;
WIDTH: 150px;
COLOR: #ffffff;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
HEIGHT: 20px
}
.contentdivider
{
HEIGHT: 1px
}
.menudivider
{
HEIGHT: 10px;
BACKGROUND-COLOR: #c3c3c3
}
.rightsidebar
{
VERTICAL-ALIGN: top;
WIDTH: 195px
}

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* =====================================
	ABOUT THE CLERK
	===================================== */			
	
	div.clerkMenu {
		margin: 5px;
		width: 140px;
		/*height: 40px;*/
		vertical-align: bottom;
		line-height: 16px;
		font-size:13px;
		font-weight:bold;
		color:#ffffff;
		background-color:#739272;
		padding: 5px;
		text-align:left;
		
		}
	
		
		div.clerkMenu a {
			text-decoration: none;
			color: #ffffff !important;
			}
			
			div.clerkMenu a:visited { color: #ffffff !important; }
			div.clerkMenu a:hover { text-decoration: underline; color: #ffffff !important; }


ol.lowerAlpha { list-style-type: lower-alpha; }
ol.upperAlpha { list-style-type: upper-alpha; }
ol.lowerRoman { list-style-type: lower-roman; }
ol.upperRoman { list-style-type: upper-roman; }

.floatRight {float:right}
.floatLeft  {float:left}

.RedText {color:#FF0000}
.BlackText {color:#000000}
.WhiteText {color:#ffffff}
.BoldContent {font-weight: bold;}
.ItalicContent {font-style: italic;}

.SmallText { font-size:1px;}
.SmallerText { font-size:70%;}
.TextIndent { text-indent: 50px; }

.BgLiteGreen {background-color: #eef3e2;}
.BgLiteGray {background-color: #C0C0C0;}

/* Three column layout, static. */
div.threeColumn { width: 590px; }
div.threeColumn div.left { float: left; width: 30%; }
div.threeColumn div.center { float: left; margin-left: 10px; width: 30%; }
div.threeColumn div.right { float: right; width: 30%; }

div.MarginBoth {margin-left: 3em; margin-right: 3em;}
div.italicsFix{width: 99%;}
div.BoxMain {border: solid #5c5650 thin 1px;position: relative}
div.BoxMain2 {border: solid #5c5650 thin 1px; padding: 3px}
div.MarginMain {margin:3px; padding: 3px}
div.ContentLeft{width:365px; line-height: 22px; padding-right: 12px;}
div.ContentRight{width:213px; line-height: 22px;}
div.InfoRes { border: solid #5c5650 thin 3px; margin-right: 40px; padding: 3px}
.PaddingTop {padding-top: 5px}
.PaddingTop15 {padding-top: 15px}
.PaddingBottom {padding-bottom: 5px}
.PaddingBottom8 {padding-bottom: 8px}
.PaddingBottom10 {padding-bottom: 10px}
.PaddingRight {padding-right: 5px}
.PaddingRight2 {padding-right: 20px}
.PaddingRightPMP {padding-right: 30px}
.PaddingLeft {padding-left: 5px}
.PaddingLeft2 {padding-left: 10px}
.Padding {padding: 6px}
.MarginLeft {padding-left: 20px}
.imageAbs {position:relative}
.NoHeaderSpace { margin-top:0px; margin-bottom:1px}
.PMCommitte { float:right; font-size:85%; border:solid #5c5650 thin 1px; padding: 4px; margin-bottom:3px; }
.PMPPadding { padding-left: 141px}
h2.fs { margin-bottom:-3px; margin-top:-3px}
table { margin-bottom: 8px}
ul.InitiativeUL  {padding: 5px; font-size:0.8em;}
ul.QuickLinks li { margin-left:-20px; padding:2px} 
li { margin-top: 7px; margin-bottom: 7px}

blockquote.Box {border: solid #000000 thin 1px; padding:10px}

/* Quicklinks on mainpage */
img.QuickLinks  {vertical-align:middle;}
a.QuickLinks{text-decoration:none; font-size:14px; font-weight:bold;}

ul.Maple {list-style-image: url('/docs/images/maple.jpg');}
ul.RecentPubs {list-style-image: url('/docs/images/book1.jpg'); margin-left:25px}

.LineBottom {border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #CCCC99}
.LineTop{border-top-style: solid; border-top-width: 2px; border-top-color: #CCCC99}

.SolidBlack {border: solid black thin; padding-left:3px}
.SolidGreen {border: solid #5c5650 thin}
.DashGreen  {border: dashed #5c5650 thin}
.LiteGrey {border: solid #CCCCCC thin}

.CSIS {border: solid black thin; color:#ffffff; background-color:#000000; text-align:center; padding:4px;}

.alignCenter  {text-align: center;}
.alignRight   {text-align: right;}
.alignLeft    {text-align: left;}
.alignJustify {text-align: justify;}
.alignMiddle  {vertical-align:middle}

h2.nav {text-transform: uppercase; background-color:#5c5650;  color:#FFFFFF}
div.center ul.nav {border: 1px solid #5c5650;}
h2.Speech { font-size:14px}
h3.Speech { font-size:13px}
h4  { font-size:1.1em}
.auditGreen {background-color:#CCCC99; padding: 2px}

.image-left  {float: left; vertical-align: text-top; border:solid; border-color:#eef3e2; margin-right: 4px}
.image-right {float: right;vertical-align: text-top; border:solid; border-color:#eef3e2}
.dyk {border:solid; border-width: 4px; border-color:#f8f8f8; padding: 3px; margin: 4px;}

/*PCO Secretariats main page*/
div.SecRightTitle
{
	padding-left: 5px;
	padding-top: 3px;
	font-weight: bold;
	width: 155px;
	color: #ffffff;
	background-color: #5c5650;
	height:35px;
	margin-top: 3px;
}

div.SecRightContent
{
	PADDING-LEFT: 5px;
	PADDING-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	WIDTH: 150px;
	COLOR: #000000;
	background-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-color:#5c5650;
	border-bottom-width: 1px;
}
span.SecText {color:#000000; font-size: 11px}
a.SecLink {TEXT-DECORATION: none}
a.SecLink:hover {TEXT-DECORATION: none}

/*--rollover color for content and right hand menu--*/
div.center a:hover {color: #990000;}
div.right a:hover {color: #990000;}

body {background-color: #ebebeb;}

/*Right content main page*/
.RightContentTitle
{text-transform:uppercase;
PADDING-LEFT: 5px;
padding-top: 3px;
FONT-WEIGHT: bold;
WIDTH: 190px;
COLOR: #ffffff;
BACKGROUND-COLOR: #5c5650;
height:18px;}
div.RightContent{border: solid #5c5650 thin 1px; margin-bottom: 6px; padding:3px}

h2 {color:#000000}

table.bordered {
	border-collapse: collapse;
	border: 1px solid #ccc;
}
table.bordered th {
	background-color: #999999;
	padding: 5px;
}
table.bordered td {
	border: 1px solid #ccc;
	padding: 5px;
}
table.smalltext td, table.smalltext th {
	font-size: 11px;
}

/* Exams */
#messagebox {
	background-color: #ffc;
	border: 1px dotted #c00;
	color: #c00;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.4;
	margin: 5px 0;
	overflow: hidden;
	padding: 0 8px;
	text-align: left;
}
#messagebox.success {
	background: #efe url("/exams/_images/iconSuccess.png") 8px 0.7em no-repeat;
	border-color: #0f0;
	color: #172;
	padding-left: 30px;
}
#messagebox.warning {
	background: #ffe url("/exams/_images/iconWarning.png") 8px 0.7em no-repeat;
	background-color: #ffe;
	border-color: #f60;
	color: #983d00;
	padding-left: 30px;
}
#messagebox.failure {
	background: #fee url("/exams/_images/iconFailure.png") 8px 0.7em no-repeat;
	border-color: #f00;
	color: #c00;
	padding-left: 30px;
}
#messagebox img { border: 0; padding: 0 2px; }
#messagebox p { margin: 0; padding: 8px 0; }

ol.requirements, ol.requirements li {
	list-style-type: lower-alpha;
}
ol.requirements {
	float: left;
	margin: 0;
	padding: 0 0 0 30px;
}
ol.requirements li {
	clear: left;
	padding-left: 10em;
}
ol.requirements strong {
	float: left;
	margin-left: -10em;
	width: 10em;
}

/*---Initiative tool tweaking---*/

#slideshow-container {
	background:url(/site/images/sshw-mdiap/deco.gif) repeat-x bottom;
	padding-bottom:0px;
}

/*----rounded corners------*/

div.roundCornerDark1 {
	background: #5c5650; margin: 0px 5px; height: 1px; line-height: 1px;
}
* html div.roundCornerDark1
{
	display: inline;
}
*:first-child+html div.roundCornerDark1
{
	display: inline;
}
div.roundCornerDark2 {
	 line-height: 1px; BORDER-RIGHT: #5c5650 2px solid; BACKGROUND: #5c5650; MARGIN: 0px 3px; BORDER-LEFT: #5c5650 2px solid; HEIGHT: 1px
}
div.roundCornerDark3 {
	BORDER-RIGHT: #5c5650 1px solid; BACKGROUND: #5c5650; MARGIN: 0px 2px; BORDER-LEFT: #5c5650 1px solid; HEIGHT: 1px
}
div.roundCornerDark4 {
	BORDER-RIGHT: #5c5650 1px solid; BACKGROUND: #5c5650; MARGIN: 0px 1px; BORDER-LEFT: #5c5650 1px solid; HEIGHT: 2px
}
.roundTitle {position: relative; padding-left:5px; text-transform: uppercase; color:#f8f8f8; font-weight:bold; background-color:#5c5650; padding-bottom:3px}
.roundContent {position: relative; border: solid #5c5650 thin; padding-left: 3px; border-bottom: solid #5c5650 thin 15px;background-color:#f8f8f8;}
.roundTitle h2 {color: #FFFFFF; font-size:100%; margin-top: -1px; margin-bottom:-1px}
.roundBottom {position: relative; margin-bottom:5px}
.roundMenuContent {position: relative; padding:3px;  border-bottom: solid #5c5650 thin 1px; margin-left: -3px}
.roundLink {text-decoration:none; padding-left: 7px}
.roundBlack { color:#000000}
.roundCorner { position: relative}

/*colors of text on main banner*/
div.banner p.main {
color:#000000
}
div.banner p.siteuri {
color:#000000
}
p.breadcrumb a:link, p.breadcrumb a:visited, p.breadcrumb a:hover, p.breadcrumb a:active, p.breadcrumb a:focus
{
	color: #5c5650;
}