/*

    Trident Feeds main stylesheet
    
    Other files:
    - reset.css             CSS reset, used in all browsers
    - tridentie6.css        Rendering fixes for Internet Explorer
    - tridentprint.css      Used when printing the page
    - tridentprintie.css    Used when printing the page in Internet Explorer
    
    To hide content when printing:
    <span class="noprint">no-print content</span>
    
    To show content only when printing:
    <span class="printonly">print-only content</span>
    
*/

/* General styles */
html
{
  font-family: "Century Gothic", sans-serif;
  font-size:65%;
}

body
{
  height: 120%; /* fix for bottom text not appearing in some browsers */
}

div.printonly
{
  display: none;
}

/* Header area */
div#header
{
  width: 800px;
}

div#header img.logo
{
  margin: 13px 15px 15px 18px;
}

/* main navigation */
div#header ul#nav_main
{
  position: absolute;
  top: 95px;
  left: 124px;
  font-size: 1.15em;
  padding-right: 0.5em;
  border-right: 1px solid #000;
  font-weight: bold;
}

div#header ul#nav_main li:first-child
{
  border-left: 1px solid #000;
}

/* extra navigation */
div#header ul#nav_tr
{
  position: absolute;
  top: 16px;
  left: 600px;
  font-size: 1em;
}

div#header ul#nav_tr li.first
{
  border-left: none !important;
}

/* Content areas */

div#center
{
  position: absolute;
  top: 0;
  left: 0;
  background-color: #E20025;
  margin: 120px 0 180px 0;
  width: 825px;
  height: 120%;  /* sapooler */
  color: #fff;
  padding: 0 0 65px 0;
  background-image: url('/Nimoi/sites/trident/resources/corner2.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
}

div#center div#center_left
{
  float: left;
  display: block;
  width: 141px;
  padding: 12px 12px 12px 12px;
}

/* Fix for font inheritance bug in Opera */
div#center div#center_content div#center_content_narrow h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic";
}

div#center div#center_content
{
  float: left;
  display: block;
  width: 425px;
  padding: 10px;

  font-size: 1.2em;
}

div#center_content_narrow
{
  float: left;
  display: block;
  width: 270px;

  padding: 10px;
  font-size: 1.2em;
}
div#center_content_indent
{
  margin: 0px 0px 0px 166px;
  float: left;
  display: block;
  width: 425px;
  padding: 10px;
  font-size: 1.2em;
}
div#center div#center_content.fullwidth
{
  width: 570px !important;
}

div#center div#center_right
{
  float: left;
  display: block;
  width: 185px;
  overflow: visible;
  padding: 10px 10px 10px 5px;
  text-align: left;
}

div#center_right_wide
{
  float: left;
  display: block;
  width: 328px;
  padding: 0px 10px 10px 5px;
  text-align: left;
}
/* 'fake' centering of highlight images */
div#center div#center_right img
{
  margin-left: 6px;
}

/* Left navigation */

div#center_left div.navigation
{
  margin: -1px 0 25px 0;
  padding: 0 0 0 0;
  font-size: 1.2em;
  border-bottom: 1px solid #fff;
}

div#center_left div.navigation ul.nav_left
{
  overflow: hidden;
}
div#center_left div.iefix
{
  background-color: #E21f28;
  position: absolute;
  top: 8px;
  width: 141px;
  height: 3px;
  overflow: hidden;
  z-index: 99;
}

div#center_left div.navigation ul.nav_left li
{
  border-top: 1px solid #fff;
  padding: 5px;
}

div#center_left div.navigation ul.nav_left li:first-child
{
  border-top: none !important;
}

div#center_left div.navigation ul.nav_left li a
{
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}

div#center_left div.navigation ul.nav_left li.nav_indent
{
  border-top: none;
  padding: 4px 5px 5px 5px;
}

div#center_left div.navigation ul.nav_left li a.LMLon
{
  /* color: #1F3E76; */
  /* border-left: 2px solid #FFF;
  padding-left: 5px; */
  color: #1F3E76;
}

div#center_left div.navigation ul.nav_left li a.LMLoff:hover
{
  color: #FCC;
}

/* Inteletrade login */

div#center_left div.inteletrade_login
{
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 0 -1px 0 0;
  margin: 0;
}

div#center_left div.inteletrade_login_t
{
  background-image: url('/Nimoi/sites/trident/resources/login_top.gif');
  background-repeat: no-repeat;
  background-position: top left;
  border: 0;
  padding: 0;
  margin: 7px 0 0 0;
  height: 30px;
}

div#center_left div.inteletrade_login_t h2
{
  border-bottom: 1px solid #fff;
  font-size: 1.2em;
  padding: 9px 4px 9px 9px;
}

div#center_left div.inteletrade_login_b
{
  background-image: url('/Nimoi/sites/trident/resources/login_bottom.gif');
  background-repeat: no-repeat;
  background-position: bottom left;
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0 0 40px 0;
  padding: 8px 0 10px 3px;
}

div#center_left div.inteletrade_login_b a
{
  font-size: 1em;
  color: #fff;
  text-decoration: none;
  padding: 0px 5px 4px 8px;
}

div#center_left div.inteletrade_login form
{
  margin: 0 7px 0 7px;
  padding: 5px 0 5px 0;
  font-size: 1.1em;
  border-bottom: 1px solid #fff;
}

div#center_left div.inteletrade_login form label
{
  line-height: 1.4em;
}

div#center_left div.inteletrade_login form input
{
  width: 100%;
  font-size: 1.2em;
  margin: 0 0 4px 0;
  background-color: #E05140;
  color: #fff;
  border: 1px solid #DBB;
}

div#center_left div.inteletrade_login form input:hover
{
  border-color: #FFF;
}

div#center_left div.inteletrade_login form input.button
{
  text-align: right;
  border: none;
  background-color: transparent;
  font-family: inherit;
  margin: 5px 0 0px 0;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Century Gothic";
  cursor: pointer;
}

/* Left side logos */
div#center_left div.logo_left
{
  border-top: 3px solid #fff;
  border-bottom: 4px solid #fff;
  margin: 25px 0 10px 0;
  text-align: center;
}

div#center_left div.logo_left p
{
  border-top: 1px solid #fff;
  padding: 15px 0 15px 0;
}

div#center_left div.logo_left a
{
  color: #FFF;
  text-decoration: none;
  font-size: 1.2em;
}

div#center_left div.logo_left a:hover
{
  color: #FCC;
}

/* Footer area */
div#footer
{
  position: absolute;
  bottom: -125px;
  left: 5px;
  color: #475687;
  width: 100%;
  padding: 0 0 0 10px;
}

/* legal links */
div#footer ul#nav_footer
{
  float: left;
  margin: 74px 0 0 0;
  font-size: 1.0em;
  padding-right: 3px;
  border-right: 1px solid #000;
}

div#footer ul#nav_footer a
{
  text-transform: lowercase;
  border-left: 1px solid #000 !important;
}

/* Uncomment this if adding a link to the copyright notice */
/* div#footer ul#nav_footer a:first-child
{
  border-left: 0 !important;
}
*/

div#footer ul#nav_footer li
{
  border: 0 !important;
}

/* company info */
div#footer div#company_info
{
  float: right;
  text-align: right;
  font-size: 1.0em;
  padding: 0 20px 0 0;
}

div#footer div#company_info p
{
  padding: 0 8px 0 0;
}

div#footer div#company_info p a
{
  color: #475687;
  text-decoration: none;
}

div#footer div#company_info p a:hover
{
  color: #E20025;
}


/* Content area small text */

div#center div#center_content div.smalltext 
{
  font-size: 1.0em;
}

/* Content area links */

div#center div#center_content a
{
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  /*border-bottom: 1px dotted #FDD;*/
}

div#center div#center_content a:hover
{
  color: #fcc;
  /*border-bottom: 1px solid #FFF;*/
}

div#center div#center_content table a
{
  font-weight: normal;
}

div#center div#center_content table a:hover
{
  text-decoration: underline;
}

/* Content area paragraphs */

div#center div#center_content p
{
  line-height: 1.2em;
  font-size: 1.1em;
  padding: 0 0 15px 0;
}

/* content area titles */

div#center div#center_content h1
{
  font-size: 1.5em;
  padding: 7px 0 10px 0;
}

div#center div#center_content h2
{
  font-size: 1.4em;
  padding: 5px 0 8px 0;
}

div#center div#center_content h3
{
  font-size: 1em;
  padding: 6px 0 6px 0;
}

div#center div#center_content h4
{
  font-size: 1em;
  padding: 6px 0 6px 0;
}


div#center div#center_content h5
{
  font-size: 1em;
  padding: 0 0 9px 0;
}

/* Content area small text */

div#center div#center_content_narrow div.smalltext 
{
  font-size: 1.0em;
}

/* Content area links */

div#center div#center_content_narrow a
{
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  /*border-bottom: 1px dotted #FDD;*/
}

div#center div#center_content_narrow a:hover
{
  color: #fcc;
  /*border-bottom: 1px solid #FFF;*/
}

div#center div#center_content_narrow table a
{
  font-weight: normal;
}

div#center div#center_content_narrow table a:hover
{
  text-decoration: underline;
}

/* Content area paragraphs */

div#center div#center_content_narrow p
{
  line-height: 1.2em;
  font-size: 1.1em;
  padding: 0 0 15px 0;
}

/* content area titles */

div#center div#center_content_narrow h1
{
  font-size: 1.5em;
  padding: 7px 0 10px 0;
}

div#center div#center_content_narrow h2
{
  font-size: 1.4em;
  padding: 5px 0 8px 0;
}

div#center div#center_content_narrow h3
{
  font-size: 1.1em;
  padding: 6px 0 6px 0;
}

div#center div#center_content_narrow h4
{
  font-size: 1em;
  padding: 6px 0 6px 0;
}


div#center div#center_content_narrow h5
{
  font-size: 1em;
  padding: 0 0 9px 0;
}





/* Breadcrumb bar */

div#center div.breadcrumb
{
  font-family: sans-serif;
  font-size: 1.0em;
  margin: 10px 0 0 175px;
  color: #FFF;
}
div#center div.breadcrumb .blue
{
  color: #1F3E76;
  font-weight: bold;
}

div#center div.breadcrumb a
{
  color: #FFF;
  text-decoration: none;
}

div#center div.breadcrumb a:hover
{
  border-bottom: 1px dotted #FFF;
}

div#center div.breadcrumb h3 
{
  font-size: 1.4em;
  font-weight: normal;
  font-family: "Century gothic";
  padding: 5px 0 18px 0;
  color: #FFF;
}

/* Tables in content */

div#center div#center_content table
{
  color: #FFF;
  background-color: #E54437;
  border-color: #E32F2D;
  font-size: 1.0em;
  margin-top: 1em;
}

div#center div#center_content table td
{
  padding: 5px 5px 0 5px;
  border-color: #E32F2D;
  border: 1px solid #D32C22;
}

div#center div#center_content .blue
{
  color: #1f3e76;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

/*  Uncomment section below to make first row of all tables have the 
    'header' appearance regardless of use of <th> tag
    (Doesn't work in browsers that don't support nth-child selectors - IE6)  */
/*div#center div#center_content table tr:first-child
{
  background-color: #1F3E76;
  color: #FFF;
  font-weight: bold;
}*/

div#center div#center_content table th
{
  background-color: #1F3E76;
  color: #FFF;
  font-weight: normal;
  text-align: left;
  border-left: 1px solid #d32c22;
  padding: 5px 5px 5px 8px;
}

/* Right side images */

div#center div#center_right img
{
  /*max-width: 150px;*/
  z-index: -999;
}

/* Homepage images */

div#center div.home_images
{
  padding: 15px 0 0 0;
}

div#center div.home_images img
{
  width: 90px;
  height: 90px;
  margin: 4px;
}

/* Homepage news */
div#center div.home_news
{
  margin: 10px 0 0 0;
  font-size: 1.2em;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  padding: 0 0 0 0;
}

div#center div.home_news h3
{
  font-family: serif;
  font-size: 2em;
  font-weight: normal;
  padding: 10px 5px 10px 5px;
  line-height: 0.9em;
}

div#center div.home_news h3 a
{
  color: #FFF;
  text-decoration: none;
}

div#center div.home_news h3 a:hover
{
  color: #Fdd;
}

div#center div.home_news div.newsstory
{
  border-top: 5px solid #fff;
  padding: 10px 5px 10px 5px;
  font-size: 1.1em;
}

div#center div.home_news div.newsstory h4
{
  font-weight: normal;
  font-size: 1.0em;
}

div#center div.home_news div.newsstory p.nTitle
{
  font-size: 1.1em;
  padding: 5px 0 5px 0;
}

div#center div.home_news div.newsstory p.nTitle a
{
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

div#center div.home_news div.newsstory p.nTitle a:hover
{
  color: #FDD;
}

div#center div.home_news div.newsstory p.nDate
{
  font-size: 0.8em;
  padding: 7px 0 0 0;
  font-weight: bold;
}

div#center div.home_news div.newsstory p.nDate strong
{
  font-size: 1.1em;
}

/* Site map paragraph spacing and link style */
div#center div#center_content div.sitemap p
{
  line-height: 1.5em;
}

div#center div#center_content div.sitemap a
{
  border-bottom: none !Important;
}

div#center div#center_content div.sitemap a:hover
{
  text-decoration: underline;
}

div#center div#center_content div.sitemap ul
{
  padding: 0 0 0 15px;
}

/* Lists */

div#center div#center_content ul
{
  list-style: disc;
  padding: 0 0 25px 15px;
}

div#center div#center_content li
{
  padding: 0 0 15px 0;
}

/* navigation bars */
ul.nav_blue
{
  font-size: 1.0em;
}

ul.nav_blue li
{
  display: inline;
  border-left: 1px solid #000;
}

ul.nav_blue li:first-child
{
  border-left: none;
}

ul.nav_blue li a
{
  color: #475687;
  font-weight: bold;
  text-decoration: none;
  padding: 0 0.7em 0 0.9em;
}

ul.nav_blue li a.TopNavLinkOn
{
  color: #E20025;
}

ul.nav_blue li a:hover
{
  color: #E20025;
}

div.operafix
{
  /* Opera (as of v9.51) doesn't allow for elements placed outside their container
     (using negative margins) in the page's scrollbar. This empty div forces the
     scrollbar to grow enough that the footer is visible when you scroll down.    */
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding-bottom: 130px;
}