/* Remove default padding and margins */

html, body, * { padding: 0; } 

/* HTML tag styling */

	body {
		background-image: url(tc_images/reddog/images/bg_tile2.jpg);
		background-repeat: repeat-x;
		background-color: #f5eee0;
		width: 100%;
		margin-top: 0;
		}



h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0;
	color: #996600;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	background: url('http://www.teck.com/tc_images/reddog/images/green_arrow.gif') no-repeat left;
	padding-left: 18px;
	margin-bottom: 10px;
	line-height: 1.2em;
}
h1.no-arrow, h2.no-arrow, h3.no-arrow, h4.no-arrow, h5.no-arrow, h6.no-arrow {
	background: none;
	padding-left: 0;
}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; font-weight: bold; }

a img { border: none; }

.page-content {padding: 0 15px 0 10px; min-height: 500px; }
.page-content a:link, a:visited { color: #996600; text-decoration: none; }
.page-content a:hover { color: #996600; text-decoration: underline; }
.page-content a:active, a:visited:hover  { color: #996600; text-decoration: underline; }

.footerTable
{
		font-weight: normal;
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	color: white;
	height: 24px;
}

ul.sidenavLevelA a:link,
ul.sidenavLevelA a:visited,
ul.sidenavLevelA a:hover,
ul.sidenavLevelA a:active {
	text-decoration: none;
	color: #333;
	line-height: 17px;
	font-size: 11px;
	
	}

ul.sidenavLevelA a:hover {
	text-decoration: none;
	color: #996600;
}

ul.sidenavLevelA a.selected:link,
ul.sidenavLevelA a.selected:visited,
ul.sidenavLevelA a.selected:hover,
ul.sidenavLevelA a.selected:active {
	color: #996600;
	font-weight: bold;
	}

ul.sidenavLevelA {
	margin: 0;
	padding: 0;
	list-style: none
}

ul.sidenavLevelA li {
	border-bottom: 1px solid #e1e1e1;
	padding: 5px 0 5px 20px;
	
}

ul.sidenavLevelB {
	padding: 0;
	margin: 0;
	border-left: 2px solid #c0c4c7;
}

ul.sidenavLevelB li {
	border-bottom: none;
	list-style: none;
	padding: 0 0 0 10px;
}


/* Page Layout CSS - Consistent amongst all pages */

#page-table {
	/* background: #FFF url('http://www.teck.com/tc_images/reddog/images/center_tile.jpg') repeat-x left bottom; */
	background: #FFF url('http://www.teck.com/tc_images/reddog/images/center_bg.jpg') no-repeat center bottom;
	height: 100%;
	width: 760px;
	margin: 0 auto;
	text-align: left;
	border: 0;
	padding: 0;
	border-collapse:collapse 
}
#footer {
		background: url('http://www.teck.com/tc_images/reddog/images/footer.gif') repeat-y left top;
		padding: 0 10px;
		font-size: 10px;
		line-height: 16px;
		border-top: 5px solid #FFF;
		height: 24px;				
}
#footer a:link { color: white; text-decoration: none; }
#footer a:hover, #footer a:active { color: white; text-decoration: underline; }
#footer a:visited { color: white; text-decoration: none; }
#footer a:visited:hover { color: #333; text-decoration: underlin; }

#logo { float: left; width: 128px; }
	#logo img { margin: 13px 0 0 27px; }
#header-right {
  float: right;
  width: 630px;
  text-align: right;
}
	#header-right-images {
	  margin: 19px 15px 0 auto;	
	}
	#tcwordmark {
	  padding-right: 35px;	
	}
	#page-title {
		margin: 31px 15px 0 0;
	}
.content { 
	margin: 10px 5px 0 5px; 
	width: 750px;
	background: url('http://www.teck.com/tc_images/reddog/images/top_shadow.gif') repeat-x left top;
	border-collapse:collapse 
	padding: 0;
	}

	.content p {
		margin-bottom: 8px; margin-top: 8px;
		}

	.page-content ul li {
		list-style-type: disc;
		margin-bottom: 15px;
		}

	.page-content ol li {
		margin-bottom: 10px;
		}

#nav-col2 { 
	width: 175px;
	padding-top: 0px;
	font-family: arial, verdana, sans-serif;	
}
	#nav-col2 a {
		text-decoration: none;
		color: #333;
	}
	#nav-col2 a.active { color: #996600; }
	#nav-col2 a:hover, #nav-col a.active:hover { color: #996600; }
	#nav-col2 a:active, #nav-col a.active:active { color: #996600; }
	#nav-col2 a:visited { color: #333333; }
	#nav-col2 a.active:visited { color: #996600; }
	#nav-col2 a:visited:hover, #nav-col a.active:visited:hover { color: #996600; }
.spacer-col {
	width: 5px;
}


/* Page Specific Classes */

#home-img-col {
	float: left;
	width: 387px;
	border-right: 1px solid #CCC;
}
#home-flash-col {
  float: right;
  width: 160px;	
}
	#home-flash-col .padded {
		padding: 10px 5px 0 5px;
		font-size: 11px;
		line-height: 14px;	
	}

#inside-header-box {
	background: #B0B0B0;
	height: 175px;
	overflow: hidden;
}

#inside-img-header {
	float: left;
	width: 300px;
	border-right: 2px solid #FFF;
}
#inside-img-header-bordered {
	float: left;
	width: 300px;
	border-right: 4px solid #FFF;
}
#inside-text-header {
	float: right;
	width: 250px;	
	background: none;
}

	#inside-bordered-r .scripted, #inside-text-header .scripted {
		padding: 35px 25px 25px 25px;
	}
	#inside-bordered-r .more-link , #inside-text-header .more-link {
		margin: 0 25px;	
	}

#inside-bordered-l, #vv-flash-col {
	width: 325px;
	border-right: 1px solid #CCC;
}
#inside-bordered-l {
	width: 306px;
}
#inside-bordered-r, #vv-desc-col { border-left: 4px solid #FFF; }
#vv-desc-col .padded {
	padding: 20px 10px;
}
.vid-teaser { 
	border-top: 1px solid #CCC;
	padding: 2px 0;
	width: 100%;
}
.vid-teaser-img {
	width: 90px;
}

/* General, Multi-use classes */



.box {
	padding: 5px;
	margin-bottom: 15px;
}


	#flashcontent {
		border: 1px solid #cccccc;
		background-color: white;
		padding: 5px;
		margin-bottom: 15px;
		}
		
	.quote { 	
		background-color: #f7f6f1;
		border: 1px dotted #e4dac6;
		font-family: Tahoma, helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		color: #996600;
		text-align: center;
		font-style: italic;
		line-height: 19px;
		padding: 5px 12px 0px 12px;
 }
		.grey a { color: #FFF; }
		.grey a:hover { color: #FF3300; }
		.grey a:active { color: #FF3300; }
		.grey a:visited { color: #FFF; }
		.grey a:visited:hover { color:#ff3300; }
		
	.info {
		background: url('http://www.teck.com/tc_images/reddog/images/white_arrow.gif') no-repeat 40px;
		padding: 25px 40px 10px 110px;
		font-size: 14px;
		line-height: 18px;
		color: #FFFFFF;
	}
	

.box a:link, a:visited { color: #996600; text-decoration: none; }
.box a:hover { color: #996600; text-decoration: underline; }
.box a:active, a:visited:hover  { color: #996600; text-decoration: underline; }

.more-link {
	background: url('http://www.teck.com/tc_images/reddog/images/red_arrow.gif) no-repeat left;
	padding-left: 18px;	
}

/* form styling */

table.form-table { width: 100%; }
table.form-table td { padding: 0 5px 10px 15px; }
table.form-table td.form-label { width: 200px; }

.f_textfield { border: 1px solid #CCC; background: #FFEFEB; padding: 2px; width: 95%; }
.f_textarea { border: 1px solid #CCC; background: #FFEFEB; padding: 2px; width: 95%; }
.f_cb_radio { margin-right: 10px; background: #FFEFEB; }
.f_select option { padding-right: 15px; background: #FFEFEB; }
.f_select { background: #FFEFEB; }

.f_submittext, .f_submitbutton {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	color: #333366;	
	cursor: pointer;
}
	.f_submittext {
		background: url('http://www.teck.com/tc_images/reddog/images/red_arrow.gif') no-repeat left;	
		padding-left: 18px;	
	}
		.f_submittext a { color: #333366; }
		
	.f_submitbutton {
		border: 1px solid #CCC; background: #FFEFEB; padding: 4px;
	}
/* general page structures */

table.thirds { width: 100%; }
table.thirds td { width: 33%; }
table.thirds td div.padded { padding: 0 5px; }


table.half { width: 100%; }
table.half td { width: 50%; }
table.half td div.padded { padding: 0 5px; }

.b-right { border-right: 1px solid #CCC; }
.fleft { float: left; }
.fright { float: right; }
.fifty { width: 48%; }
.right { text-align: right; }
.inline-right { margin: 0 0 5px 5px; }  /* use with images that are aligned right */
.inline-left { margin: 0 5px 5px 0; } /* use with images that are aligned left */
.clear { clear: both; }

/* SITEMAP */


.reddog-breadcrumb
{
	color: #333;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.reddog-breadcrumb a:link, .reddog-breadcrumb a:visited
{
	color: red;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.reddog-breadcrumb a:hover
{
	color: #333;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}


DIV.quote {    /*Addition by JG - April 24, 2008 - FOR REFERENCE ONLY*/
	width: 200px;
	height: auto;
	border: 1px dotted #e4dac6;
	float: right;
	display: inline;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #996600;
	text-align: center;
	font-style: italic;
	line-height: 19px;
	background-color: #f7f6f1;
	padding: 15px 10px 15px 10px;
	margin: 10px;
}

DIV.footnote {
	text-size: 9px;
	margin-left: 15px;
	}

ul.ces-sitemap
{
	list-style: none;
	padding-left: 10px;
	margin-left: 10px;
	color: #996600;
}

UL.ces-sitemap LI A.level0:link,UL.ces-sitemap LI A.level0:visited,UL.ces-sitemap LI A.level0:active
{
COLOR: #996600
}

ul.ces-sitemap a:link 
{	
	color: #996600;	
}
UL.ces-sitemap A.level1:link 
{
COLOR: #996600
}

ul.ces-sitemap a:link, 
ul.ces-sitemap a:visited, 
ul.ces-sitemap a:active
{
	text-decoration: none;
	color: #996600;
	font-size: 11px;
	width: 100%;
}
ul.ces-sitemap a:hover
{
	text-decoration: underline;
	color: #996600;
	font-size: 11px;
}
ul.ces-sitemap a.level0:link, ul.ces-sitemap a.level0:visited, ul.ces-sitemap a.level0:hover, ul.ces-sitemap a.level0:active
{
	color: #996600;
	font-weight: 700;
}
ul.ces-sitemap a.level1:link, ul.ces-sitemap a.level1:visited, ul.ces-sitemap a.level1:hover, ul.ces-sitemap a.level1:active
{
	color: #996600;
	font-weight: 700;
	margin-top: 5px;
}
.ces-sitemap
{
	color: #996600;
	font: 10pt Arial, Helvetica, sans-serif;
}
.ces-sitemap-page-title
{
	padding-left: 5px;
	font: bold 14pt Arial, Helvetica, sans-serif;
}
.ces-sitemap-header
{
	padding-left: 15px;
	font: bold 10pt Arial, Helvetica, sans-serif;
}
.ces-sitemap-page-title, .ces-sitemap-header
{
	color: #996600;
	text-align: left;
	text-decoration: none;
}