/* Begin generic styles for font controls and basic HTML elements */

body {
  margin: 15px;
  padding: 0;
  background-color: white;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 70%;
  color: #666;
  }

a {
  text-decoration: underline;
  color: #3B5A7F;
  }

a:link {
  color: #3B5A7F;
  }

a:visited {
  color: #3B5A7F;
  }

a:active {
  color: #3B5A7F;
  }

a:hover {
  color: #7FABD6;
  }

a:visited:hover {
  color: #7FABD6;
  }

h1 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 1em 0 1em 0;
  }

h2 {
  font-size: 1.3em;
  font-weight: bold;
  }

h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

h4 {
  font-size: 1.1em;
  font-weight: bold;
  }

h5, h6 {
  font-size: 1em;
  font-weight: bold;
  }

ol, ul, li {
  font-size: 1.0em;
  }

p, span, input, table, tr, td {
  font-size: 1.0em;
  line-height: 1.4em;
  margin: 0.8em 0 0.8em 0;
  }

strong, b {
  font-weight: bold;
  }

form { 
  margin: 0;
  padding: 0;
  }

img {
  border: 0px;
  }

/* End generic styles for font controls and basic HTML elements */


/* Begin styles for layout */

.clear {
  clear: both;
  }

#PageBodyContainer {
  width: 70em;
  background-color: white;
  }

#HeaderContainer {
  padding: 2em 0 1.6em 0;
  }

#HeaderLogo {
  float: left;
  padding: 0 0 0 1.4em;
  }

#HeaderStrapline {
  float: left;
  padding: 1.9em 0 0 3.2em;
  }

#TopBarOuterContainer {
  border-right: 18em solid #FFCCFF;
  background-color: white;
  }

#TopBarInnerContainer { margin: 0; width: 100%; }

#TopBarContainer {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  background: #C7D5E5 url() no-repeat top left;
  height: 3.8em;
  }

#SearchContainer {
  width: 18em;
  margin-right: -18em;
  float: left;
  position: relative;
  background-color: #005C96;
  height: 3.8em;
  }

#SearchInput {
  float: left;
  padding: 0.2em 0 0 1.4em;
  }

#SearchSubmit {
  float: left;
  padding: 0.2em 0 0 0.6em;
  }

#BodyContentOuterContainer {
  border-left: 15em solid white;
  border-right: 18em solid white;
  background-color: white;
  }

#DatapageBodyContentOuterContainer {
  border-left: 15em solid white;
  background-color: white;
  }

#BodyContentInnerContainer { margin: 0; width: 100%; }

#LeftContainer {
  width: 15em;
  margin-left: -15em;
  float: left;
  position: relative;
  background-color: #C7D5E5;
  padding: 1.8em 0 10em 0; 
  }

ul.LeftNav1stLevel, ul.LeftNav1stLevelOn, ul.LeftNav2ndLevel, ul.LeftNav2ndLevelOn {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }

.LeftNav1stLevel li {
  background-color: #E1E8F1;
  font-weight: bold;
  padding: 0.3em 0 0.4em 1.4em;
  border-bottom: 1px solid #CED8DE;
  color: #3B5A7F;
  }

.LeftNav1stLevelOn li {
  background: #E1E8F1 url(/resources/images/ist37/arrow_down.gif) no-repeat 13em 0.7em;
  font-weight: bold;
  padding: 0.3em 0 0.4em 1.4em;
  border-bottom: 1px solid #CED8DE;
  color: #7FABD6;
  }

.LeftNav1stLevel li a, .LeftNav1stLevel li a:link, .LeftNav1stLevel li a:visited {
  color: #3B5A7F;
  text-decoration: none;
  }

.LeftNav1stLevelOn li a, .LeftNav1stLevelOn li a:link, .LeftNav1stLevelOn li a:visited {
  color: #7FABD6;
  text-decoration: none;
  }

.LeftNav1stLevel li a:hover, .LeftNav1stLevel li a:visited:hover,
.LeftNav1stLevelOn li a:hover, .LeftNav1stLevelOn li a:visited:hover {
  color: #7FABD6;
  text-decoration: none;
  }

.LeftNav2ndLevel li {
  background-color: #F5F6F6;
  padding: 0.3em 0 0.6em 2.4em;
  color: #3B5A7F;
  }

.LeftNav2ndLevelOn li {
  background-color: #F5F6F6;
  padding: 0.3em 0 0.6em 2.4em;
  color: #7FABD6;
  }

.LeftNav2ndLevel li a, .LeftNav2ndLevel li a:link, .LeftNav2ndLevel li a:visited {
  color: #3B5A7F;
  text-decoration: none;
  }

.LeftNav2ndLevelOn li a, .LeftNav2ndLevelOn li a:link, .LeftNav2ndLevelOn li a:visited,
.LeftNav2ndLevelOn li a:hover, .LeftNav2ndLevelOn li a:visited:hover {
  color: #7FABD6;
  text-decoration: none;
  }

.LeftNav2ndLevel li a:hover, .LeftNav2ndLevel li a:visited:hover {
  color: #7FABD6;
  text-decoration: none;
  }

#MainContentContainer {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  }

#MainContent {
  padding: 0 2em 3em 2em;
  background-color: white;
  }

#RightContainer {
  width: 18em;
  margin-right: -18em;
  float: left;
  position: relative;
  background-color: #E5E5E5;
  }

#RightSubContainer {
  padding: 1.4em 1.4em 1em 1.4em;
  }

#NewsHeading {
  padding-bottom: 1em;
  }

ul.NewsItem {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }

.NewsItem li {
  padding: 0.6em 0 0.5em 0em;
  height: 100%;
  }

.NewsItem li a, .NewsItem li a:link, .NewsItem li a:visited {
  color: #3B5A7F;
  text-decoration: none;
  font-weight: bold;
  }

.NewsItem li a:hover, .NewsItem li a:visited:hover {
  color: #7FABD6;
  text-decoration: none;
  font-weight: bold;
  }

#FooterContainer {
  width: 100%;
  position: relative;
  border-top: 2px solid #C7D5E5;
  }

#Footer {
  padding: 0.4em 0 0 1.4em;
  }
  
/* End styles for layout */

/* Styles for news section */

.NewsItemContainer {
  float: left;
  width: 100%;
  margin-bottom: 6px;
  line-height: 1.3em;
  }

.NewsItemHeadline {
  background-color: #3B5A7F;
  padding: 5px; 
  font-size: 1.2em; 
  font-weight: bold; 
  color: #FFF;
  }

.NewsItemImage {
  float: right;
  padding: 7px 0px 0px 15px;
  }

.NewsItemContent {
  margin: 5px 105px 5px 5px;
  }

.NewsItemDate {
  padding-bottom: 2px;
  font-style: italic;
  color: #999999;
  }

.NewsItemCaption {
  padding-bottom: 5px;
  }

.NewsItemLink {
  padding-bottom: 5px;
  font-weight: bold;
  }

.NewsIndexPrevious {
  float: left;
  color: #FF7700;
  }

.NewsIndexList {
  text-align: center;
  }

.NewsIndexNext {
  float: right;
  color: #FF7700;
  }

.NewsStoryImage {
  float: left;
  margin: 0px 15px 15px 0px;
  }

/* End styles for news section */