@charset "UTF-8";
/* CSS Document */

body {
	margin-top:0;
	font-size:62.5%;
	background-color:#000;
}

* {
	padding:0;
	margin:0;
	font-family:"Times New Roman", Times, serif;
}
.newhomecontainer{
width:900px;
margin:0 auto;
padding-top:50px;
position:relative;
}
.blogo{
	width:245px;
	float:left;
	position:relative;
	z-index:10;
}
.flash{
	position:absolute;
	top:-50px;
	left:135px;
	width:455px;
	float:left;
	z-index:8;
}
.book{
	width:187px;
	float:right;
	z-index:9;
	position:relative;
}
#container {
	width:900px;
	position:relative;
	margin:0 auto;
}

#rightcol {
	position:absolute;
	top:0;
	left:545px;
	width:356px;
	z-index:1;
}

#rightcol h2 {
	font-family:Times New Roman, Times, serif;
	color:#fff;
	font-size:1.8em;
	padding:0;
	margin:0;
}

#excerpts {
	position:absolute;
	top:440px;
	left:170px;
	width:524px;
	z-index:3;
	height:25px;
	overflow:hidden;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

#excerpts h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:normal;
	line-height:1.8em;
	color:#82a1e7;
	float:left;
	height:25px;
}

#leftcol {
	position:absolute;
	top:-30px;
	left:-145px;
	width:600px;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:1.1em;
	line-height:1.6em;
	z-index:1;
}

#leftcol p {
	padding-bottom:10px;
}

#leftcol h1 {
	padding-top:20px;
	font-size:1.2em;
}

/* inside pages */

/* header navigation */

#header {
	position:absolute;
	top:0;
	left:405px;
	width:510px;
}

.buybook {
	width:162px;
	height:112px;
	float:left;
	background-image:url(images/headernavbkgds.gif);
	background-repeat:no-repeat;
}

.getsteelcor {
	width:233px;
	height:112px;
	float:left;
	background-image:url(images/headernavbkgds-02.gif);
	background-repeat:no-repeat;
}

.esmarknews {
	width:142px;
	height:112px;
	float:left;
	background-image:url(images/headernavbkgds-03.gif);
	background-repeat:no-repeat;
}

.loginsteelroom {
	width:201px;
	height:112px;
	float:left;
	background-image:url(images/headernavbkgds-04.gif);
	background-repeat:no-repeat;
}

.logintext {
    text-align:center;
    color:Yellow;
    padding-top:15px;
    font-size:1.1em;
    font-family:Times New Roman, Times, Serif;
}

.loginboxes {
    margin:5px 0 5px 33px;
}

.gobutton {
    width:35px;
    height:22px;
    text-indent:-5000px;
    background-image:url(images/gobutton.gif);
    background-repeat:no-repeat;
    display:block;
    margin-left:120px;
}

.gobutton:hover {
    background-position:0 -22px;
}

.gobutton, .applybutton:hover, .signinbutton:hover {
    background-position:0 -22px;
}

.signinbutton {
	width:147px;
    height:22px;
    text-indent:-5000px;
    background-image:url(images/signinbutton.gif);
    background-repeat:no-repeat;
    display:block;
    margin-left:27px;
	margin-top:7px;
}

.applybutton {
	width:147px;
    height:22px;
    text-indent:-5000px;
    background-image:url(images/applybutton.gif);
    background-repeat:no-repeat;
    display:block;
    margin-left:27px;
	margin-top:5px;
}

#buybookbutton {
	text-indent:-5000px;
	display:block;
	height:39px;
	width:162px;
	background-image:url(images/homebutton.gif);
	background-repeat:no-repeat;
	margin-top:39px;
}

#getsteelbutton {
	text-indent:-5000px;
	display:block;
	height:39px;
	width:233px;
	background-image:url(images/getsteelcorrelations.gif);
	background-repeat:no-repeat;
	margin-top:39px;
}

#esnewsbutton {
	text-indent:-5000px;
	display:block;
	height:39px;
	width:142px;
	background-image:url(images/esmarknews.gif);
	background-repeat:no-repeat;
	margin-top:39px;
}

.headerrollover:hover {
	background-position: 0 -39px;
}

/* navigation */



/* header bar */

.headerbar {
	position:absolute;
	top:150px;
	left:50px;
	
	width: 900px;
}

.headerleft {
	width:23px;
	height:69px;
	display:block;
	float:left;
	background-image:url(images/headerbarbkgd.gif);
	background-repeat:no-repeat;
}

.headertext {
	float:left;
	height:69px;
	background-image:url(images/headerbarbkgd-02.gif);
	background-repeat:repeat-x;
}

.headertext h1 {
	font-family:Times New Roman, Times, serif;
	font-size:2.2em;
	color:#999999;
	font-weight:normal;
	line-height:1.1em;
}

.headertext h2 {
	font-family:Times New Roman, Times, serif;
	font-size:3.5em;
	color:#FFFFFF;
	font-weight:normal;
	line-height:.75em;
	padding-left:20px;
}

.headerright {
	width:28px;
	height:69px;
	display:block;
	float:left;
	background-image:url(images/headerbarbkgd-03.gif);
	background-repeat:no-repeat;
}



/*text side */

#bodycol {
	position:absolute;
	top:235px;
	left:0;
	width: 900px;
}

#bodycol h1 {
	color:black;
	font-size:2.0em;
	font-weight:normal;
	line-height:2em;
}

#bodycol p {
	padding-bottom:10px;
	color:black;
	line-height:1.6em;
	font-size:1.2em;
}

.corrcol {
    width:200px;
    float:left;
    padding-right:10px;
    padding-bottom:5px;
}

ul.list {
    list-style:square;
    margin-left:20px;
    color:black;
    padding-bottom:10px;
}

ul.list li {
    color:black;
	line-height:1.4em;
	font-size:1.2em;
    margin:0 0 5px 0;
}

ul.rightlist {
    list-style:none;
    margin-left:5px;
    color:White;
    padding-bottom:10px;
}

ul.rightlist li {
    color:#FFFFFF;
	line-height:1.4em;
	font-size:1.2em;
    margin:0 0 5px 0;
}

ul.rightlist li a {
    color:#FC3;
    background-image:url(images/buttons-03.gif);
    background-repeat:no-repeat;
    padding-left:15px;
    display:block;
    text-decoration:none;
    background-position:0 2px;
    list-style-image:none;
}


#bodycol h2 {
	color:#c69500;
	font-size:1.8em;
	font-weight:normal;
}

#bodycol h2 a {
    color:#c69500;
    background-image:url(images/buttons-03.gif);
    background-repeat:no-repeat;
    padding-left:15px;
    display:block;
    text-decoration:none;
    background-position:0 2px;
}

#bodycol h2 a:hover {
    color:black;
}

#bodycol h3 {
	color:#0000CC;
	font-size:1.1em;
	font-weight:normal;
	line-height:2em;
}

.clear {
    clear:both;
}

.bodytext {
	padding:0 15px 20px 15px;
	float:left;
	width:660px;
}

.right {
	float:right;
}	

.left {
	float:left;
}

.firstparagraph {
    padding:50px 0 5px 0;
}

.article {
    width:1px; height:1px; 
}

.padleft {
	padding-left:15px;
}

hr.clear {
	clear:both;
	margin:10px;
	color:#666;
	background-color:#666;
}



.apptop {
	width:650px;
	background-image:url(images/doublegraytop.gif);
	background-repeat:no-repeat;
	height:11px;
	max-height:11px;
}

.appmid {
	width:648px;
	border-right:1px solid #333;
	border-left:1px solid #333;
	background-image:url(images/doublegray.gif);
	background-repeat:repeat-y;
	background-position:-1px 0;
}

.appbottom {
	width:650px;
	background-image:url(images/doublegraybottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:11px;
	margin-bottom:27px;
	max-height:11px;
}

.appleft {
	width:429px;
	float:left;
	padding:0 10px;
}

.appright {
	float:left;
	width:139px;
	margin-left:30px;
	margin-top:20px;
}
.cartbutton {
	width:60px;
    height:50px;
    text-indent:-5000px;
    background-image:url(images/cartbutton.gif);
    background-repeat:no-repeat;
    display:block;
}

.cartbutton:hover {
	background-position:0 -50px;
}

.cartbuttontext {
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-weight:bold;
	font-size:1.2em;
}

/* nav column */

/*nav starts here*/

#nav {
	padding:0;
}

#nav li a {
    color:White;
    text-decoration:none;
    padding:0 0 4px 13px;
    background-image:url(images/buttons-03.gif);
    background-repeat:no-repeat;
    background-position:0 1px;
    display:block;
    z-index:1;
}

#nav li a:hover {
    color:Yellow;
}

#nav > li {
    position:relative;
}

#nav > li > ul {
    position:absolute;
    left:-123px;
    top:-12px;
    display:none;
    width:136px;
    
}

#nav > li:hover > ul.subnav {
    display:block;
    top:-20px;
    width:136px;
    z-index:10;
}

.subnav li {
    width:136px;
    z-index:10;
}

.subtop {
    width:136px;
    height:12px;
    background-image:url(images/subnavtopbottom_14.gif);
    background-repeat:no-repeat;
}

.submid {
    width:136px;
    background-color:#012f72;
}

.submid a {
    font-family:Arial, helvetica, Sans-Serif;
    color:White;
    padding-left:12px;
    margin-left:5px;
    font-size:12px;
    background-image:url(images/subnavarrow_18.gif);
    background-repeat:no-repeat;
    background-position:2px 0;
    text-decoration:none;
}

.submid a:hover {
    color:Yellow;
}
    

.subbottom {
    width:136px;
    height:12px;
    background-image:url(images/subnavtopbottom_17.gif);
    background-repeat:no-repeat;
}

/* end of navigation */

#navcol {
	width:210px;
	float:left;
}

.navrollover:hover {
	background-position:0 -29px;
	display:block;
	padding-bottom:5px;
	width:203px;
	height:24px;
}

#cproll {
	width:203px;
	height:24px;
	display:block;
	background-image:url(images/craigsportfolio.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	padding-bottom:5px;
}

#stroomroll {
	width:203px;
	height:24px;
	display:block;
	background-image:url(images/thesteelroomnav.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	padding-bottom:5px;
	margin-top:5px;
}

#amforsaleroll {
	width:203px;
	height:24px;
	display:block;
	background-image:url(images/americaforsalenav.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	padding-bottom:5px;
	margin-top:5px;
}

ul.amforsale {
	margin:5px 0 0 10px;
	list-style:none;
	z-index:1;
}

ul.amforsale li {
	font-size:1.4em;
	color:#FFFFFF;
	line-height:1.1em;
	padding:0 0 3px 0;
	z-index:1;
}

#steelcorroll {
	width:203px;
	height:24px;
	display:block;
	background-image:url(images/steelcorrnav.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	padding-bottom:5px;
	margin-top:5px;
}

/* footer */

.margleft{
	margin-left:10px;
}

.stocktickercontainer {
    height:12px;
    width:400px;
    border:1px solid gray;
    background-color:Silver;
    margin-top:3px; 
    margin-left:15px;
}

#footer {
	width:900px;
	padding-top:20px;
}

.footerbar {
	width:432px;
	height:108px;
	float:left;
	background-image:url(images/footerbkgd.gif);
	background-repeat:no-repeat;
}

h4.footertext {
	font-family:Times New Roman, Times, serif;
	color:#fff;
	font-size:2.2em;
	line-height:1.3em;
	font-weight:normal;
}

h4.footertextbook {
    font-family:Times New Roman, Times, serif;
	color:#fff;
	font-size:4em;
	line-height:1.3em;
	font-weight:normal;
	padding-top:20px;
}

.footerbuttons {
	padding:0 15px;
	background-image:url(images/buttons-03.gif);
	background-repeat:no-repeat;
	font-size:1.6em;
	color:#82a1e7;
	text-decoration:none;
}

.footerbuttons:hover 
{
    color:White;
}

.ac 
{
    width:198px;
    float:left;
    margin-left:112px;
}

.actwo
{
    width:160px;
	height:32px;
    float:left;
    margin-left:112px;
}

.acthree
{
    width:111px;
	height:32px;
    float:left;
    margin-left:112px;
}

.copyright 
{
    width:280px;
    float:left;
    margin:15px 0 0 30px;
    color:White;
    font-size:11px;
}

.disclaimer 
{
    float:left;
    margin:15px 0 0 20px;
    font-size:10px;
}

.disclaimer a 
{
    color:White;
    font-weight:bold;
}



/* NEWS TICKER */

.tickercontainer { /* the outer div with the black border */
width:2000px; 
height: 30px; 
/*overflow: hidden;*/
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
}
ul.newsticker { /* that's your list */
position: relative;
left: 100px;
font: bold 10px Verdana;
list-style-type: none;
height:18px;
width:20000px;
max-height:18px;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
line-height:15px;
border-left:1px solid white;
padding:0px 5px 0px 5px;
text-align:center;
}


/* NEWS TICKER 2*/

.tickercontainer2 { /* the outer div with the black border */
width:1500px; 
height: 40px; 
overflow: hidden;
}
.tickercontainer2 .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
}
ul.newsticker2 { /* that's your list */
position: relative;
left: 100px;
font: bold 10px Verdana;
list-style-type: none;
height:40px;
width:15000px;
max-height:36px;
}
ul.newsticker2 li {

float: left; /* important: display inline gives incorrect results when you check for elem's width */
line-height:16px;
padding-left:5px;
border-left:1px solid white;
padding:0px 4px 0px 4px;
}
.outerticker2{width:400px;
height:30px;
position:absolute;
overflow:hidden;
z-index:3;
left:15px;
margin:4px 0 0 0px;
}

/*Steel Correlations */


.termstop {
    width:100%;
    text-align:left;
    padding:10px;
    background-color:#444444;
    margin-bottom:5px;
}

.termstop a {
    color:White;
}

.gold {
    color:Yellow;
}

.stock{width:252px;float:left;border:1px solid #444444;margin:5px; color:white; background-image:url(images/steelcorrlines_07.gif); background-repeat:repeat-x; background-position:0 -32px; background-color:White; color:black;min-height:161px;}
.row{clear:both;width:250px;margin:0 0 0 5px;}
.trow{clear:both;width:250px;margin-bottom:5px;padding-left:5px;}
.label{width:135px;float:left;padding-left:2px;}
.data{width:100px;float:left;text-align:right;}
.overallrow{clear:both;width:506px;margin:5px;}
.overalllabel{width:250px;float:left;font-size:12px;}
.overalldata {width:250px;float:left;text-align:right;font-size:12px; color:Black;}
.overallheader h1 {color:white;padding:12px 0 0 5px;margin:0; font-size:1.2em; width:512px; background-image:url(images/bluerepeat.jpg);background-repeat:repeat-x;}
.overallheader {padding:0;margin:0;}
.overallstock {
    width:516px;
    border:1px solid #444444; 
    color:white;  
    margin-top:0;
    background-color:white; 
    color:black;
    font-family:Arial, helvetica, Sans-Serif;}
    
    
/* Legacy Slideshow */

#legacyslideshow {
    width:420px;
    height:300px;
}

.legacyrow {
    width:420px;
    height:300px;
    clear:both;
    top:0;
    left:0;
    background-color:White;
}

.legacyrow img {
    width:300px;  
    float:left;
    background-color:White;
}

.legacyrow p {
    padding-top:10px;
    width:110px;
    margin-left:5px;
    float:left;
    color:black;
}

#cubs {
	position:absolute;
	top:306px;
	left:379px;
	z-index:5000;
	width:185px;
}

.cubsblock {
	width:183px;
	background-color:#9e9e9e;
	font-size:12px;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px solid black;
	border-right:1px solid white;
	
}	

.cubstext {
	padding:3px 7px;
	line-height:14px;	
}

#incubs {
	padding-top:10px;	
}