.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    border: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    color: black;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

body {
  margin : 0;
  padding : 0;
  background : white url(../images/topbar/fill.png) repeat-x scroll 0 140px;
  font-family : "Lucida Grande", Verdana, Arial, sans-serif;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 78%;
/*
  font-size-adjust : none;
  font-stretch : normal;
*/
  line-height : 140%;
/*
  background-position : center;
  background-image : url(../images/background.png);
  background-repeat : no-repeat;
*/
}

body, td, tr, th, .button, .inputbox {
  font-family : "Lucida Grande", Verdana, Arial, sans-serif;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 12px;
/*
  font-size-adjust : none;
  font-stretch : normal;
*/  
  line-height : 140%;
}
.sitename {
  color : rgb(123, 123, 153);
  font-size : 28px;
  font-weight : bold;
}

#toptablecontainer {
  margin-top : 8px;
}

#main {
  background : url("images/background.png")
}

#pathway {
  text-align : left;
  margin-left : 195px;
}

#greetings {
  float : left;
}

#leftmodulesoutline {
  width : 189px;
  float : left;
}

#leftmodulestop {
  background : transparent url(../images/moduletable_over.png) no-repeat scroll 0 50%;
  width : 189px;
  line-height : 5px;
  margin-bottom : -2px;
}

#leftmodulescontainer {
  width : 189px;
}

#leftmodulesbottom {
  background : transparent url(../images/moduletable_bottom.png) no-repeat scroll 0 50%;
  width : 189px;
  line-height : 5px;
  background-color : rgb(204, 204, 255);
}

#mainbodycontainer {
  float : right;
  width : 550px;
  margin-top : 10px;
}

#footer {
  width : 100%;
  clear : both;
}

.header_1_2 {
  background : transparent url(../images/topbar/gray_bg.png) repeat-x scroll 0%;
  width : 175px;
}

.header_1_4 {
  background : transparent url(../images/topbar/white_bg.png) repeat-x scroll 0%;
}

.blue_back {
  background : transparent url(../images/topbar/blue_bg.png);
}

a.customlogin:link, a.customlogin:visited {
  color : rgb(255, 255, 255);
  font-weight : bold;
}

#topbar_text {
  color : rgb(153, 153, 153);
  font-size : 9px;
}

a {
  text-decoration : underline;
  color : rgb(102, 0, 204);
}

a:hover {
  color : rgb(51, 51, 255);
}

a:visited:hover {
  color : rgb(51, 51, 255);
}

a:visited {
  color : rgb(51, 102, 255);
}

.inputbox, .button {
  border : 1px solid rgb(102, 102, 102);
  font-family : "Lucida Grande", Verdana, Arial, sans-serif;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 78%;
  line-height : normal;
/*
  font-size-adjust : none;
  font-stretch : normal;
*/
}

ul#mainlevel-nav {
  margin : 0;
  padding : 0;
  list-style-type : none;
  list-style-image : none;
  list-style-position : outside;
}

ul#mainlevel-nav li {
  border-right : 1px solid rgb(153, 153, 153);
  margin : 0;
  padding : 0 5px 2px;
  display : block;
  background-image : none;
  float : right;
  width : auto !important;
  font-size : 9px;
  line-height : 8px;
}

ul#mainlevel-nav li a:link, a:visited {
  color : rgb(102, 0, 204);
}

ul#mainlevel-nav li a:hover {
  color : rgb(51, 51, 255);
}

a.mainlevel:link, a.mainlevel:visited {
  font-weight : bold;
  color : rgb(102, 0, 204);
}

a.mainlevel:hover {
  color : rgb(51, 51, 255);
}

a#active_menu.mainlevel {
  color : rgb(0, 0, 0);
  text-decoration : none;
}

.moduletable th {
  background : transparent url(../images/moduletable_th.png) no-repeat scroll 0;
  line-height : 25px;
  width : 189px;
  color : rgb(255, 255, 255);
  font-weight : bold;
}

.moduletable {
  width : 189px;
  background-repeat : repeat-y;
  background-attachment : scroll;
  background-position : 0 2px;
  background-color : rgb(204, 204, 255);
}

table.moduletable {
  padding-bottom : 10px;
}

.moduletable tr {
  width : 189px;
}

.moduletable td {
  padding-left : 3px;
}

.contentpagetitle, .componentheading, .contentheading {
  font-size : 14px;
  font-weight : bold;
  color : rgb(51, 51, 51);
}

a.contentpagetitle {
  font-size : 14px;
  font-weight : bold;
  color : rgb(120, 180, 10);
  text-decoration : underline;
}

a.contentpagetitle:hover {
  color : rgb(93, 139, 8);
}

.small, .createdate, .modifydate {
  font-size : 9px;
  color : rgb(153, 153, 153);
}

.readon {
  font-weight : bold;
}

.sectiontableheader, .sectiontablefooter {
  background-color : rgb(87, 148, 225);
}

.sectiontableentry2 {
  background-color : rgb(230, 230, 230);
}

a.pagenav:link, a.pagenav:visited {
  color : rgb(255, 255, 255);
  font-weight : bold;
}

a.pagenav:hover {
  color : rgb(93, 139, 8);
}

table.contenttoc {
  border : 2px solid rgb(87, 148, 225);
  margin : 3px;
}

.contenttoc th {
  padding : 3px;
  background-color : rgb(87, 148, 225);
  color : rgb(255, 255, 255);
  font-weight : bold;
}

.contenttoc td {
  padding : 3px;
}

.mosimage {
  border : 2px solid rgb(156, 211, 16);
  margin : 3px;
}
  
.mosimage img {
  padding : 3px;
}

.mosimage_caption {
  padding : 3px;
  background-color : rgb(156, 211, 16);
  color : rgb(255, 255, 255);
  font-weight : bold;
}