body {
	color:#333;
	background-color:white;
	margin:10px;
	padding:0px;
	font:11px helvetica, verdana, arial, sans-serif;
	min-width: 386px;
	}

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:#000;
	text-decoration:none;
	}

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

th {
	text-align: left;
}

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

#nt-center {
	float: left; 
	width: 100%; 
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	z-index: 18; 
}

#breadcrumbs {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	padding:4px 18px 0px;
}


#breadcrumbs a {
	color:#666;
}

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

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

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

.current-title .title {
}

.current-title .title td {
	padding-top:5px;
	padding-bottom:3px;
	border-bottom: 1px solid #bbb;
}
.current-title .includes td, .current-title .explanations td {
	background-color: #fff;
	font-size:11px;
	padding-top:6px;
	padding-bottom:5px;
	height:100%;
	vertical-align:top;
	border-bottom: 1px solid #bbb;
}

/*** BEGIN LEFT COLUMN ***/

#left-column {
	width: 200px;              /* left column width */
	margin-left: -200px;       /* _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 {
	display: none;
}

#leftnav {
	display: none;
}

.warning {
	display: none;
}

.notice {
	display: none;
}

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

/*** BEGIN RIGHT COLUMN ***/
/*#right-column {
	width: 180px;
 	position: absolute;
	top: 114px;
	right: 10px; 
	background-color:#eaeaea;
	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 {
	display: none;
}

/*** BEGIN HEADER / TOPNAV ***/
#header {
	position:absolute;
	z-index: 0;
	top:0px;
	left:0px;
	width: 100%;
	line-height:0px;
	font-size:0px;
    min-width:386px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 400 ? "386px" : "100%" );
}

#nav {
	display: none;
}

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

#header #csi-logo {
	display: none;
}	

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

#header #csi-canada-logo {
	display: none;
}


#sizeselector {
	display: none;
}

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

#saved_numbers li {
	display: block;
	margin-left: -20px;
}

#saved_numbers a {
	font-weight: bold;
}

#saved_searches li {
	display: block;
	margin-left: -20px;
}

#saved_searches a {
	font-weight: bold;
}

.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 {
	border-top: 1px solid #000;
	color: #666;
	clear: both;
	font: 10px verdana, helvetica, arial;
	text-align: left;
	margin: 40px 0px 40px 0px;
	padding-top: 15px;
    min-width:386px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 400 ? "386px" : "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: 30px;
	margin-right: 30px;
}

#front-buttons a:hover {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: 320px;
	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 {
	display: none;
}

.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 {
	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: white;
	font-size: 12px;
	line-height: 20px;
}

.numbersandtitles_over img {
	display: inline;
}

.numbersandtitles img {
	display: none;
}


.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 {
	display: none;
}

a#cancelbox:hover {
	background:transparent;
}

.outer {
	width: auto; 
	background-color: #fff; /* center column colour */
}

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

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

form .note {
	color: #999;
}

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

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

form .limited select {
	width: 150px;
}

#savedtrash {
	display: none;	
}

.floatbox {
	display: none;
}

.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;
}

.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 { 	display: none; }
#right-column { display: none; }
#nt-center { margin: 0 0px 0 -2px; }

#printheader {
	padding: 4px;
	width: 98%;
	position: absolute;
	top: 90px;
	font-size: 12px;
	border: 1px solid #999;
}
#usergreeting {
	display: none;
}