* { margin: 0; }

body {
  background-color: #fff;
  font: 12px/17px verdana;
  color: #808080;						/* #76a7dc */
  cursor: default; }

a, a:visited { color: #76a7dc; text-decoration: none; }
a:hover { color: #808080; }

.button {
  color: #808080;
  background-color: transparent;
  cursor: pointer;
  border: solid 1px #ccc; }
.button:hover { color: #fff; background-color: #92bfe5; }	/* 4088ff */

.checkbox, .radiobtn { }
.combobox, .password, .textbox, .cmbML, .txtML {
  color: #92bfe5;
  border: 1px solid #ccc; }
  /* all the specifics are in separate css files */

.disabled, .disabled:hover { color: #aaa; background-color: #e8e8e8; cursor: default; }

h2 {
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 5px; }

img { border: 0px; }

p {
  margin-bottom: 20px;
  background: url("../images/articlebg.gif") top left repeat-y;
  text-align: justify; }

textarea { }

ul {
  list-style: none;
  margin:0;
  padding:0; }

.ulTxt {
  float: left;
  width: 130px; }
.ulObj {
  float: left;
  margin-right: 10px;
  width: 204px; }						/* need extra space at the end for IE */
.ulTxt li { }
.ulObj li {padding: 0; height: 21px; }


.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.right { text-align: right; }
.center { text-align: center; }
.left { text-align: left; }
.justify { text-align: justify; }

.cleft  { clear: left; }
.cright { clear: right; }
.cboth  { clear: both; }
.fleft  { float: left; }
.fright { float: right; }
.noover { overflow: hidden; }

.uroman { list-style-type: upper-roman; }
.lroman { list-style-type: lower-roman; }
.ulatin { list-style-type: upper-latin; }
.llatin { list-style-type: lower-latin; }
.ualpha { list-style-type: upper-alpha; }
.lalpha { list-style-type: lower-alpha; }
.decimal { list-style-type: decimal; }
.disc { list-style-type: disc; }
.circle { list-style-type: circle; }
.square { list-style-type: square; }




#divBody { margin: 30px auto; width: 897px; }
#divContent { margin: 15px; }
#divContent ul { margin-bottom: 20px; list-style-type: circle; }
#divContent li { margin-left: 15px; text-align: justify; }
.divMsgs {							/* the parent class, the below three color and assign the correct image */
  margin: 0 0 20px 0;
  padding-left: 80px;
  height: 52px;							/* considering an image of 40px with 5px padding on top and btm */
  overflow: auto; }
.divErrs {
  border: 1px solid #ff0000;						/* #fc0 */
  background: #ffadad url(../images/errs.jpg) 15px 5px no-repeat; }	/* #ffc */
.divInfo {
  border: 1px solid #7ca0bf;
  background: #f0f7fa url(../images/info.png) 15px 5px no-repeat; }
.divCfrm {
  border: 1px solid #a9d260;
  background: #fafff1 url(../images/cfrm.gif) 15px 5px no-repeat; }


#divHeader {
  background: #fff url("../images/title.jpg") 0 24px no-repeat;
  width: 897px;
  height: 162px;
  color: #fff; }
#divHeader h1 {
  padding: 50px 0 10px 220px;
  font-size: 32px;
  font-weight: normal;
  font-variant: small-caps; }
#divHeader h2 {
  padding-top: 5px;
  font-size: 9pt;
  color: #c2d9ef; }


#ulTopNav {
  float: right;
  margin-right: 50px;
  font-size: 16px; }
#ulTopNav li {
  display: block;
  float: left;
  margin-left: 2px;
  padding: 3px 10px 3px 10px;
  background-color: #fff;
  border-top: 1px solid #c6e6f3;
  border-left: 1px solid #c6e6f3;
  border-right: 1px solid #c6e6f3;
  -moz-border-radius-topleft: 0.4em;
  -moz-border-radius-topright: 0.4em; }
#ulTopNav li a { color: #b4ccdd; }
#ulTopNav li a:hover { text-decoration: underline; }
#ulTopNav .liNavOptSel { background-color: #f0f0f0; }

#ulSideNav1 {
  float: left;
  margin: 0 0 0 50px;
  padding-top: 15px;
  width: 150px; }
#ulSideNav1 li {
  padding: 2px 10px 2px 10px;
  background-color: #fff;
  border-left: 1px solid #3ba8d6;
  border-right: 1px solid #3ba8d6;
  opacity: 0.3; }
#ulSideNav1 a:hover { text-decoration: underline; }
#ulSideNav1 .liNavOptSel { background-color: #ccc; }

#divSideNav2 {
  clear: both;
  float: left;
  margin: 0 0 10px 50px;
  width: 150px; }
#divSideNav2 li {
  padding: 2px 10px 2px 20px;
  border-left: 1px solid #fff;
  border-right: 1px solid #3ba8d6; }
#divSideNav2 a { color: #bbb; }
#divSideNav2 a:hover { text-decoration: underline; }
#divSideNav2 .liNavOptSel { background-color: #f0f0f0; }
#divSideNav2 .liNavBreak { border-right: 1px solid #fff; }
#divSideNav2 .liNavTitle {
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold; }
#divSideNav2 .liNavParent a { cursor: default; }
#divSideNav2 .liNavParent a:hover { text-decoration: none; }


#div0 { margin: 25px 0 0 225px; }
#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10, #div11, #div12, #div13, #div14, #div15, #div16 { display: none; margin: 25px 0 0 225px; }


#divFooter {
  clear: both;
  margin-bottom: 10px;
  padding: 4px;
  color: #ccc;
  font-size: 11px;
  background: #f9f9f9;
  border: 1px solid #e4e4e4;
  text-align: center; }

#divFooter a, #divFooter a:visited { color: #ccc; text-decoration: underline; }
#divFooter a:hover { color: #808080; }