/* main layout */
body {
   background-color: #57196a;
   margin: 0px;
   height: 100%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #5c5c5c;
   text-align: center; /* for IE */
}

/* Main text styles. The font type and colors is set in CssIndexStyle.css */
html, body, table, td, div {
   font-size: 12px;
}
input /* buttons,dropdowns and textboxes */ {
   font-size: 12px;
}

a {
   color: #57196a;
   text-decoration: none;
}

.container {
   margin: 0 auto; /* align for good browsers */
   text-align: left; /* counter the body center */
   height: 100%;
   width: 980px;
   background-color: #fff;
}

#topSplash {
   height: 35px;
   background-color: #57196a;
}
#top {
   height: 290px; /* 290px; */
}
#top .menuBar {
   height: 35px;
   background-color: #57196a;
}

/* main menu */
#top .menuBar .menuContainer {
   width: 100%;
   line-height: 35px;
}

#top .menuBar .menuNodeContainer {
   width: 100%;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

#top .menuBar .mainMenuNodeContainer img {
   padding-left: 2px;
   padding-right: 2px;
}

#top .menuBar a.menuNode {
   background-image: url(images/menuNode.gif);
   background-repeat: no-repeat;
   background-position: left top;
   padding-top: 2px;
   padding-left: 12px;
   color: White;
   text-decoration: none;
}

#top .menuBar .menuNodeName {
}

#top .menuBar a.activeMenuNode {
   background-image: url(images/activeMenuNode.gif);
   background-repeat: no-repeat;
   background-position: left top;
   padding-top: 2px;
   padding-left: 12px;
   color: White;
   text-decoration: none;
   font-weight: bolder;
   color: #cbd300;
}

#top .menuBar .preMenuNodeContainer {
}

#top .menuBar .subMenuContainer {
}

#top .menuBar .subMenuNodeContainer {
}

#top .menuBar .subMenuNode {
   color: #57196a;
   border-bottom: solid 1px #cbd300;
   border-left: solid 1px #cbd300;
   border-right: solid 1px #cbd300;
   line-height: 20px;
   border-collapse: collapse;
   font-size: smaller;
   padding-right: 10px;
   padding-left: 5px;
}

#top .menuBar .subMenuNodeHover {
   background-color: #cbd300;
}

#top .header {
   height: 255px; /* no background color here */ /* background-color: #fff; */
}

#top .header .pageName {
   color: #57196a;
   font-weight: bold;
   font-size: 20px;
   margin-left: 30px;
   margin-top: 45px;
}


#top .header .logo {
   padding-left: 30px;
   padding-top: 50px;
}

#top .header .woman {
   float: right;
}

.middle {
   height: auto;
}

.middle .content {
   float: left;
   width: 100%;
}

.middle .content .pageName {
   color: #fff;
   background-color: #30579c;
   font-size: 120%;
   font-weight: bold;
   line-height: 24px;
   padding-left: 10px;
}

.middle .content .text {
   margin-left: 30px;
   margin-right: 30px;
   margin-bottom: 30px;
}

#footer {
   text-align: left;
   color: #fff;
   height: 38px;
   width: 100%;
   background-color: #57196a;
}

#footer .text {
   line-height: 38px;
   margin-right: 5px;
}

/* clearfix, needed for wrappers */
.clearfix:after {
   content: ".";
   clear: both;
   height: 0;
   visibility: hidden;
   display: block;
}

.clearfix {
   display: inline-block;
}

* html .clearfix {
   height: 1%;
}

.clearfix {
   display: block;
}

.imageVAlign {
   vertical-align: bottom;
}

.AjaxProgressTextContainer {
   display: block;
   background-color: #cbd300;
   color: #57196a;
   height: 28px;
   width: 150px;
   border: solid 1px black;
   text-align: center;
   vertical-align: middle;
   padding-top: 4px;
}

.AjaxProgressTextImage {
   vertical-align: middle;
   margin-right: 4px;
}