/* LSYOUT STYLES */
body {
  margin:0;
  padding:0;
  background:#CCC url(../images/inc/left_nav_bground.gif) repeat-y;
  }
  
/* MAIN CONTENT */
div#bodyDiv {
  background: #CCC url(../images/inc/gray_grad_bground.gif) repeat-x;
  padding-top:7px;
  margin-left:155px;
  }
div#contentDiv {
  background-position: right top;
  background-repeat: no-repeat;
  padding:25px 15px 5px 15px;
  }
table#contentTable {
  width: 100%;
  }
td#mainContentCell {
  background-color: white;
  border-width: 0px 1px;
  border-style: solid;
  border-color: #8992A1;
  }
div#mainContent {
  }

/* LEFT SIDE */
div#leftNav {
  width:155px;
  position:absolute;
  left:0px;
  top:0px;
  z-index:2
  }
div#leftNav h2 {
  margin: 0px;
  padding: 0px;
  line-height:1%
  }
div#leftContent {
  width:155px;
  padding-top: 7px;
  background: url(../images/inc/page_top_stripe.gif) repeat-x;
  }
.leftNavSection {
  background:url(../images/inc/left_nav_grad_bground.gif) no-repeat;
  padding-top:5px;
  }
#navSearch {
  margin:0px;
  padding:0px;
  padding-bottom:5px;
  }
#navUserLogin {
  margin:0px;
  padding:0px;
  padding-bottom:65px;
  }
input.LeftInput {
  background-color:#FFF;
  font: 95% Arial, Verdana, Helvetica, sans-serif;
  padding: 2px;
  color:#000;
  border:1px solid #557DA2;
  width:93px;
  margin-left:6px;
  margin-bottom:5px;
  }

/* RIGHT SIDE */
td#rightSideCell {
  width: 155px;
  background-color:#FFF;
  border-width:0px 1px;
  border-style:solid;
  border-color:#8992A1;
  }

/* BOTTOM BAR */
div#bottomNav {
  margin: 0px 15px;
  background-color:#CCCCCC;
  padding: 6px;
  text-align:center;
  color:#CCC;
  border-bottom:1px solid #BBB;
  height:44px;
  white-space: nowrap;
  font-size: 98%;
  }
div#bottomNav div {
  margin-top:3px;
  display:none;
  white-space: normal;
  }
div#bottomNav img {
  margin: 0px 1px 0px 2px;
  }
#copyright {
  font: 88% Arial, Verdana, Helvetica, sans-serif;
  color:#7F7F7F;
  text-align:center; 
  padding-top:8px;
  margin-bottom: 5px;
  }
#copyright a, #copyright a:visited {
  color:#7F7F7F;
  padding: 1px 3px 2px 3px;
  text-decoration: none;
  font-weight: normal;
  }
#copyright a:hover, a:active {
  color: #FF6A00;
  }

/* CLASSES FOR ROUNDED CORNER DIVS */
.roundtop { 
  background: url(../../images/border_tr.gif) no-repeat right;
  margin-left: 8px
  }
.roundbottom {
  background: url(../../images/border_br.gif) no-repeat right;
  margin-left: 8px
  }
img.corner {
  width: 8px;
  height: 8px;
  border: none;
  margin-left: -8px;
  display: block !important;
  }
.roundedCornerSpacer {
  margin:0px;
  padding:0px;
  border:0px;
  clear:both;
  font-size:1px;
  line-height:0px;
  }

/* FLYOUT MENU STYLES - For explanation, see menu_about.txt */
div#menu a, div#menu a:visited {
  color: #FFF;
  text-decoration: none;
  display: block;
  }
div#menu a:hover {
  color: #FFF;
  text-decoration: none;
  }
div#menu {
  background:url(../images/inc/left_nav_grad_bground.gif) no-repeat;
  width:142px;
  }
div#menu .sub {
  position: relative;
  width: 100%;
  }
div#menu .top, div#menu .top-right {
  font-weight: bold;
  width: 142px;
  text-align: right;
  border-bottom: 1px solid #8793F5;
  }
div#menu .top a, div#menu .top a:visited, div#menu .top-right a, div#menu .top-right a:visited {
  display: block;
  padding: 3px 10px;
  background: transparent;
  width: 122px;
  }
div#menu .top a:hover, div#menu .top-right a:hover {
  color: #FFF;
  text-decoration: none;
  background: url(../images/inc/left_nav_bground_ON.gif);
  }
div#menu .section-top {
  left: 142px; /* left offset for vertical menus */
  }
div#menu .section-top, div#menu .section {
  border-color: #8793F5;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  position: absolute;
  z-index: -1;
  visibility: hidden;
  width: 125px; /* set fixed menu widths */
  top: 0px; /* set for vertical menu structure */
  background: #3E5CF0 url(../images/inc/popout_menu_grad.jpg) no-repeat;
  }
div#menu .box, div#menu .box-hover, div#menu .box-right, div#menu .box-right-hover  {
  border-bottom: 1px solid #8793F5;
  font-weight: bold;
  font-size: 93%;
  color: #FFF;
  }
div#menu .box-hover, div#menu .box-right-hover {
  background: url(../images/inc/popout_menu_grad_ON.gif) repeat-y;
  }
div#menu .box a, div#menu .box-hover a, div#menu .box-right a, div#menu .box-right-hover a  {
  /* In order to make the entire cells function as the links, make the anchor tags
     into block elements and apply the cell padding to them. Also set a width so IE
     respects the block setting. Note that percentage widths cause problems; use absolute. */
  display: block;
  width: 101px;
  padding: 3px 16px 4px 8px;
  /* The following items added to ensure that the entire cell is the link. */
  }
div#menu .box a, div#menu .box-hover a {
  background: transparent; /* to allow background image to show through */
  }
div#menu .box-right a, div#menu .box-right-hover a {
  background: url(../../images/arrow_bground.gif) top right no-repeat; /* set right arrow as background image */
  }

@media print {
  .section, .section-top  {
    display: none;
    }
  }