/* body {background-color: #B4B4B4; */

body {background-color: #EEEEEE;
      line-height: 1.4em
}

h2 {color: rgb(0,0,0)}

h2.box {border-style: ridge;
	border-color: gray;
/*	background-color: #7AD396; */
	background-color: #FFD700;
	text-align: center;
	padding-top: .5em;
	padding-bottom: .5em
}

li {
      line-height: 1.8em
}

#Lcontent {
    width: 48%;
    float: left;
    border-style: none;
    border-width: thin;
    border-right-style: solid;
    padding-right: 1em;
}

#Rcontent {
    width: 48%;
    float: right;
}

p.indent {text-indent: 1.4em}

.center {text-align: center}

div.float {float: left;
	   width: 180px;
	   height: 180px;
	   text-align: center;
}
  
div.float p {text-align: center;
	     position: relative;
	     top: -12px;
	     left: -5%;
	     font-weight: 700;
}

div.system {
  clear: both;
  width: 100%;
  margin-top: 1em;
}

div.item {
  width: 180px;
  clear: left;
  float: left;
}

div.item p {text-align: center;
	     position: relative;
	     top: -12px;
	     left: -5%;
	     font-weight: 700;
}

div.rdout {
    display: table;
    height: 180px;
    _position: relative;
    overflow: hidden;
    margin-left: .5em;
}

div.rdmid {
    _position: absolute;
    _top: 50%;
    display: table-cell;
    vertical-align: middle;
}

div.rdin {
    _position: relative;
    _top: -50%;
}

.clearboth { clear: both; }

div.spacer {clear: both}

div.floats {float: left;
	    width: 180px;
	    height: 120px
}

div.floatm {float: left;
	    width: 180px;
	    height: 140px
}

div.floatw {float: left;
	   width: 200px;
	   margin-left: 20px;
	   margin-right: 20px;
	   text-align: center;
}
 
div.floatw p {font-weight: bold;
	      position: relative;
	      top: -12px;
	      text-align: center;
}

div.book {float: left;
	   width: 200px;
	   height: 325px;
	   margin-left: 20px;
	   margin-right: 20px;
	   text-align: center;
}
 
div.book p {
	      position: relative;
	      top: -1em;
}

p.italicb { font-style: italic;
	   font-weight: bold;
}

tr.g {background-color: #7AD396}

tr.w {background-color: #BCF9CF}

td {padding: 2px}

td.item {width: 9em;
	 font-weight: bold;
	 padding-left: .5em;
	 vertical-align: top
}

img.fleft {float: left;
	    clear: left;
            border-style: ridge;
            border-color: gray;
            margin: 0px 20px 0px 20px
}

img.fright {float: right;
	    clear: right;
            border-style: ridge;
            border-color: gray;
            margin: 0px 20px 0px 20px
}

#footer {
    height: 32px;
}

#left {
    float: left;
    margin: 15px 0px 0px 0px;
    width: 50%;
}

#right {
    text-align: right;
    float: left;
    margin: 0px;
    width: 50%;
}

.page {page-break-after: auto}

@media screen {
    body {font-family: sans-serif}
    .noscreen {display: none}
}

@media print {
    body {font-family: serif}
    a {text-decoration: none;
       color: black;
    }
    h2 {color: black}
}

#menubar {
    border-style: ridge;
    border-color: gray;
/*
    border-top: 2px solid #e6e6e6;
    border-right: 2px solid #b1b1b1;
    border-bottom: 2px solid #b1b1b1;
    border-left: 2px solid #e6e6e6;
*/
    background-color: #FFD700;
    color: black;
    height: 2.3em;
}

.menu {
    width: auto;
    float: left;
    padding: 0.1em 3em 0.1em 0.5em;
    cursor: default;
}

/* top level menu container */
.menu ul {
    list-style: none;    /* no list bullets                        */
    margin: 0px;         /* don't try to indent lists              */
    padding: 0px;        /* don't try to indent lists              */
    background: #FFD700;
}

/* top level menu items */
/* .menu ul li { */
.menu li {
    position: relative;  /* makes this a containing block          */
    float: left;         /* align menu horizontally                */
    width: 6em;          /* make each item the same width          */
}

/* second level menu container */
.menu ul ul {
    border: 1px solid black;
    display: none;       /* don't show this menu by default        */
    position: absolute;  /* use absolute positioning for submenu   */
    top: 100%;           /* display directly under menu bar        */

    /* ie6 positioning defect causes 1px error when parent has odd height */
    _margin-top: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : 1);
}

/* second level menu items */
.menu li li {
    float: none;            /* makes this list a vertical one      */
    width: 10em;             /* our second level menus are wider    */
    vertical-align: bottom; /* fix ie gap-between li problem       */
}

/* position third level menu container */
.menu ul ul ul { top: 0px; left: 100%; margin-top: 0px; }

/* make the anchor fill the li */
 .menu li a { display: block;
    padding: 3px;
    text-decoration: none;
    color: #000066;
    outline: none;
    font-weight: bold;
    zoom: 1; /* ie defect fix */
/*    background: #FFD700;	 required for Netscape */
}

/* make the non-anchored entries fill the <b> (required for Netscape) */
 .menu li b { display: block;
    padding: 3px;
    color: #000066;
    font-weight: bold;
    zoom: 1; /* ie defect fix */
/*    background: #FFD700;	 required for Netscape */
}

/* highlight effect on hover */
/* highlight effect on hover */
.menu li a:hover { background: yellow; }

/* 
 * The magic which shows the menus. The > selector selects only an
 * immediate child. So this selector says 'The ul directly below the li
 * being hovered over'.
 */
.menu li:hover > ul { display: block; }

/* clear the floated elements */
.menu ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.menu ul { zoom: 1; }


.fontsize75 {
    font-size: 75%;
}

.fontsize88 {
    font-size: 88%;
}

.center75 {
    text-align: center;
    font-size: 75%;
}