body {
	background-color: #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin: 0px auto;
	margin-top: 15px;
	color: white;
}

h4 {font-size: 10px; margin:0px; padding: 0px;}

#outerdiv {
	text-align: center;
	min-width: 750px;
}

#innerdiv {
	width : 750px;
    margin-left : auto;
	margin-right : auto;
}

#topSubNav {
	height: 40px;
	text-align: right;
}

#toparea {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	height: 58px;
	position: relative;
}

#toparea.interior {
	background: url(../images/BG-top-area.jpg) top left no-repeat;
	height: 38px;
}

	#logo {
		position: absolute;
		top: 15px;
		left: 10px;
	}

	#toparea.interior #logo {
		top: 6px;
	}

	#subNav {
		float: right;
		width: 210px;
	}

		#subNav #subNavLeft {
			float: left;
			width: 90px;
		}

		#subNav #subNavRight {
			float: right;
			width: 107px;
		}



#content {
	border: 1px solid #999999;
}
	#header {
        border-bottom: 1px solid #999999;
	}

	#mainTop {
		background: url(../images/IMG-main-top.jpg) top left no-repeat;
		width: 748px;
		height: 206px;
	}

	    #mainTop h1 {
	    	height:0px;
			text-align: left;
			font-family: "Times New Roman", Times, serif;
			font-size: 2em;
			margin:0px;
			visibility: hidden;
		}

	#mainNav {
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		clear: both;
		height: 32px;
	}

	#content.interior #mainNav{
		border-top: 0px;
	}

	#mainBottom {
		background: url(../images/IMG-main-bottom.jpg) top left no-repeat;
		width: 748px;
		height: 310px;
	}

#contentBody {
	padding: 25px;
	background-color: white;
	color: #666666;
	text-align: left;
}

#footer {
	text-align: center;
	padding-top: 10px;
	color: white;
	font-size:9px;
}

#footer a{
	color: white;
}

th.dataTableHeader {
	color: black;
	font-weight: bold;
	background-color: #FFCC66;
	font-size: 12px;
	border-bottom: #CCCCCC;
}

th.dataTableHeader2 {
	color: black;
	font-weight: bold;
	background-color: #FFCC66;
	font-size: 9px;
	border-bottom: #CCCCCC;
	text-align:center;
}

td.dataTableCellYellow {
	background-color: #FFFFCC;
	font-weight: bold;
	border-bottom: #CCCCCC;
}

td.dataTableCellYellow sub {
	font-size: 8px;
	margin-top: 3px;
}

td.dataTableCell {
    border-bottom: #CCCCCC;
    border-left: #CCCCCC;
}

sub {
	font-size: 8px;
	margin-top: 3px;
}
sup {
	font-size: 8px;
	margin-bottom: 3px;
}

div.subHeader {
	margin-left: -25px; margin-right: -25px;
}

div.subHeaderTopBorder {
	margin-left: -25px; margin-right: -25px; border-top: 1px solid #CCCCCC;
}

ul.carbonLists li { color: #ff9900; }

ul.carbonLists li span { color: #666666; }

/****************************************
	GENERAL POSITIONING STYLES
****************************************/

div.relativeDiv { position: relative; display: block; border:1px solid green;}

/****************************************
	PAGE SPECIFIC STYLES
****************************************/

.sicContent {
	background-image: url(../images/BG-sic-heating-elements.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 200px;
}

	.sicSubNav {
	    text-align: left;
		padding: 6px;
		background: white url(../images/BG-sic-subnav.jpg) top left repeat-y;
	}
	
	.sicSubNav a:link, .sicSubNav a:visited{
		color: #FFFFFF;
	}
	
	.sicSubNav a:active,{
		color: #FF9900;
	}
	
	.sicSubNav a:hover,{
		color: #FF9900;
	}

.graphiteContent {
	background-image: url(../images/BG-graphite-electrodes.gif);
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 200px;
}

.contactContent {
    background: #ffffff url(../images/BG-contact-us.jpg) top right no-repeat;
	height: 250px;
}

.sitemapContent {
    background: #ffffff url(../images/BG-sitemap.jpg) top right no-repeat;
	height: 383px;
}

.isostaticContent {
    background: #ffffff url(../images/BG-isostatic.jpg) top right no-repeat;
}