/********** Base HTML Styles **********/
html
{
  overflow: scroll; /* Always show the right scrollbar so the page doesn't jump when the content exceeds the browser window's height. */
}

html, body, form
{
  margin: 0px; /* Remove margins. */
  padding: 0px; /* Remove padding. */
  height: 100%; /* Force the elements to extend 100% of the available height. */
  font: normal 10pt Arial; /* Default font. */
}

/* NCI-Frederick Sub-Site Page */
.NcifSubSitePage
{
  width: 100%; /* The "page" wraps everything, so make the available space 100% of the width. */
  min-height: 90%; /* Force the page to extend 100% of the available height. */
  position: relative; /* Prevent anything from jumping outside of the "page". */
}

/* NCI-Frederick Banner */
.NcifSubSiteBanner
{
  width: 100%; /* Outer wrapper provided for full-width background image.  Banner contents are nested within a "container".   */
  min-width: 960px; /* Make sure that the banner is never smaller that the 960px required by the page. */
  position: absolute; /* Position the banner to sit on top of the sub-site header so that the tab can sit within the header. */
  z-index: 999; /* A high z-index to make sure it sits on top. */
  margin: 0px; /* Remove any margin. */
  background-image: url('/bacs/cms/wp-content/themes/ncif/style/images/NcifSubSiteBannerBackground.png'); /* Background image is all of the red and gray including the tab. Links and other images sit on top. 4000px wide to accomodate wide screens. */
  background-repeat: no-repeat; /* Make sure that the background doesn't repeat. */
  background-position: center top; /* Center the background image so that the middle 960px of the banner remains in the correct location. */
}

.NcifSubSiteBannerContainer
{
  width: 960px; /* Restrict the banner content to 960px. */
  height: 68px; /*  Make the container the same height as the */
  margin: 0px auto 0px auto; /* Center the banner. */
  position: relative; /* Relative positioning to enable relative absolute positioning on contained elements. */
}

.NcifSubSiteBannerContainer a.NciLogo
{
  position: absolute; /* Absolutely positioned logo. */
  top: 7px;
  left: 43px;
}

.NcifSubSiteBannerContainer a.NcifLogo
{
  position: absolute; /* Absolutely positioned logo. */
  top: 18px;
  right: 34px;
}

.NcifSubSiteBannerContainer a.FnlLogo {
position: absolute;
top: 25px;
right: 22px;
}

.NcifSubSiteBannerContainer ul.BannerLinks
{
  position: absolute; /* Absolutely positioned links. */
  top: 24px; /* Top. */
  left: 232px; /* Left. */
  padding: 0px; /* Remove any padding. */
  margin: 0px; /* Remove any margins. */
  list-style-type: none; /* Remove list bullets. */
  font-size: 11px; /* Set font to predetermined pixel count to match the size of the banner. */
  overflow: hidden; /* Prevent long content from blowing up the layout. */
}

.NcifSubSiteBannerContainer ul.BannerLinks li
{
  float: left; /* Float the list items to get them on a single line with no spacing between them. */
  padding: 0px 0px 0px 55px; /* Add left padding to space the items. */
  margin: 0px; /* Remove any margins. */
}

.NcifSubSiteBannerContainer ul.BannerLinks li:first-child
{
  padding-left: 0px; /* Remove left padding for the first list item. */
}

.NcifSubSiteBannerContainer ul.BannerLinks a
{
  color: #888888; /* Set link color. */
  text-decoration: none; /* Remove underline. */
}

.NcifSubSiteBannerContainer ul.BannerLinks a:hover
{
  text-decoration: underline; /* Underline on mouse over. */
}




.NcifSubSiteSearch
{
  position: absolute;
  top: 78px;
  right: 16px;
  width: 200px;
  height: 33px;
  background-image: url('/bacs/cms/wp-content/themes/ncif/style/images/InputBoxBackground_200.png');
  background-repeat: no-repeat;
}

.NcifSubSiteSearch .NcifSubSiteSearchInput
{
  position: absolute;
  top: 6px;
  left: 15px;
  border: 1px solid White;
  font-family: Arial;
  font-size: 0.9em;
  width: 154px;
  height: 20px;
  margin: 0px;
  padding: 0px;   
}

.NcifSubSiteSearch .NcifSubSiteSearchButton
{
  position: absolute;
  top: 4px;
  right: 4px;
}

.NcifSubSiteHeader
{
  
  overflow: hidden; /* Force the header to contain all elements. */
}

.NcifSubSiteHeaderContainer
{
  width: 960px; /* Restrict the header contents to a defined width. */
  margin: 0px auto 0px auto; /* Center the header. */
  position: relative; /* Prevent nested elements from jumping outside of the container. */
  overflow: hidden; /* Force the header container to contain all elements. */
}

.NcifSubSiteTopNavigation
{
  background-image: url('/bacs/cms/wp-content/themes/ncif/style/images/NcifSubSiteTopNavigationBackground.png'); /* Gradient background that stretches the entire browser width. */
  height: 30px; /* Set static height. */
  overflow: hidden; /* Prevent larger elements from blowing up the layout. */
}

.NcifSubSiteTopNavigationContainer
{
  width: 960px; /* Restrict the top navigation contents to a defined width. */
  margin: 0px auto 0px auto; /* Center the top navigation. */
  position: relative; /* Prevent nested elements from jumping outside of the container. */
}

.NcifSubSiteTopNavigationContainer ul
{
  padding: 0px; /* Remove any padding. */
  margin: 0px; /* Remove any margins. */
  list-style: none; /* Remove bullets. */
  font-size: 14px; /* Set static font size for the navigation. */
  overflow: hidden; /* Force the list to contain all elements. */
  text-align: center; /* Align the list items in the center of the navigation container. */
}

.NcifSubSiteTopNavigationContainer ul li
{
  display: inline-block; /* Display the list items inline so that they can be centered and block to maintain control over layout. */
  margin: 1px 0px 1px 0px; /* Prevent the separator borders from going all of the way to the top and bottom of the background image. */
  padding: 0px; /* Remove any padding. */
  border-right: 1px solid Silver; /* The outer border of the two right borders (link|list item).*/
  overflow: hidden; /* Prevent long text from blowing up the layout. */
  word-spacing: -5px; /* Removes spacing between list items that was caused by making them inline. */
  
  /* IE-only inline-block fix for IE7. */
  zoom: 1; /* Forces IE-only hasLayout property to be set. */
  *display: inline; /* IE-only "inline". */
}

.NcifSubSiteTopNavigationContainer ul li:first-child
{
  border-left: 1px solid Silver; /* The first list item gets both left and right borders.  Set the left here. */
}

.NcifSubSiteTopNavigationContainer ul li:first-child a:first-child
{
  border-left: 1px solid White; /* The first link gets both left and right borders.  Set the left here. */
}

.NcifSubSiteTopNavigationContainer ul a
{
  color: #595B70; /* Set color. */
  font-weight: bold; /* Bold. */
  text-decoration: none; /* Remove underline. */
  padding: 6px 8px 6px 8px; /* Padding is added to the link to allow the entire space to be clicked. */
  height: 16px; /* Height of the link. */
  display: block; /* Block display to give control over layout. */
  border-right: 1px solid White; /* The inner border of the two right borders (link|list item).*/
  word-spacing: 0px; /* Reset word spacing inherited from the list item. */
}

.NcifSubSiteTopNavigationContainer ul a:hover
{
}

.NcifSubSiteInnerPage
{
  background-image: url('/bacs/cms/wp-content/themes/ncif/style/images/InnerPageBackground.png'); /* Background gradient image. */
  background-repeat: repeat-x; /* Only repeat the image horizontally. */
  overflow: hidden; /* Forces the inner page to contain the inner elements. */
  min-height: 135px; /* The height of the background image to preserve the full gradient. */
  padding-top: 4px; /* Provide spacing between the top navigation and the inner content. */
}

.NcifSubSiteInnerPageContainer
{
  width: 960px; /* Restrict inner page content to 960px. */
  min-height: 250px; /* The height of the background image to preserve the full gradient. */
  margin: 0px auto 0px auto; /* Center the inner page content. */
  position: relative; /* Prevent nested elements from jumping outside of the container. */
  overflow: hidden; /* Force the container to contain the inner elements. */
  padding: 12px 0px 132px 0px; /* Add padding for the content.  Bottom padding includes the height of the footer to prevent the footer from covering content. */
  background-image: url('/bacs/cms/wp-content/themes/ncif/style/images/PageBackground.png'); /* Background gradient image. */
  background-repeat: no-repeat; /* Prevent the background from repeating. */
}

.NcifSubSiteSideBar
{
  width: 175px; /* Side navigation width. */
  float: left; /* Float the navigation to the left so that the content will show on the right. */
  position: relative; /* Prevent nested elements from jumping outside of the side navigation.  */
  overflow: hidden; /* Force the side navigation to contain the inner elements. */
  background-image: url('/bacs/cms/wp-content/themes/ncif/style/images/SideBarRightBorder.png'); /* Right gradient border for the side bar. */
  background-position: right top; /* The right border is a background image, so position it on the right. */
  background-repeat: no-repeat; /* Don't repeat the background. */
  min-height: 330px; /* The height of the right border background image to preserve the full gradient. */
  font-size: 12px; /* Set a static font size for the navigation. */
}

.NcifSubSiteSideBar h2
{
  font-size: 15px; /* Set a static font size. */
  font-weight: bold; /* Bold. */
  padding: 6px 12px 9px 12px; /* Add padding to the side nav header. */
  margin: 0px 1px 0px 1px; /* Prevent from covering up the background image borders. */
  color: #444444; /* Set color. */
}

.NcifSubSiteSideBar ul.SideNavigation
{
  list-style-type: none; /* Remove bullets. */
  padding: 0px; /* Remove padding. */
  margin: 0px 1px 0px 1px; /* Prevent from covering up the background image borders. */
}

.NcifSubSiteSideBar ul.SideNavigation li
{
  background-color: #EAEAEA; /* Default background color for a navigation item. */
  padding: 0px 12px 0px 12px; /* Set some padding. */
  margin: 0px; /* Remove any margins. */
  border-top: 1px solid White; /* White separator of navigation items. */
}

.NcifSubSiteSideBar ul.SideNavigation li:first-child
{
  border-top-style: none; /* No separator for the first navigation item. */
}

.NcifSubSiteSideBar ul.SideNavigation li.Alternate
{
  background-color: #F4F4F4; /* Alternating background color for navigation items. */
}

.NcifSubSiteSideBar ul.SideNavigation a
{
  color: #5C5C5C; /* Navigation link color. */
  text-decoration: none; /* Remove underlines. */
  padding: 6px 0px 6px 0px; /* Padding. */
  display: block; /* Display block to have more control over layout. */
}

.NcifSubSiteContent
{
  position: relative; /* Keep inner content from jumping outside of the container. */
  overflow: hidden;
  padding: 0px 12px 0px 12px;
}

/* Address non-collapsing margins for the first item in the content section. */
.NcifSubSiteContentContainer > h1:first-child,
.NcifSubSiteContentContainer > h2:first-child,
.NcifSubSiteContentContainer > h3:first-child,
.NcifSubSiteContentContainer > h4:first-child,
.NcifSubSiteContentContainer > h5:first-child,
.NcifSubSiteContentContainer > h6:first-child,
.NcifSubSiteContentContainer > ul:first-child,
.NcifSubSiteContentContainer > ol:first-child,
.NcifSubSiteContentContainer > p:first-child
{
  margin-top: 0px; /* Force a zero-margin top. */
}







/* Toolbar*/
.NcifSubSiteToolbar
{
  overflow: hidden;
  position: relative;
  margin-bottom: 12px;
}

/* Bread Crumbs */
.NcifSubSiteToolbar ul.BreadCrumbs
{
  padding: 0px;
  margin: 0px;
  color: #898BA0;
  font-size: .8em;
}

.NcifSubSiteToolbar ul.BreadCrumbs li
{
  display:inline;
}

.NcifSubSiteToolbar ul.BreadCrumbs a
{
  color: #888888;
  text-decoration: none;
}

.NcifSubSiteToolbar ul.BreadCrumbs a:hover
{
  text-decoration: underline;
}