/* ----------------------------------------------------------
  DESCRIPTION Inner page CSS file for IT department web site.
              This goes on every interior page. This defines 
              the different CSS element on each page..
  
  HISTORY     20090223 -  WO 436622 DJ 
              New CSS page created.

              20090512 - DJ
              Modified leftlinks list style and width to allow for
              correct text indenting on two line links. Also added
              a new class, 'leftunder', for sub-category links in 
              the left navigation menu.
              
              20090729 - DJ
              Added guidebox and guides list styles so that the 
              Quick Reference Guides can be presented in 3 columns
              with the proper styling.
---------------------------------------------------------- */

/* ------------------------------------------- */
/* -- specific styles for interior pages -- */
/* -- Elements --*/

/* ------------------------------------------- */
/* -- Classes -- */

.guidebox {
  width: 220px;
  float: left;
}

/* Guides */
.guides {
  list-style-type: none; 
  list-style-position: outside;
  margin: 0px 0px 0px 26px;
  .margin: 0px 0px 0px 17px;
  padding-left: 10px;
}
.guides a:link, .guides a:visited, .guides a:active { 
  width: 163px;
  color: #005596;
}
.guides a:hover {
  color: #005596;
  text-decoration: underline;
}
.guides li {
  list-style-image: url(/images/system/menu-arrows.gif);
  .display: block;
  padding: 0px 0px 0px 0px;
  .padding: 0px 0px 0px 5px;
}

/* Leftlinks */
.leftlinks {
  list-style-type: none; 
  list-style-position: outside;
  list-style-image: none;
}
.leftlinks a:link, .leftlinks a:visited, .leftlinks a:active { 
  width: 193px;
  color: #af2242;
}
.leftlinks a:hover {
  color: #af2242;
  text-decoration: underline;
}
.leftlinks li {
  .display: block;
  margin: 0px 0px 5px 0px;
}

/* Leftunder */
.leftunder {
  list-style-type: none; 
  list-style-position: outside;
  margin: 5px 0px 0px 26px;
  .margin: 5px 0px 0px 17px;
}
.leftunder a:link, .leftunder a:visited, .leftunder a:active { 
  width: 163px;
  color: #af2242;
}
.leftunder a:hover {
  color: #af2242;
  text-decoration: underline;
}
.leftunder li {
  list-style-image: url(/images/system/menu-arrows.gif);
  .display: block;
  padding-right: -10px;
  .padding: 0px 0px 0px 5px;
}

table.ContentBoundingBox {
	width: 960px;
	margin: 0 auto;
}
ul.base {
  list-style-type: disc; 
  list-style-position: outside;
}
ul.base li {
  margin: 0px 0px 0px 30px;
}

/* ------------------------------------------- */
/* -- IDs -- */

/* -- Left side navigation -- */
#leftlinkscontent {
  float: left;
  width: 207px;
  min-height: 58px;
  _height: 58px;
  background: #fcf6ef;
  padding: 15px 5px 10px 10px;
  margin: 4px 0px 5px 0px;
  border-left: 1px solid #757eb0;
  border-bottom: 1px solid #757eb0;
  border-top: 1px solid #757eb0;
  border-right: 1px solid #757eb0;
}

/* -- Right side content pane -- */
#rightbodywrapper {
  float: right;
  clear: both;
  width: 690px;
  border-top: 1px solid #757eb0;
  border-left: 1px solid #757eb0;
  border-right: 1px solid #757eb0;
  border-bottom: 1px solid #757eb0;
  padding: 5px 20px 0px 20px;
  background: #f9f8f1;
  margin: 5px 0px 5px 0px;
  min-height: 359px;
  _height: 359px; /* Underscore hack to fix IE6 (and less) not understanding the "min-height" attribute. */
}

#rightcontent {
  padding: 0px 0px 0px 0px;
}

#rightwrapper {
  float: right;
  width: 732px;        
  margin: 0px 0px 0px 0px;
}

/* -- Search Results page -- */
#searchresults {
  float: left;
  background-color: #fcf6ef;
  border-top: 1px solid #757eb0;
  border-bottom: 1px solid #757eb0;
  border-left: 1px solid #757eb0;
  border-right: 1px solid #757eb0;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  min-height: 359px;
  _height: 359px; /* Underscore hack to fix IE6 (and less) not understanding the "min-height" attribute. */
  width: 958px;
}

/* -- Sitemap & 404 page -- */
#sitemap {
  background-color: #fcf6ef;
  padding: 0px 0px 0px 0px;
  margin: auto;
  min-height: 359px;
  width: 920px;
}
#sitemap ul {
  list-style-type: disc;
  margin-left: 30px;
}

/* -- Div under the tab bar -- */
#tabunderbar {
  float: left;
  background: url(../images/system/tabunderbar.gif) no-repeat 0px;
  width: 958px;
  height: 2px;
  border-left: 1px solid #757eb0;
  border-right: 1px solid #757eb0;
}
#tabunderbar2 {
  background: url(../images/system/bg-tabunderbar2.gif) no-repeat 0px;
  margin: 0px auto auto auto;
  width: 958px;
  height: 2px;
  border-left: 1px solid #757eb0;
  border-right: 1px solid #757eb0;
}