html, body {
	min-width: 820px;
}

body {
	color:#333;
	background-color:white;
	margin:10px;
	padding:0px;
	font: 11px Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
}

h1 {
	margin:0px;
	padding:0px;
	font-size:28px;
	color: #a12a00;
	font-weight: normal;
	}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	}

p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}

a {
	color:#a12a00;
	text-decoration:none;
	}

a:link {color:#a12a00;}
a:visited {color:#a12a00;}
a:hover {background-color: #e1ceb6;}

td {
	height:100%;
	vertical-align:top;
	}

th {
	text-align: left;
}

/*** BEGIN CENTER COLUMN ***/
/* All the content boxes belong to the content class. */
#nt-wrapper {
	/* background-color: #efefef; */
	width: 100%;
}

#nt-center {
	float: left; 
	width: 100%; 
	background-color: transparent;
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	z-index: 18;
	border-top: 2px solid #C4C4C4;
}

#breadcrumbs {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:9px;
	color:#eee;
	background-color:#934324;
	padding:4px 18px 0px;
}


#breadcrumbs a {
	color:#eee;
}

#breadcrumbs a:hover {
	color:#333;
}

.current-title {
	color:#fff;
	background-color: transparent;
	font-size: 16px;
	width:100%;
}

.current-title input {
	font-size: 14px;
	background-color:#AA8171;
	color: #fff;	
}

.includes input {
	background-color:#AD9C90;
	color: #fff;	
	font-size: 10px; 
	line-height: 11px;
}

.current-title .left-column {
	padding-right:9px;
	padding-left:18px;
	font-weight:bold;
	text-align:right;
	vertical-align: top;
	width:98px;
}

.current-title .right-column {
	vertical-align: top;
}

.current-title .title {
	background-color:#934324;
}

.current-title .title td {
	padding-top:5px;
	padding-bottom:3px;
}
.current-title .includes td, .current-title .explanations td {
	background-color: #C1b3a0;
	font-size:9px;
	padding-top:6px;
	padding-bottom:5px;
	height:100%;
	vertical-align:top;
}

.current-title .includes td, .current-title .explanations td {
	border-bottom: 1px solid #cabeae;
}

/*** BEGIN LEFT COLUMN ***/

#left-column {
	width: 210px;              /* left column width */
	margin-left: -210px;       /* _negative_ left column width */
	float: left; 
	position: relative; 
	z-index: 10;
}


/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	/*voice-family: "\"}\"";
	voice-family:inherit;
	 width:202px; 
	}*/
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). 
body>#left-column {width:128px;}*/


#leftsearch {
	padding: 9px;
	margin: 22px 10px 10px 15px;
	border: 1px solid #aaa;
	width: 155px;
	font-size: 11px;
	display: none;
	float: left;
}

#leftsearch input {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

#leftnav {
	padding:0px 2px 0px 0px;
	width:209px;
	margin-top: 12px;
	float: left;
	z-index: 50;
}

#leftnav ul {
	list-style:none;
	margin-left:10px;
	padding:0px;
}

#leftnav li {
	display:block;
}

#leftnav img {
	border: 0px;
}

#leftnav li a {
	display:block;
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #fff;
	font-size: 10px;
	height: inherit;
	padding: 6px;
	padding-left: 18px;
}

#leftnav li.expanded {
	background-color: #E6DFCF;
	border-top: 2px #ccc solid;
	border-left: 0px #ccc solid;
	border-bottom: 1px #ccc solid;
}

#leftnav li.expanded a {
	position: relative;
	background-color: #E6DFCF;
}

#leftnav li.normal a {
	background-color: #f6f6f6;
	/* border: 2px 0px 2px 0px #ddd solid; */
	border: 0px;
	margin-left: 0px;
	color: #a12a00;
	background-image:url('/images/layout/leftnav-bg.gif');
}

#leftnav .left-arrow {
	top: 5px;
	right: -5px;
	position: absolute;
	/* border-left: 1px solid #934224; */
	z-index: 59;
}

#leftnav a:hover .plusminus {
	display: none;
}

#leftnav a:link .plusminus {
	display: inline;
}

#leftnav li.current a, #leftnav li a:hover {
	background-image: none;
	color: #efefef;
	position: relative;
	border-left: 0px solid #333;
	border-right: 0px solid #333;
}

#leftnav li.current a {
	border-top: 3px #ccc solid;
	border-bottom: 3px #ccc solid;
	background-color: #934224;
}

#leftnav li a:hover {
	background-color: #9c816a;
}

#leftnav li.normal .plusminus {
	display: inline;
}

.plusminus {
	margin-left: -14px;
	padding: 0px;
	margin-right: 4px;
	margin-top: 0px;
	vertical-align: middle;
}

.flash-message {
	padding: 8px 8px 8px 16px;
	border: 1px solid #ddd;
	text-shadow: #333 2px 2px 1px;
	color: #fff;
    width: 90%;
    margin-top: 10px;
    margin: 0 auto;
}

.warning { background-color: #BE6300; }

.notice { background-color: #038e16; }

.error { background-color: #b82102; }

.announcement { background-color: #d45831; }
.announcement :link, :visited { color: #82CAFA; }

/*#leftnav a:hover img {
	display: none;
}*/

/*** BEGIN RIGHT COLUMN ***/
/*#right-column {
	width: 180px;
 	position: absolute;
	top: 114px;
	right: 10px; 
	background-color:#efefef;
	padding: 24px 10px 10px;
	z-index:1;*/
/* Again, the ugly brilliant hack. */
	/*voice-family: "\"}\"";
	voice-family:inherit;
	width:185px; 
}*/
/* Again, "be nice to Opera 5". 
body>#right-column {width:168px;}*/


#right-column {
	width: 180px;              /* right column width */
	margin-right: -195px;      /* _negative_ right column width */
	padding-top: 16px;
	padding-left: 15px;
	float: left; 
	position: relative; 
	z-index: 11;
}

#right-column div {
	padding:5px;
	background-color:#fff;
	font-size: 11px;
	line-height: 14px;
	color:#a5a5a5;
}


#right-column h3 {
	border-bottom:1px solid #efefef;
	font-size:13px;
	font-weight: normal;
	color:#a5a5a5;
	margin-top: 0px;
}


/*** BEGIN HEADER / TOPNAV ***/
#header {
	background-image: url('../images/layout/upper-left-corner.gif');
	background-repeat: no-repeat;
	position:absolute;
	z-index: 0;
	top:0px;
	left:0px;
	line-height: 0px;
	width: 100%;
    min-width:786px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 800 ? "786px" : "100%" );
}

#nav {
	margin: 10px;
	text-align: center;
	margin-top: 0px;
	height: 35px;
	background-image: url('../images/nav/main_bg.gif');
}

#nav img {
  padding: 0 40px 0 0;
}

#nav a {
  display: block;
  float: left;
  padding: 0 1em;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  font-size: .9em;
}

#nav a:hover {
  background: url(/images/nav/nav_hover.gif) repeat-x top left;
  color: #A12A00;
}

#main {
	margin-top: 120px;
    min-width:786px;
     /*IE Dynamic Expression to set the width 
    width:expression(document.body.clientWidth < 800 ? "786px" : "100%" );*/
}

#header #mf-logo {
	position: relative;
	left: 170px;
}	

#header #csi-logo {
	position:absolute;
	top:33px;
	right: 180px;
}	

#header #csi-canada-logo {
	position:absolute;
	top:35px;
	right:45px;
}


#sizeselector {
	float: right;
}

#content {
	margin-left: 160px;
	margin-right: 160px;
	margin-bottom: 35px;
}

#saved_numbers li, #saved_searches li {
	display: block;
  list-style-type: none;
  margin-bottom: 5px;
}

#saved_searches a, #saved_numbers a {
	font-weight: bold;
	line-height: 18px;
}

.content-sm {
	font-size: 12px;
	line-height: 18px;	
}

.content-md {
	font-size: 14px;
	line-height: 19px;	
}

.content-lg {
	font-size: 16px;
	line-height: 21px;	
}

#content h1 {
	font-size: 28px;
	color: #a12a00;
	font-weight: normal;
	margin-bottom: 10px;
}

#footer {
	background-image: url('../images/layout/footerbg.gif');
	background-repeat: repeat-x;
	color: #888;
	clear: both;
	font: 10px verdana, helvetica, arial;
	text-align: left;
	margin: 40px 0px 40px 0px;
    min-width:786px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 800 ? "786px" : "100%" );
}

.footerblk {
	float: left;
	line-height: 13px;
}

.footerblk b {
	background-color: white;
	padding: 0px 6px 0px 6px;	
}

.footertext {
	padding: 0px 6px 0px 6px;
}

#front-image {
	margin: 10px;
	background-image: url('../images/front/imagebg.gif');
	text-align: center;
}

#front-buttons img {
	margin-left: 40px;
	margin-right: 20px;
}

#front-buttons a:hover, #front-image .title {background-color: transparent;}
#front-stakeholders a:hover {background-color: transparent;}
#header a:hover {background-color: transparent;}

#front-stakeholders {
	clear: both;
	text-align: center;
}

#front-stakeholders img {
	margin-left: 20px;
	margin-right: 20px;
}

.front-blurb {
	margin-left: 25px;
	margin-right: 5px;
	margin-bottom: 30px;
	font-size: 10px;
	width: 20%;
	float: left;
	text-align: left;
	color: #777;
}

.front-blurb h3 {
	font-weight: bold;
	font-size: 12px;
	color: #a12a00;
	margin-bottom: 0px;
}

.pulledbox {
	border: 1px solid #ddd;
	background-color: #f9f9f9;
	width: 260px;
	font-size: 10px;
	line-height: 13px;
	float: right;
	padding: 10px;
	margin: 10px;
}

.pulledbox form {
	display: inline;
}

.pulledbox h3 {
	font-size: 14px;
	color: #000;
	margin: 0px 0px 4px 0px;
}

.number {
	font-weight: bold;
	font-size: 12px;
	padding: 10px;
	background-color: #efefef;
	color: black;
}

.highlightbox {
	font-weight: bold;
	font-size: 12px;
	padding: 10px;
	background-color: #efefef;
	border: 1px solid #ddd;
	color: black;
}

.normalbox {
	font-weight: bold;
	font-size: 12px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	color: black;
}


number {
	font-weight: bolder;
	font-size: 11px;
	color: #222;
	text-transform: uppercase;
}

.icons {
	float: right;
	margin-right: 5px;
}

.icons img {
	border: 0px;
}

.icons a:hover {
	background-color: transparent;
}

#login {
	width: 455px;
	text-align: center;
}

#login h1 {
	line-height: 30px;
}

#login td {
	font-size: 11px;
	line-height: 13px;
	color: #444;
}

form label {
	font-size: 12px;
	color: #986d34;
	display: block;
	font-weight: bold;
}

form .radiotext {
	margin: 3px 5px 8px 4px; 
	float: left; 
	width: 110px;
	color: #666;
}

.numbersandtitles {
	color: #444;
	background-color: transparent;
	font-size: 12px;
	line-height: 20px;
}

.numbersandtitles a {
	color: #444;
}

.numbersandtitles_over {
	background-color: #dcd5cc;
	font-size: 14px;
	line-height: 20px;
}

.numbersandtitles_over a:hover {
	color: #a12a00;
	background: transparent;
}

.numbersandtitles_over img {
	display: inline;
}

.numbersandtitles img {
	display: none;
}

.numbersandtitles input {
	background-color: #fff;
	color: #333;
}


.numbersandtitles .left-column {
	font-weight: bold;
}

.numbersandtitles .right-column {
	font-weight: normal;
}


.numbersandtitles_over .left-column {
	font-weight: bold;
}

.numbersandtitles_over .right-column {
	font-weight: normal;
}


#revisionproposal {
	margin-left: 56px;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #999;
}

#revisionproposal a {
	font-size: 12px;
}

#revisionproposalform {
	font-size: 11px;
	color: #666;
}

a#cancelbox:hover {
	background:transparent;
}

.outer {
	border-left: 200px solid #efefef;  /* left column width */
	border-right: 210px solid #efefef; /* right column width */
	width: auto; 
	background-color: #fff; /* center column colour */
}

#bottom {
	height: 15px;
	background-color: #efefef;
	width: 100%;
}

form .submit {
	border: 0px;
	background: transparent;
}

form .note {
	color: #666;
}

.note {
	font-size: 10px;
	color: #666;
}

form .section {
	font-size: 12px;
	color: #777;
}

form .limited select {
	width: 150px;
}

#savedtrash {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	z-index: 28;
}

.floatbox {
	/* display: none; */
	position: absolute;
	padding: 0px;
	z-index: 30;
}

.floatboxworking {
	position: absolute;
	z-index: 59;
	display: none;
	padding: 12px;
	font-size: 14px;
}

.floatboxcontent {
	padding: 12px;
	margin: 0px;
	/* since IE insists on displaying space above and below the float box */
	margin-top: -3px;
	margin-bottom: -4px;
	background-image: url('/images/floatingbox/bg.gif');
}

.floatboxcontent form {
	display: inline;
}

.floatboxcontent textarea {
	font-size: 10px;
	line-height: 11px;
	width: 100%;
}

.converter-oldnumber {
	background-color: #777;
	color: #eee;
	width: auto;
	padding: 2px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 3px;
}

.converter-newnumber {
	margin-left: 20px;
	font-weight: bold;
}

#converter-results {
	max-height: 350px;
	overflow: auto;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: -10px;
	/* because IE isn't smart enough to do overflow: auto with max-height */
}

<!--[if IE]>
#converter-results {
	height:expression( this.scrollHeight > 350? "350px" : "auto" );
}
<![endif]-->


input, textarea {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	background-color: #eee;
}

.nostyle {
	border: none;
	background-color: none;
}

.inner { margin: 0; width: 100%; }

.clear { clear: both; }

/*** ERRORS ****/
.fieldWithErrors textarea, .fieldWithErrors input, .fieldWithErrors select {
  border:2px solid red;
}

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
#left-column { margin-right: 1px; }
#right-column { margin-left: 1px; }
#right-column p { padding-left: 10px; }
#nt-center { margin: 0 0px 0 -2px; }

#printheader {display: none; }

#usergreeting {
	font-size: 10px;
	padding: 4px;
	color: #BC4015;
	background-color: #eee;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 340px;
}

#usergreeting a {
	color: #BC4015;
	text-decoration: underline;
}

#fileslist {
	width: 80%;
}

.progressBar {
	display: none;
}

.progressBar .border {
	border: 1px solid #666;
	background-color: #e6e6e6;
	margin-top: 8px;
	margin-bottom: 8px;
}

.progressBar .border .background {
	background-color: #eee;
}

.progressBar .border .foreground {
	background-color: #934324;
	background-image: url('/images/icons/progress.gif');
	height: 14px;
}

fieldset {
	border: #999 1px solid;
	background-color: #f6f6f6;
}

legend {
	font-size: 12px;
}

#upload_wait {
	display: none;
}

.rchanged {
	background-color: #ffff99;
}

div.copy {
  margin: 0 0 30px 10px;
}

div.copy h2 {
  font-size: 18px;
  text-align: center;
  color: #A12A00;
  margin: 20px 0 5px;
}

div.copy h3 {
  margin: 20px 0 0;
}

div.copy h4 {
  margin: 10px 0 0;
}

div.copy ul {
  font-size: 11px;
  margin: 0 0 10px;
}

div.copy ul li ul {
  margin: 0;
}

div.copy ul li {
  margin: 3px 0;
}

div.copy ul li.reserved {
  color: #aaa;
}

div.copy ol li ol li {
  list-style-type: none;
  margin: 0 0 10px;
  font-size: 11px;
}

div.copy span.space {
  background: #e1e1e1;
}

div.toc {
  float: right;
  margin: 10px 0 10px 10px;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  width: 250px;
  font-size: 1em;
  line-height: 1.2;
}

div.toc ul {
  margin: 10px;
  padding: 0 12px;
  list-style-position: outside;
}

div.copy p.subtitle {
  font-variant: small-caps;
  font-weight: bold;
  font-size: 13px;
}

p.addy {
  line-height: 1.25;
  font-weight: bold;
}

p.sub-footer {
  line-height: 1;
  font-size: 9px;
  font-style: italic;
  margin: 0;
}

div.copy table {
  font-size: 11px;
  border-collapse: collapse;
  line-height: 1.2;
  margin: 10px 0;
}

div.copy table th {
  background: #eee;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 13px;
}

div.copy table td {
  border: 1px solid #ccc;
  padding: 5px;
}

div.copy table td.first-child {
  font-weight: bold;
  background: #eee;
}

ul#saved_searches, ul#saved_numbers {
  margin: 0;
}

div#right-column a img {
  border: none;
  vertical-align: -2px;
}