body {
   margin-top: 0px;
   padding-top: 0px;
   margin-left: 22px;
   margin-right: 22px;
}
h2 {
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #003366;
}
h3 {
  font-size: 14px;
  color: black;
} 
#banner {
   text-align: left;
   margin-top: 2px;
   padding-top: 0px;
   margin-bottom: 8px;
}
#login {
  float: right;
  position: relative;
  top: 42px;
}
/*
 * top nav styles
 */

.mainnav{
  background-image:url("images/topnavGrad.gif");
  background-repeat: repeat;
  color: white;
  font-family: arial, helvetica;
  font-size: 12px;
  height: 25px;	
  text-align: left;
  line-height: 200%;
  clear: both;
}
.mainnav_item {
  display: inline;
  border-left: 1px solid white;
  padding-left: 10px;
  padding-right: 10px;
}
.mainnav_item a {
  color: white;
  text-decoration: none;
}

.mainnav_item.first {
   border-left: none;
}
/*
 * breakcrumb styles
 */

.breadcrumb {
  background-image:url("images/midValueGrad.gif");
  background-repeat: repeat;
  height: 30px;
  font-family: arial, helvetica;
  font-size: 12px;
  color: #666666;
  line-height: 225%
}
.breadcrumb ul {
  display: inline;
  text-align: left;
  margin-left: 10px;
}
.breadcrumb li {
  display: inline;
  padding-left: 10px;
}
/*
 * page block (section) styles
*/
.sectionHome {
  border: 1px solid #cccccc;
  margin-left: 250px;
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: arial;
  font-size: 12px;
}
.sectionSidebar {
  border: 1px solid #cccccc;
  margin-left: 5px;
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: arial;
  font-size: 12px;
}
.sectionSideHead {
  clear: left;
  display: inline;
  border-right: 1px solid #cccccc;
  margin-top: 20px;
  padding: 20px;
}
.content {
  font-family: arial;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}
.content.sidebar {
  border-left: 1px solid #cccccc;
  margin-left: 105px;
  padding-left: 10px;
}
.content a {
  font-size: 12px;
  color: #666699;
  text-decoration: none;
}
.content a:hover {
  text-decoration: underline;
  color: #333399;
}
.content li {
  margin-bottom: 5px;
  list-style-type: square;
}
.sectionHd {
  background-image:url("images/drkSmallGrad.gif");
  background-repeat: repeat;
  height: 17px;
}

.sectionHd h1 {
  display: inline;
  font-family: arial;
  font-weight: normal;
  font-size: 12px;
  color: white;
  padding-left: 4px;
}

.sectionSideHead {
  float: left; 
  border-right: 1px solid #cccccc;
  height: 90%;
 /* width: 100px; */
  padding: 20px;
  margin-right: 10px;
}
 
/*
 * home page left side boxes
 */
.scrollContent {
  font-family: arial;
  font-size: 12px;
  color: #993300;
  width: 228px;
  height: 120px;
}
.miniBox {
  float: left; 
  clear: left; 
  display: inline; 
  font-family: arial;
  font-size: 12px;
  color: #993300;
  border: 1px solid #bbbbbb;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 238px;
}
.miniBoxHd {
  background-image:url("images/miniGrad.gif");
  background-repeat: repeat;
  height: 17px;
  color: #336699;
}
.miniBoxHd h1 {
  display: inline;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  color: #336699;
  padding-left: 4px;
  padding-right: 4px;
}
.miniBox a {
  color: #993300;
  text-decoration: none;
}
.miniBox a:hover{
  text-decoration: underline;
}
.faint {
  color: #999999;
}
.button {
   border: 1px solid #222222;
   background-color: #dddfeb;
   padding-left: 5px;
   padding-right: 5px;
}
/*
 * DHMTL menu styles
 */
.menu_container {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #dfe1ed;
  border: 1px solid white;
  width: 150px;
  z-index: 0;
}
.menu_item {
  font-family: arial;
  font-size: 12px;
  color: #336699;
  padding: 5px;
  white-space: nowrap;
}
.menu_item:hover{
  background-color: #cccccc;
  color: white;
}
.menu_item a {
  text-decoration: none;
  color: #336699;
}
.menu_item a:hover {
  color: white;
}

/*
 * Application Styles
 */
 
.leftMenuBox {
  float: left; 
  clear: left; 
  display: inline; 
  font-family: arial;
  font-size: 12px;
  border: 1px solid #bbbbbb;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 175px;
}
.leftMenuBoxHd {
  background-image:url("images/miniGrad.gif");
  background-repeat: repeat;
  height: 17px;
  color: #336699;
}
.leftMenuBoxHd h1 {
  display: inline;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  color: #336699;
  padding-left: 4px;
  padding-right: 4px;
}
.leftMenuBox h2 {
  font-weight: bold;
  font-size: 14px;
  color: #993300;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 4px;
  margin-top: 4px;
}
.leftMenuBox h3 {
  font-weight: bold;
  font-size: 12px;
  color: #555555;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 3px;
  margin-top: 3px;
}
.leftMenuBox p {
  font-weight: normal;
  font-size: 12px;
  color: #777777;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 5px;
  margin-bottom: 3px;
}

.leftMenuBox li{
  font-family: arial, helvetica;
  font-size: 12px;
  line-height: 120%;
  display: marker;
  list-style-image: url("images/bullet_yellow.gif");
  margin-left: -1.5em;
  margin-bottom: 2px;

}
.leftMenuBox ol,ul{
  margin-top: 2px;
  margin-bottom: 2px;
}
.leftMenuBox li a {
  font-family: arial;
  font-size: 12px;
  text-decoration: none;
  color: #555555;
}
.small {
  font-size: 11px;
}
li a:hover {
  color: blue;
}
  
.appHd {
  background-image:url("images/drkSmallGrad.gif");
  background-repeat: repeat;
  height: 17px;
}

.appHd h1 {
  display: inline;
  font-family: arial;
  font-weight: normal;
  font-size: 12px;
  color: white;
  padding-left: 4px;
}
.appContent {
  border: 1px solid #cccccc;
  margin-left: 190px;
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: arial;
  font-size: 12px;
}

.appContent p {
  margin-left: 10px;
  margin-right: 5px;
}
.footer {
  clear: both;
  text-align: center;
  width: 100%;
  letter-spacing: .1em;
  font-family: tahoma, verdana;
  font-size: 13px;
  font-variant: small-caps;
}