/* New Orleans Public Belt Railroad - SCREEN style sheet */

/*This section applies to the entire page.*/
body {
margin: 0px;
padding: 0px;
font-size:62.5%;
font-family: Arial, Helvetica, sans-serif;
color: #3e3f3f;
background: #032539 url(/nopb/templates/commodities/images/nopb-bgrpt.jpg) no-repeat top center;
}

a:hover {
color: #660000;
}

#pagecontainer {
width: 980px;
margin: 0px auto;
padding: 0px 0px 10px 0px;
position: relative;
z-index: 1;
background: #ffffff url(/nopb/templates/commodities/images/nopb-page-bottombg.gif) no-repeat bottom left;
}


/*This section includes the NOPB graphic and the slide show pro container.*/
#logoandphoto {
width: 980px;
float: left;
margin: 0px;
padding: 0px 0px 8px 0px;
background: #032539 url(/nopb/templates/commodities/images/nopb-page-bluebg-abovecontent.gif) no-repeat bottom left;
}

#logoandphoto img {
margin: 0px;
padding: 0px;
}

/*NOPB graphic*/
#logo {
float: left;
margin: 0px;
padding: 0px;
width: 195px;
height: 225px;
}

#logo img {
width: 195px;
height: 225px;
margin: 0px;
padding: 0px;
}

/*Slide Show Pro Container*/
#homepageslideshow {
float: right;
margin: 0px;
padding: 0px;
height: 225px;
width: 785px;
}

/*Content Containers - each contains a different background that is layered on top of another*/
#navandcontentcontainer-bottomlayer {
float: left;
width: 980px;
margin: 0px;
padding: 0px 0px 0px 0px;
background: #032539 url(/nopb/templates/commodities/images/nopb-content-bgrpt.jpg) repeat-y top right;
}

#navandcontentcontainer-middlelayer {
float: left;
width: 980px;
margin: 0px;
padding: 0px 0px 0px 0px;
background: transparent url(/nopb/templates/commodities/images/nopb-grayfadetop.gif) no-repeat top right;
}

#navandcontentcontainer-toplayer {
float: left;
width: 980px;
min-height: 550px;
margin: 0px;
padding: 20px 0px 15px 0px;
background: transparent url(/nopb/templates/commodities/images/nopb-grayfadebottom.gif) no-repeat bottom right;
}

/*HOMEPAGE - Container for Navigation, Feature Story, and International Reach Map*/
#homepg-navfeatureandmap {
float: left;
width: 505px;
margin: 0px;
padding: 0px;
}

/*ALL PAGES - Navigation*/
#navigation {
float: left;
width: 171px;
text-align: right;
margin: 0px;
padding: 0px 5px 0px 20px;
}

#navigation img {
margin: 0px;
padding: 0px 0px 6px 0px;
border: 0;
}

/*HOMEPAGE - Feature Story with photo*/
#feature-story-container {
float: right;
width: 278px;
margin: 0px;
padding: 6px;
background-color: #d8d8d9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #1b4e83;
}

#feature-story-container p {
margin: 0px;
padding: 0px 5px 8px 0px;
}

#feature-story-container a, #feature-story-container a:visited {
color: #862d2e;
font-weight: normal;
font-style: italic;
text-decoration: none;
}

#feature-story-container a:hover, #feature-story-container a:active {
text-decoration: underline;
}

#feature-story-container img {
float: left;
padding: 0px 8px 0px 0px;
margin: 0px;
}

#feature-story {
}

#feature-story-text {
margin: 0px;
padding: 50px 0px 0px 0px;
}

/*HOMEPAGE - International Reach Interactive Map*/
#intlreach-map {
clear: both;
float: left;
width: 504px;
margin: 25px 0px 25px 0px;
padding: 0px;
text-align: right;
}

/*HOMEPAGE - Container for General News Stories and Fast Fact*/
#homepg-newsfastfact {
float: right;
width: 455px;
margin: 0px;
padding: 0px;
}

/*HOMEPAGE - News Items*/
#newsitems {
width: 430px;
margin: 0px 0px 25px 0px;
padding: 0px 25px 0px 0px;
}

#newsitems tr, #newsitems td {
margin: 0px;
padding: 0px;
}

#newsitems h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .1em;
color: #3a78b5;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#newsitems h2 a, #newsitems h2 a:visited {
color: #3a78b5;
text-decoration: none;
}

#newsitems h2 a:hover, #newsitems h2 a:active {
text-decoration: underline;
}

#newsitems p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3e3f3f;
margin: 0px 0px 15px 0px;
padding: 0px;
}

#newsitems p a, #newsitems p a:visited {
color: #3e3f3f;
text-decoration: none;
}

#newsitems p a:hover, #newsitems p a:active {
text-decoration: underline;
}

/*HOMEPAGE - Fast Fact*/
#fastfact {
width: 315px;
padding: 12px 0px 15px 0px;
margin: 45px 140px 25px 0px;
border-top: 1px dashed #cdcbca;
border-bottom: 1px dashed #cdcbca;
font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 21px;
color: #823333;
font-weight: bold;
font-style: italic;
}


/*HOMEPAGE - Mission Statement*/
#mission-statement {
clear: both;
width: 980px;
margin: 0px;
padding: 0px;
}

#mission-statement img {
margin: 0px 0px 0px 215px;
padding: 0px;
}

/*Content Pages - Left Column */

#leftcolumn {
width: 196px;
float: left;
margin: 0px
padding: 0px 0px 35px 0px;
}

#leftcolumn table {
float: left;
}

#leftcolumn-featurebox {
float: left;
width: 196px;
margin: 30px 0px 40px 0px;
padding: 0px;
border-top: 10px solid #e47f23;
border-bottom: 30px solid #e47f23;
background-color: #fbe3cd;
}

#leftcolumn-featurebox img {
margin: 0px;
padding: 0px;
border: 0px;
float: left;
}

#leftcolumn-featurebox h2 {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
letter-spacing: .1em;
color: #032336;
padding: 0px;
margin: 12px 12px 0px 12px;
float: left;
}

#leftcolumn-featurebox p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #032336;
margin: 0px;
padding: 3px 12px 12px 12px;
float: left;
}

#leftcolumn-featurebox p a, #leftcolumn-featurebox p a:active, #leftcolumn-featurebox p a:visited {
color: #3a78b5;
font-weight: bold;
text-decoration: none;
}

#leftcolumn-featurebox p a:hover {
text-decoration: underline;
} 

/*Content Pages - Right Wide Column */
#rightcolumn {
width: 765px;
float: right;
}

#pagetitle {
width: 745px;
margin: 0px;
padding: 0px 20px 0px 0px;
}

#pagetitle h1 {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: uppercase;
font-size: 20px;
letter-spacing: .2em;
margin: 0px 0px 5px 0px;
padding: 0px;
color: #b51e17;
}

#content {
width: 745px;
margin: 0px;
padding: 0px 20px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#content h2 {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
letter-spacing: .2em;
margin: 0px 0px 5px 0px;
padding: 0px;
color: #db6b18;
}

#content h3 {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #032235;
letter-spacing: .1em;
}

#content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3e3f3f;
margin: 0px 0px 15px 0px;
padding: 0px;
}

#content a, #content a:active, #content a:visited, #content p a, #content p a:visited, #content p a:active, #content li a, #content li a:visited, #content li a:active {
color: #3a78b5;
font-weight: bold;
text-decoration: none;
}

#content a:hover, #content p a:hover, #content li a:hover {
text-decoration: underline;
}

#content ul {
margin: 0px;
padding: 0px 20px 15px 20px;
color: #3e3f3f;
}

#content li {
list-style-type: square;
margin: 0px 0px 7px 0px;
padding: 0px;
}

#bodylinks {
width: 745px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:11px;
line-height: 15px;
border-top: 1px dashed #cdcbca;
border-bottom: 1px dashed #cdcbca;
margin: 0px 20px 20px 0px;
padding: 5px 0px 5px 0px;
}

.mainlevel {
color: #716852;
text-transform: lowercase;
text-decoration: none;
}

.mainlevel a, .mainlevel a:visited, .mainlevel a:active {
color: #716852;
text-transform: lowercase;
text-decoration: none;
}

.mainlevel a:hover {
color: #660000;
text-decoration: underline;
}

#active_menu {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
color: #032235;
letter-spacing: .1em;
}

#active_menu a, #active_menu a:visited {
color: #032235;
}

#active_menu a:hover, #active_menu a:active {
text-decoration: none;
}

#thirdlevel-menu {
width: 190px;
float: right;
margin: 0px 0px 15px 10px;
padding: 15px 20px 0px 20px;
background-color:#d0f0fa;
border: 1px dashed #cdcbca;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #032235;
font-size: 11px;
letter-spacing: .1em;
}

#thirdlevel-menu:after {
display: inline;
}

#thirdlevel-menu table {
margin: 0px;
padding: 0px;
}

#thirdlevel-menu td {
padding-bottom: 10px;
}

#thirdlevel-menu a, #thirdlevel-menu a:active, #thirdlevel-menu a:visited {
color: #032235;
text-decoration: none;
font-weight: normal;
}

#thirdlevel-menu a:hover {
text-decoration: underline;
}

/*Material Boxes*/
#material-boxes {
clear: both;
float: left;
width: 980px;
margin: 0px;
padding: 13px 0px 0px 0px;
background: #032539 url(/nopb/templates/commodities/images/nopb-page-bluebg-abovecontent.gif) no-repeat top left;
}

#material-boxes img {
width: 188px;
height: 76px;
margin: 0px;
border: 0px;
}

.material-boxes-rightpadding {
padding: 0px 7px 0px 0px;
margin: 0px;
}

#footer {
clear: both;
margin: left;
width: 980px;
margin: 0px;
padding: 5px 0px 5px 0px;
text-align: right;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: .1em;
color: #a2acb1;
}

#footer a, #footer a:visited {
color: #a2acb1;
text-decoration: none;
}

#footer a:hover, #footer a:active {
color: #ffffff;
text-decoration: underline;
}