* {
    margin: 0;
    padding: 0;
}

HTML {
    background: #082656 url(http://www.canadiansteel.ca/images/bg.gif);
    text-align: center;
}

BODY {
    font: normal 0.75em arial, helvetica, sans-serif;
    color: #333;
}

P {
    margin: 10px 0;
    line-height: 1.5em;
}

A {
    color: #2a2464;
}

A:hover {
    color: #527acc;
}

OL, UL {
    margin: 15px 0 15px 40px;
}

H2 {
    font-size: 1.4em;
    margin: 15px 0 10px 0;
}

H3 {
    font-size: 1.2em;
    color: #92ADD9;
}

.primary H3 {
    padding: 0 3px 3px 3px;
    border-bottom: solid 1px #ddd;
    }

H4 {
    font-size: 0.55em;
    color: #292464;
    }

BLOCKQUOTE {
    background:#e5f0fb url(../images/blockquote_bkg.gif) 20px center no-repeat;
    border:solid 2px #c0d8ff;
    padding: 30px 20px 30px 120px;
    font-size:1em;
    line-height:1.4em;
    font-style:italic;
    color:#083c90;
    }

.pdf {
    padding:0 0 0 25px;
    background:url(../images/pdf_icon.gif) left 4px no-repeat;
    }
.pdf-tiny {
    background:url(../images/pdf_tiny.gif) left 4px no-repeat;
    padding:1px 0 1px 20px;
}
.pdfImg {
    margin:10px 20px 10px 0;
    border:solid 2px #2a2464;
}

A IMG.pdfImg:hover {
    border:solid 2px #527acc;
}
.sidebarImg {
    margin:20px 0 0 0;
    float:left;
    clear:left;
    }
/************************************************
    PAGE LAYOUT
 ************************************************/

#wrapper {
    margin: 0 auto;
    width: 651px;
    text-align: left;
    background: #fff url(http://www.canadiansteel.ca/images/logo_bg.gif) no-repeat top left;
    padding: 0 3px 15px;
}

#wrapper .logo{
    padding: 7px 0 6px 10px;
}

#utility {
    position: relative;
    background: #fff url(http://www.canadiansteel.ca/images/utility_bkg.gif) no-repeat;
    height: 23px;
    margin: 0 0 1px 0;
}

#flashcontent {
    width: 651px;
    height: 125px;
    background: #000 url(http://www.canadiansteel.ca/images/banner_sub_noflash.jpg);
}

#flashcontent.home {
    height: 225px;
    background: #000 url(http://www.canadiansteel.ca/images/banner_home_noflash.jpg);
    }

#nav {
    position: relative;
    background: #fff url(http://www.canadiansteel.ca/images/nav_bkg.gif) no-repeat;
    height: 32px;
    margin: 2px 0;
}

#contentwrap {
    position: relative;
    height: auto;
    _height: 200px;
}

#contentwrap .primary {
    border-top: solid 3px #fff;
    position: relative;
    width: 450px;
    margin: 0 0 0 190px;
}

#contentwrap.custom-home .primary {
    border-top: solid 3px #fff;
    position: relative;
    width: auto;
    margin: 0 0 0 0;
}

#contentwrap #sub-nav {
    float: left;
    width: 180px;
    background: #eaeaea;
    padding-bottom: 30px;
}


/************************************************
    HOME PAGE
 ************************************************/

#contentwrap .module-boxes {
    width: 651px;
    }

#contentwrap .module-boxes .col-left{
    float: left;
    width: 325px;
    background: #fff;
}

#contentwrap .module-boxes .col-right{
    float: left;
    width: 315px;
    background: #fff;
    margin-left:5px;
    /*border: 5px solid #083C90;*/
}


#contentwrap .module-boxes .col-left .newsbox {
    width: 320px;
    background: #fff;
    padding: 0;
    overflow: hidden;
}

#contentwrap .module-boxes .col-left .newsbox H2 {
    text-transform: uppercase;
    background-image: url('http://www.canadiansteel.ca/images/bar_bg.gif');
    color: #fff;
    font-size: 1.1em;
    padding: 5px 20px 5px 16px;
    margin: 0;
    width: 100%;
}

#contentwrap .module-boxes .col-left .news {
    width: 311px;
    padding: 5px;
}

#contentwrap .module-boxes .col-left .news .date {
    font-size:.8em;
    color:#666;
}
#contentwrap .module-boxes .col-left .bluebox {
    background:#8da7d1;
    padding:5px 10px 10px 10px;
    margin:10px 0;
    border-left:10px solid #083c90;
    width:250px;
    position:relative;
}
#contentwrap .module-boxes .col-left .bluebox P {
    color:#fff;
    font-size:.9em;
}
#contentwrap .module-boxes .col-left .bluebox H2 {
    color:#000;
    margin:0;
    font-size:2em;
}
#env-intro,
#pamphlet-intro {
    float:left;
    width:150px;
}

#pamphlet {
    position:absolute;
    top:50px;
    right:-50px;
    width:159px;
    height:129px;
    background:url(../images/steel-pamphlet-en.png);
    }
.fr #pamphlet {
    top:85px;
    background:url(../images/steel-pamphlet-fr.png);
    }

#pamphlet-newsteel {
    position:absolute;
    top:20px;
    right:-20px;
    width:114px;
    height:140px;
    background:url(../images/new-steel-campaign.png) 0 0 no-repeat;
    }

#pamphlet-env {
    position:absolute;
    top:20px;
    right:-20px;
    width:114px;
    height:140px;
    background:url(../images/environmental-performance.png) 0 0 no-repeat;
    }
.fr #pamphlet-newsteel,
.fr #pamphlet-env {
    top: 70px;
    }

.fr #pamphlet-env {
    background:url(../images/environmental-performance-fr.png) 0 0 no-repeat;
    }

#gallery {
    margin:0;
}
#contentwrap .module-boxes .col-left .news TABLE {
    border-collapse: collapse;
    border-spacing: none;
}

#contentwrap .module-boxes .col-left .news TH,
#contentwrap .module-boxes .col-left .news TD {
    border-bottom: solid 1px #ccc;
}

#contentwrap .module-boxes .col-left .news TH {
    width: 130px;
    vertical-align: top;
    padding: 3px 10px 10px 3px;
}

#contentwrap .module-boxes .col-left .news TD {
    vertical-align: top;
    padding: 3px 3px 10px;
}

#contentwrap .module-boxes .col-left .news TH H3 {
    text-transform: uppercase;
    color: #92ADD9;
    margin: 0;
    padding: 0;
    font-size: 1.15em;
    letter-spacing: -0.05em;
    border: none;
}

#contentwrap .module-boxes .col-left .news TH H4 {
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 0;
    margin: 0;
    color: #000;
}

#contentwrap .module-boxes .col-left .news TH P {
    font-size: 0.8em;
    color: #aaa;
    margin: 0;
}

#contentwrap .module-boxes .col-left .news TD P {
    font-size: 0.9em;
    line-height: 1.2em;
    color: #486B19;
    padding: 0;
    margin: 0 0 5px 0;
}

#contentwrap .module-boxes .col-left .news TD A {
    font-size: 0.9em;
}

#contentwrap .module-boxes #boxes {
    /*width: 651px;*/
    width: 320px;
    clear: left;
    background: #fff;
    padding: 0;
}

#contentwrap .module-boxes #boxes .box {
    /*width: 207px;
    _width: 206px;*/
    width: 311px;
    _width: 310px;
    float: left;
    margin: 0 0 0 5px;
    padding: 0;
}

#contentwrap .module-boxes #boxes .box.last {
    border-right: none;
    padding: 0;
}

#contentwrap .module-boxes .box .title {
    background-image: url('http://www.canadiansteel.ca/images/bar_bg.gif');
    padding: 2px 0 2px 13px;
}

#contentwrap .module-boxes .box .title H2 {
    text-transform: uppercase;
    color: #fff;
    font-size: 1.1em;
    margin: 0;
    width: 100%;
}

#contentwrap .module-boxes #boxes .box .copy {
    background: #ebebeb url(http://www.canadiansteel.ca/images/box_bg.gif) repeat-x bottom;
    padding: 8px;
    margin: 7px 0 0 0;
}

#contentwrap .module-boxes #boxes .box .copy P {
    margin: 0 0 10px 0;
}


/************************************************
    UTILITY BAR
 ************************************************/

#utility .menu {
    position: absolute;
    left: 10px;
    top: 4px;
}

#utility .search {
    position: absolute;
    right: 5px;
    top: 2px;
}

#utility .search FORM {
    margin: 0;
    padding: 0;
}

#utility .search INPUT.text {
    width: 159px;
    margin: 1px 0 0 0;
    _margin: 0;
    padding: 0;
    font-size: 1em;
    vertical-align: top;
}

/************************************************
    CONTENT
 ************************************************/

.hr {
    width: 2px;
    height: 100%;
    margin: 3px 0;
}

.vr {
    float: right;
    height: 100%;
    width: 2px;
}



/************************************************
    SIDE MENU
 ************************************************/

#contentwrap #sub-nav UL {
    margin: 0;
    padding: 0px 10px 10px 10px;
}

#contentwrap #sub-nav LI {
    margin: 5px 0 10px 0;
    list-style: none;
}

#contentwrap #sub-nav LI A {
    text-decoration: none;
}

#contentwrap #sub-nav .hr {
    width: 172px;
    position: relative;
    left: 4px;
    top: -3px;
    _top: -6px;
}

#contentwrap #sub-nav .related,
#contentwrap #sub-nav .submenu {
    background: #fff;
    position: relative;
    padding-top: 5px;
}

#contentwrap #sub-nav .submenu {
    background: url(http://www.canadiansteel.ca/images/secondary_bot_bkg.gif) no-repeat bottom center #eee;
}

#contentwrap #sub-nav .related H3,
#contentwrap #sub-nav .submenu H3 {
    font-size: 1.3em;
}

#contentwrap #sub-nav .submenu UL {
    margin: 10px 10px 0 10px;
    padding: 0 0 10px 0;
}

#contentwrap #sub-nav .submenu UL LI {
    margin: 9px 0;
}

#contentwrap #sub-nav .submenu UL LI A {
    font-weight: bold;
}

#contentwrap #sub-nav .submenu UL LI A.selected {
    color: #083C90;
}

#contentwrap #sub-nav .submenu UL UL {
    margin: 0 10px 0 20px;
    padding: 0;
}

#contentwrap #sub-nav .submenu UL UL LI {
    list-style: url(http://www.canadiansteel.ca/images/bullet_secondarynav.gif);
    margin: 6px 0;
}

#contentwrap #sub-nav .submenu UL UL LI A {
    font-weight: normal;
}

#contentwrap #sub-nav .submenu UL UL LI A.selected {
    font-weight: bold;
}


/************************************************
    primary SIDE CONTENT
 ************************************************/

.primary .intro {
     position: relative;
     margin: 0 0 0 120px;
}

.primary .intro #president-photo {
     position: absolute;
     top: 0;
     left: -120px;
     margin: 0 15px 0 0;
}

.primary .intro #president-photo IMG {
     border: solid 2px #fff;
}

.primary .intro #president-photo P {
    font-style: italic;
    font-size: 0.8em;
    width: 70px;
}

.primary .intro H2 {
     color: #083C90;
     font-size: 1.5em;
     margin: 0 0 10px 0;
}

.primary .left {
     float: left;
     width: 200px;
     margin: 0;
     padding: 0 10px 0 0;
     background: url(http://www.canadiansteel.ca/images/primary_left_bkg.gif) repeat-y;
}

.primary .right {
     width: 190px;
     margin: 0 0 0 215px;
     padding: 0 10px 0 10px;
}

.primary .left H2,
.primary .right H2 {
     color: #083C90;
     font-size: 1.5em;
     text-transform: uppercase;
     margin: 5px 0 5px 0;
}

.primary DIV.leftcol {
     float: left;
     width: 200px;
     margin: 0;
     padding: 0 10px 0 0;
}

.primary DIV.rightcol {
     width: 190px;
     margin: 0 0 0 215px;
     padding: 0 10px 0 10px;
}

.primary H1 {
    font-size: 2em;
    margin: 10px 0;
}

.primary H4 {
    color: #000;
    font-size: 1em;
    margin: 5px 0;
}

.primary UL {
    margin: 20px 0 20px 30px;
}

.primary LI {
    margin: 9px 0;
}

.primary .notavailable {
    color: #c00;
    font-weight: bold;
}

.primary .img-left {
    float: left;
    margin: 10px 10px 10px 0;
    padding: 0;
}

.primary .img-right {
    float: right;
    margin: 10px 0 10px 10px;
    padding: 0;
}

.primary .img-right IMG,
.primary .img-left IMG {
    border: 3px solid #ccc;
}

.primary .img-right P,
.primary .img-left P {
    font-size: 0.9em;
    font-style: italic;
    margin: 5px 0 0 0;
    color: #666;
}

/************************************************
    BREADCRUMB / SUB NAV
 ************************************************/

#breadcrumb {
    width: 100%;
    border-bottom: solid 1px #ddd;
    position: relative;
    top: 0px;
}

#breadcrumb UL {
    margin: 0;
    padding: 0 3px 3px 3px;
}

#breadcrumb UL LI {
    background: url(http://www.canadiansteel.ca/images/bullet_breadcrumb.gif) no-repeat 0 4px;
    display: inline;
    padding: 0 0 0 12px;
    margin: 0 0 0 3px;
    font-size: 0.9em;
}

#breadcrumb UL LI.first {
    background: none;
    margin: 0;
    padding: 0;
}

.primary .sub-nav {
    position: relative;
    top: -10px;
}

.primary .sub-nav UL {
    margin: 0;
    padding: 6px 0;
}

.primary .sub-nav UL LI {
    list-style-image: url(http://www.canadiansteel.ca/images/bullet_sub-nav.gif);
    display: inline;
    padding: 0 4px;
}
.facts table {
    width:100%;
    margin:10px 0;
    font-size:.8em;
}
.facts table td {
    padding:10px 5px;
    text-align:center;
    border-bottom:1px solid #eee;
    vertical-align:top;
}
.facts table img {
    margin:5px 0;
}

/************************************************
    FOOTER
 ************************************************/

#footer {
    position: relative;
    clear: both;
    margin: 10px 0 0 0;
    padding: 30px 8px 0;
    font-size: 0.8em;
    color: #aaa;
    background: #fff;
}

#footer A {
    color: #54524F;
    text-decoration: none;
    padding: 0 4px;
}

#footer A:hover {
    color: #999;
}

#footer .address {
    position: absolute;
    top: 30px;
    right: 8px;
    text-align: right;
}

/************************************************
    CUSTOM > SEARCH
 ************************************************/

.module-search DIV.index {
    text-align: center;
    padding: 8px;
    background: #eaeaea;
}

.module-search DIV.index A,
.module-search DIV.index B {
    padding: 2px 4px;
}

.module-search UL {
    list-style: none;
    margin: 15px;
    color: #aaa;
}

.module-search UL A {
    font-weight: bold;
}

.module-search UL P {
    margin: 6px 0 0 0;
    color: #333;
    font-size: 0.9em;
}

.module-search TABLE.form {
    border: none;
    margin: 20px 0;
}

.module-search TABLE.form TH {
    text-align: right;
    width: 70px;
    font-weight: normal;
    padding: 0 5px 0 0;
}

.module-search TABLE.form TD INPUT.text {
    border-top: solid 1px #666;
    border-left: solid 1px #666;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.module-search TABLE.form TD INPUT.button {
    margin: 10px 0;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
    font-size: 0.9em;
    padding: 2px 6px;
    background: #ddd;
}

/************************************************
    CUSTOM > SITEMAP
 ************************************************/

.module-sitemap UL {
    margin: 0 0 0 30px;
}

.module-sitemap LI {
    list-style: none;
    margin: 2px 0;
}

.module-sitemap LI A {
    font-weight: bold;
}

.module-sitemap UL UL {
    margin-bottom: 10px;
    margin-top: 10px;
}

.module-sitemap UL UL LI A {
    font-weight: normal;
}

.module-sitemap UL UL UL LI {
    list-style: disc;
}

/************************************************
    CUSTOM > MEMBERS
 ************************************************/

 .members {
     margin: 30px 0 0 0;
 }

 .members TH {
     vertical-align: middle;
     height:70px;
 }

 .members TD {
     vertical-align: middle;
     padding: 10px 40px;
 }

 .members TD H4 {
     margin: 0;
 }

 .members TD P {
     margin: 5px 0;
 }

 /************************************************
     CUSTOM > PRODUCT RANGE
  ************************************************/

TABLE.products {
    border-spacing: 0;
    border-collapse: collapse;
}

TABLE.products TH {
    background: #eee;
    padding: 4px 2px;
}

TABLE.products TD {
    border-bottom: solid 1px #eee;
    padding: 2px;
}

DIV.productlegend OL {
    list-style: upper-alpha;
}

DIV.productlegend LI {
    margin: 3px 0;
}

/************************************************
    CUSTOM > STATISTICS
 ************************************************/

.custom-steelfacts_statistics .module-pages UL {
    width: 300px;
}

.custom-steelfacts_statistics .module-pages LI {
    display: inline;
    padding: 4px;
}

.custom-steelfacts_statistics_archives .module-pages UL {
    width: 300px;
}

.custom-steelfacts_statistics_archives .module-pages LI {
    display: inline;
    padding: 4px;
}

/***************************************
quick facts styling
*/

.quickfacts {
    font-style:bold;
    font-size:120%;
    list-style:none;
    border-left:solid 6px #093D91;
    padding:0 0 0 15px;
}
.custom-initiatives {
    margin:0;
    padding:0;
    }

.custom-initiatives .key-initiatives-list {
    list-style:none;
    width:446px;
    margin:0;
    padding:0;
}
.custom-initiatives .key-initiatives-list LI {
    text-transform: uppercase;
    color: #fff;
    font-size: 1.1em;
    width: 218px;
    margin: 5px 5px 0 0px;
    padding:5px 0 0 0;
    display:block;
    float:left;
    }

.custom-initiatives .key-initiatives-list H2 A {
    text-decoration:none;
    color:#FFF;
    background-image: url('http://www.canadiansteel.ca/images/bar_bg.gif');
    padding: 5px 0px 5px 16px;
    display:block;
    font-size:60%;
    }
.custom-initiatives .key-initiatives-list H2 {
margin:0;
padding:0;
}
.custom-initiatives .key-initiatives-list IMG {
    margin:2px 0;
    border: 0px;
    }