/* 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;
	margin-top: 0px;
}

li {
      line-height: 1.8em
}

p.indent {text-indent: 1.4em}

.center {text-align: center}

.tab {text-indent: 8em}

div.float {float: left;
	   width: 180px;
	   height: 180px;
	   text-align: center;
}

div.float2 {float: left;
	   width: 220px;
	   height: 220px;
	   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.floatm2 {float: left;
	    width: 210px;
	    height: 140px;
}

div.floatw {float: left;
	   width: 200px;
	   margin-left: 20px;
	   margin-right: 20px;
	   text-align: center;
}
 
div.floatw2 {float: left;
	   width: 220px;
	   height: 220px;
	   margin-left: 10px;
	   margin-right: 10px;
	   margin-top: 10px;
	   text-align: center;
}
 
div.floatd {float: left;
	    width: 180px;
	    height: 200px;
}

div.floatd p {
	   position: relative;
	   top: -7%;
	   left: -5%;
	   text-align: center;
}

div.floatsoft {float: left;
	   width: 200px;
	   margin-left: 20px;
	   margin-right: 20px;
	   text-align: center;
}

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

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

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

p.bold { 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
}

.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}
}

#footer {
    height: 32px;
}

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

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

.fontsize88 {
    font-size: 88%;
}

a.plain:link {color: #EEEEEE; }
a.plain:visited {color: #EEEEEE; }
a.plain:hover {color: #EEEEEE; }
a.plain:active {color: #EEEEEE; }