@charset "utf-8";
/* CSS Document */
h1 {font-size: 2em;margin: .67em 0;}
h2 {font-size: 1.5em;margin: .83em 0;}
h3 {font-size: 1.17em;margin: 1em 0;}
h4 {font-size: 1em;margin: 1.33em 0;}
h5 {font-size: 0.83em;margin: 1.67em 0;}
h6 {font-size: 0.67em;margin: 2.33em 0;}

/*************************
***   OVERALL STYLES   ***
*************************/
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; background:#2d4b82 url(../_graphics/shared/backgroundPage.gif); margin:0px; padding:0px 0px 20px 0px; text-align:center; color:#636363;}
h2, h3, h4, .storyDate {color:#a5343b;}
h1, .hidden {font-size: 1px; position: absolute; left: -9999px;}
a {color:#3399ff; font-weight: bold; text-decoration: none; }
.clear {clear: both;}
p {margin: 0px 0px 1em 0px;}

#wrapper {width:750px; margin:0px auto; text-align:left;}
#innerWrapper {float:left; width:100%; margin-bottom:20px;}

/* header style */
#header {width:100%; height:189px;}

/* utility links styles */
ul.utility {list-style-type:none; padding:0px 0px 0px 11px; margin:10px 17px 0px 0px; float:right;}
ul.utility li {float:left; margin: 7px 0px; border-right: 1px solid #fff; padding: 0px 5px; color:#fff;}
ul.utility li.noDivider {border-right: 0px;}
ul.utility li a {color:#fff; text-decoration:none; font-weight: normal; font-size: 11px;}
ul.utility li a:hover {text-decoration:underline;}
ul.utility li.search {margin: 0px; border-right:0px; padding-right:0px;}
ul.utility li.search table {margin-top:1px;}
#query {border: 1px solid #a8a8a8;}
ul.utility li.search table button {background:transparent url(../_graphics/shared/searchButton.gif) no-repeat scroll left top; border:0px none; cursor:pointer; display:block; height:26px; width:53px;}

/*content styles */
#content {width:100%; background-color:#fff;}
#content ul{list-style-type:none; padding-left:15px; margin:1em 0px;}
#content li {padding-left:15px; background:transparent url(../_graphics/shared/bullets.gif) no-repeat scroll left 6px; margin-bottom:.75em;}
#content table th {vertical-align:top;}

/* footer style */
#footer {background-color:#b0caea; color:#000; height:51px; padding: 55px 15px 0px 15px; font-size:.9em; line-height:1.2em;}
#footer a {color:#000; text-decoration:none; font-weight: normal;}
#footer a:hover {text-decoration:underline;}
#footer p.disclaimer {padding:0px; margin:0px; width:420px; float:left;}
#footer ul {float:right; margin:0px; padding:0px; list-style-type:none;}
#footer ul li {float:left; margin: 0px; border-right: 1px solid #000; padding: 0px 5px;}
#footer ul li.noDivider {border-right: 0px; padding-right:0px;}

/****************************
***   NAVIGATION STYLES   ***
****************************/
#navigation {width:100%; height: 32px; background: url(../_graphics/shared/navigation.gif) 0px 0px no-repeat;}
#navigation ul {list-style-type:none; margin:0px; padding:0px;}
#navigation li {margin:0px 1px 0px 0px; padding:0px; display:block; float:left; height:32px;}
#navigation a {display:block; width:100%; height:100%; }



/* when no link exists */
#navigation li.home {width:81px; background: url(../_graphics/shared/navigation.gif) 0px -68px no-repeat;}
#navigation li.about {width:83px; background: url(../_graphics/shared/navigation.gif) -82px -68px no-repeat;}
#navigation li.feature {width:92px; background: url(../_graphics/shared/navigation.gif) -166px -68px no-repeat;}
#navigation li.resources {width:170px; background: url(../_graphics/shared/navigation.gif) -259px -68px no-repeat;}
#navigation li.trade {width:147px; background: url(../_graphics/shared/navigation.gif) -430px -68px no-repeat;}

/* when a link exists */
#navigation li.home a{background: url(../_graphics/shared/navigation.gif) 0px 0px no-repeat;}
#navigation li.about a{background: url(../_graphics/shared/navigation.gif) -82px 0px no-repeat;}
#navigation li.feature a{background: url(../_graphics/shared/navigation.gif) -166px 0px no-repeat;}
#navigation li.resources a{background: url(../_graphics/shared/navigation.gif) -259px 0px no-repeat;}
#navigation li.trade a{background: url(../_graphics/shared/navigation.gif) -430px 0px no-repeat;}

/* when a link is hovered */
#navigation li.home a:hover{background: url(../_graphics/shared/navigation.gif) 0px -34px no-repeat;}
#navigation li.about a:hover{background: url(../_graphics/shared/navigation.gif) -82px -34px no-repeat;}
#navigation li.feature a:hover{background: url(../_graphics/shared/navigation.gif) -166px -34px no-repeat;}
#navigation li.resources a:hover{background: url(../_graphics/shared/navigation.gif) -259px -34px no-repeat;}
#navigation li.trade a:hover{background: url(../_graphics/shared/navigation.gif) -430px -34px no-repeat;}


ul#nav-menu {
  background-image: url('/_graphics/shared/headerCont.gif');
  margin: 0;
  padding: 0;
  height: 37px;
  list-style: none;
}

ul#nav-menu li {
  position: relative;
  float: left;
  line-height: 37px;
  margin: 0 2px 0 0;
  height: 37px;
}

ul#nav-menu li a.item {
  display: block;
  text-align: center;
  font-size: 0;
  text-indent: -9999px;
  height: 100%;
}

ul#nav-menu li:hover a.item, ul#nav-menu li.hovering a.item {
/*  background-color: #3464CC;*/
}

ul#nav-menu li a.currentItem {
  color: #ffffcc;
  font-weight: bold;
/*  background-color: #1B376B;*/
}

ul#nav-menu div {
  background: url('../_graphics/shared/nav_background.gif') top left repeat-y;
  display: none;
}

ul#nav-menu li div {
  color: #ffffff;
  width: 381px;
  position: absolute;
  top: 37px;
  left: 0px;
}

ul#nav-menu li:hover div, ul#nav-menu li.hovering div {
  display: block;
}

ul#nav-menu li div p {
  margin: 5px 0;
  width: 175px;
}

ul#nav-menu li div p a {
  color: #ffffff;
  display: block;
  padding: 6px 0 6px 20px;
  line-height: 16px;
  text-decoration: none;
  font-weight: normal;
}

ul#nav-menu li div p a:hover {
  color: #ffffcc;
}

ul#nav-menu li div .description {
  float: right;
  color: #ccc;
  font-size: .98em;
  width: 173px;
  line-height: 16px;
  margin: 5px;
  padding: 5px 10px;
}


ul#nav-menu li div .description a {
  color:#ccc;
  font-weight:normal;
  text-decoration:underline;
}

ul#nav-menu li div .description a:hover {
  color:#ffffcc;
}