/* CLF 2.0 TEMPLATE VERSION 1.02 | VERSION 1.02 DU GABARIT NSI 2.0 */

.blueborder {
	padding: 5px;
	border: solid #003366 1px;
	min-width: 135px;
}

.flipper_blueborder {
	padding: 0px;
	border: solid #003366 1px;
	min-width: 135px;
}
.redborder {
	padding: 5px;
	border: solid #880000 1px;
	min-width: 135px;
}

div.right {
	padding-bottom: 15px;
}
	
h2.feature { font-size: 105%; color: #000066; text-transform: uppercase; margin-top: 3px; margin-bottom: 0px;
	}	
	
div.center h2.featureRed		{ font-size: 100%; background-color: #922; color: #FFF;  
						  margin-top: 0px; margin-bottom: 0px; width: 391px; padding: 4px 2px 4px 0px; }	
						  
/* Original orange #C65E27 */
/* div.center h2.featureOrange { font-size: 100%; background-color: #C65E27; color: #FFF; margin-top: 0px; margin-bottom: 0px; width: 391px; padding: 4px 2px 4px 0px; } */

div.center h2.featureOrange	 { font-size: 100%; background-color: #B40; color: #FFF; margin-top: 0px; margin-bottom: 0px; width: 391px; padding: 4px 2px 4px 0px; }

.headdate { 
	color:#069; 
	padding-top: 0px;
	margin-top: 0px;
	}
div.center h3.whatsnew {
	font-size: 105%;
	color: #000066;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
div.center h3.whatsnew img.image-left { 
	float: left;
	vertical-align: text-top; 
	padding-right: 5px; 
	padding-bottom: 5px;
	margin-top: 0px;
}
/* Styles used for Home Page elements */
div.center h2.nav, div.center h2.nav a:link, div.center h2.nav a:visited {
	background-color: #036;
	color: #FFF;
	text-decoration: none;
}

div.center h3.whatsnew {
	font-size: 105%;
	color: #248;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
div.center h3.whatsnew-red {
	font-size: 105%;
	color: #922;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
div.center h3.whatsnew img.image-left { 
	float: left;
	vertical-align: text-top; 
	padding-right: 5px; 
	margin-top: 0px;
}
p.home-feature-title {
	font-size: 105%;
	color: #248;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

p.home-feature-title-red {
	font-size: 105%;
	color: #922;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.blueborder {
	padding: 5px;
	border: solid #248 1px;
	min-width: 135px;
}

.redborder {
	padding: 5px;
	border: solid #922 1px;
	min-width: 135px;
}

h2.feature				{ font-size: 105%; color: #248;  
						  margin-top: 3px; margin-bottom: 0px; }	

div.center .headerRelatedLinks		{ font-size: 115%; }

.headdate { 
	color:#069; 
	padding-top: 0px;
	margin-top: 0px;
	}

div.center p.home-feature-title img.image-left { 
	float: left;
	vertical-align: text-top; 
	padding-right: 5px; 
	margin-top: 0px;
}

div.center p.home-feature-title-red img.image-left { 
	float: left;
	vertical-align: text-top; 
	padding-right: 5px; 
	margin-top: 0px;
}

div.blueline			{ background-color: #248; height: 4px; }

/* Styles used for colours */

.colour-orange          { color: #EE9900; background-color: transparent; }
.colour-red          	{ color: #992222; background-color: transparent; }
.colour-blue-dark    	{ color: #000099; background-color: transparent; }
.colour-blue-med    	{ color: #0066CC; background-color: transparent; }
.colour-yellow          { color: #FFCC33; background-color: transparent; }
.colour-mauve         	{ color: #666699; background-color: transparent; }
.colour-green           { color: #006633; background-color: transparent; }
.colour-gold            { color: #999900; background-color: transparent; }
.colour-white           { color: #FFFFFF; background-color: transparent; }

.pdfFormat				{ background-color: #922; color: #FFF; font-size: 75%; font-weight: bold; padding: 1px 5px 1px 5px; }
.RSSicon, .RSSicon a    { background-color: #F63; color: #FFF; font-size: 90%; font-weight: bold; padding: 1px 6px 1px 6px; text-decoration: none; border-bottom: 1px solid #666; border-right: 1px solid #666; }
.TrueFalse, .TrueFalse a    { background-color: #69C; color: #FFF; font-size: 95%; font-weight: bold; padding: 1px 10px 1px 10px; text-decoration: none; border-bottom: 1px solid #248; border-right: 1px solid #248; }

.redLetter140		{ color: #922; font-size: 140%; font-weight: bold; }

.clearBoth			{ clear:both; }

/****** Start styles for Spotlight section in right menu  ******/
div.right td.spotlight-item, div.right div.spotlight-item {
	font-size: 100%;
	vertical-align: top;
	color: #000066;
	padding: 3px 5px 3px 3px;
	margin: 0;
}
div.right td.spotlight-item a, div.right div.spotlight-item a {
	color:#000066;
}
div.right td.spotlight-item a:visited, div.right div.spotlight-item a:visited {
	color:#000066;
}
/****** End styles for Spotlight section in right menu  ******/

div.right .menucontent, div.right .menucontent2 {
	border-bottom: 1px solid #CCC; 
}
div.right li.menucontent2, div.right div.menucontent2, div.right a.menulink2 {
	background-color: #FFEEDD;
}
		
hr 						{ border-bottom: 1px solid #003366; }
		
hr.spotlight { border-bottom: 1px solid #ccc; clear:both; }

.margin-bottom-none { margin-bottom: 0; padding-bottom: 0; }
.margin-top-none { margin-top: 0; padding-top: 0; }
.margin-both-none { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; }

.colour-red          { color: #CC0000; background-color: transparent; }
.colour-blue-dark    { color: #000066; background-color: transparent; }
.colour-blue-med    { color: #0066CC; background-color: transparent; }
.colour-yellow          { color: #FFCC33; background-color: transparent; }
.colour-mauve         { color: #666699; background-color: transparent; }
.colour-green           { color: #006633; background-color: transparent; }
.colour-gold              { color: #999900; background-color: transparent; }
.colour-white            { color: #FFFFFF; background-color: transparent; }

/* Simple table display classes. */

.table-smallfont             { font-size: smaller; }
.table-font70                { font-size: 70%; }
.table-style1                { border: 2px #999999 solid; font-size: smaller; }
.table-highlights            { float: right; font-size: smaller;  margin-left: 6px; margin-bottom: 6px; }
td.cell-highlights           { background: #FFFFE5;  padding: 6px;  border: 2px #000099 solid; }
.table-expenses              { border: 1px #CCCCCC solid; width: 98.5%; }
td.cell-exp                  { border-left: 1px solid #CCCCCC; border-bottom: 1px #CCCCCC solid; }
td.cell-exp-date            { border-bottom: 1px #CCCCCC solid; }
td.cell-exp-total            { border-top: 1px #CCCCCC solid; }
	
.cell-grey-lt        { background: #E5E5E5;  }
.cell-grey           { background: #CCCCCC;  }
.cell-blue-med  { background: #0033CC; color: #FFFFFF; }
.cell-blue-dark  { background: #003366;  color: #FFFFFF; }
.cell-blue-lt        { background: #CCFFFF; }
.cell-tan              { background: #CCCC99; }
.cell-mauve        { background: #9999CC; }
.cell-yellow        { background: #FFCC33; }
.cell-yellow-lt    { background: #FFFFCC; }
.cell-black          { background: #000000;  color: #FFFFFF; }
.cell-dmp            { background: #CCFFCC; }

.box-highlight { background: #E5E5E5; padding: 10px; border: 1px solid; text-align:center; }
/* Very simple box highlight */

.box-redborder { padding: 8px; border: 4px #CC0000 double; text-align:left; }
/* Very simple box highlight with red border */

.box-dashed { border: 1px dashed #CC0000; border-width: 1px; padding: 0.5em; background: #E5E5E5; }

.box-note { border: 2px solid #000099; border-width: 2px 2px 2px 10px;
padding: 0.5em 0.5em 1em; background: #FFFFE5; }

.box-recommendation { border: 2px solid #666666; border-width: 2px 2px 2px 10px;
padding: 0.5em 0.5em 1em; background: #E5E5E5; }

.navbar-2col, .navbar-2col a { background: #FFCC33; display: block;  padding-top: 1px; padding-bottom: 1px; width: 284px; color: #000000; font-size: 9pt; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold; text-align: center; }
.navbar-3col, .navbar-3col a { background: #FFCC33; display: block;  padding-top: 1px; padding-bottom: 1px; width: 148px; color: #000000; font-size: 9pt; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold; text-align: center; }

.docnav			   { font-weight: bold; text-align: center; }
.docnav span  { color: #CC0000; }
 
 /* Styles used to simulate table formats */

div.row					{ margin: 0; padding: 0; width: 100% }
div.cols2-NoBorder		{ float:left; width: 46%; margin: 0 3px 0 0; padding: 0; }
div.cols3-NoBorder		{ float:left; width: 30%; margin: 0 3px 0 0; padding: 0; }
div.cols3-Border		{ float:left; width: 30%; margin: 0 3px 3px 0; padding: 4px; border: 2px solid #248; background-color: #FED; }

						
/* Other navigation elements */

.Start, .Start a    { background-color: #CC6600; color: #FFF; font-size: 95%; font-weight: bold; padding: 1px 10px 1px 10px; text-decoration: none; border-bottom: 1px solid #248; border-right: 1px solid #248; }

/* Richard MISC CSS elements */
/* acronym style declaration for IE 6 and Firefox */

abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: .1em dotted;
  border-bottom-color: #666;
}

/* Image for news release on right navigation */
.navnews {
	background: #EEE;
	padding: .5em;
	height: 56px;
	margin-bottom: 3px;
	border: #999 solid 1px;
	font-size:.95em;
}

.navnews a { text-decoration: none; color:#000; }
.navnews a:hover { text-decoration: underline; color:FFF; }
.navnews a:visited { text-decoration: none; color:#407; }

.navnews img {
float: left;
display: block;

padding: .2em .5em .1em .06em;
}

/* Video Feature Divider */
div.feature-divider {
	border-bottom: 1px solid #248;
	min-height:81px;
	padding-bottom:9px;
}
/* End Video feature divider */

/* Indent classes */
.indent10 {
	padding-left: 160px;
}
/* End Indent classes */

