@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
/*********************************************************/
/*** Body background color main border, and inner page ***/
/*********************************************************/
body          { /* background: rgb(200,225,125) */}
@media screen { body.inner { background: #f4f5f7;font-family: 'Open Sans', Arial, sans-serif;font-size:14px;  padding: 10px; }}
@media print  { body.inner { background: white; }}

iframe {
	display:block; 
	vertical-align: top;
}
td {
	padding-left: 5px;
	vertical-align: top;
}
h5 {
	font-size: 15px;
}
/*********************************/
/*** frames ***/
/*********************************/
body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:14px;
}
body.header {
	background: url('../Images/header-bg.jpg') repeat bottom center #03164d;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:14px;
}
body.menuBody {
/* 	background: rgb(177, 190, 202); */
	background: rgb(221, 220, 216);
	border-right:1px solid #eec174;
	margin: 0;
	padding: 8px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:14px;
}
body.footerbg {
	background: url('../Images/header-bg.jpg') repeat bottom center #03164d;
	border-top:1px solid #eec174;
	margin:0;
	padding: 18px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:14px;
}
fieldset {
	Line-height: 35px;
}
a.footerLink {
	color:#DADADA;
	text-decoration: none;
}
a.footerLink:hover {
	text-decoration: underline;
}
/*********************************/
/*** Horizontal navigation bar ***/
/*********************************/
#navigation
{
text-align:   center;
margin-left:  auto;
margin-right: auto;
}

#navigation ul
{
list-style-type: none;
width:           100%;
}

#navigation a
{
float:           left;
text-decoration: none;
background:      rgb(200,225,125);
border:          2px solid;
width:           120px;
text-align:      center;
font-weight:     bold;
font-variant:    small-caps;
font-size:       smaller; 
}

#navigation a:hover
{
background: yellow;
}

#navigation li
{
display: inline;
}

/*******************/
/*** Caution box ***/
/*******************/
div.caution
{
background: rgb(240,220,125);
float:      right;
border:     1px solid;
padding:    5px;
width:      30%;
}

/***********************/
/*** Highlighted box ***/
/***********************/
div.hl
{
/* background:      rgb(250,250,180); */
background: rgb(236, 239, 253);
text-align:      left;
border: 1px outset #C3C3C3;
padding: 1px 15px 1px 1px;
width:           90%;
  margin: 0 auto;
  box-shadow: 7px 7px 11px #B0B0B0;
} 


/*******************/
/*** General box ***/
/*******************/
div.box1
{
background: rgb(250,250,180);
border:     2px solid;
padding:    1px;
width:      50%;
} 

/*****************************/
/*** Blue header for boxes ***/
/*****************************/
div.header1
{
background:   rgb(200,200,250);
border:       1px solid;
text-align:   center;
font-weight:  bold;
font-variant: small-caps;
font-size:    smaller;
}

/******************************/
/*** General Box with Title ***/
/******************************/
div.general
{
background: rgb(200,225,125);
float:      left;
border:     1px solid;
padding:    5px;
width:      30%;
}

/*************************************/
/*** small image floating to right ***/
/*************************************/
img.fixed
{
border: 0px;
float:  right;
width:  64px;
height: 32px;
}

/*****************/
/*** SCI Graph ***/
/*****************/
.scigraph
{
color:        black;
border:       solid 1px black;
table-layout: automatic;
}
.scigraph td {
	padding-left: 0px;
	vertical-align: middle;
}
.td1
{
font-size: 75%;
}

.th1
{
font-weight:   bold;
font-size:     150%;
border-bottom: double 1px black;
}

.th2
{
font-weight:   bold;
font-size:     150%;
border-top:    double 1px black;
border-bottom: double 1px black;
}

.th3
{
font-weight:   normal;
border-bottom: double 1px black;
}

.th4
{
font-weight:   normal;
border-top:    double 1px black;
border-bottom: double 1px black;
}

.bar1l
{
background-color: palegoldenrod;
width:            400px;
}

.bar2l
{
background-color: lightgrey;
width:            400px;
}

.bar1l div
{
        border-top: solid 1px #004080; /* 2px #0077DD; */
        background-color: #004080;
        border-bottom: solid 0px #002266;
        text-align: right;
        color: white;
        float: left;
        padding-top: 0;
        height: 1em;
}
.bar2l div
{
        border-top: solid 1px #004080; /* 2px #0077DD; */
        background-color: #004080;
        border-bottom: solid 0px #002266;
        text-align: right;
        color: white;
        float: left;
        padding-top: 0;
        height: 1em;
}
.bar1r
{
background-color: palegoldenrod;
width:            400px;
}

.bar2r
{
background-color: lightgrey;
width:            400px;
}

.bar1r div
{
        border-top: solid 1px #004080; /* 2px #0077DD; */
        background-color: #004080;
        border-bottom: solid 0px #002266;
        text-align: right;
        color: white;
        float: right;
        padding-top: 0;
        height: 1em;
}
.bar2r div
{
        border-top: solid 1px #004080; /* 2px #0077DD; */
        background-color: #004080;
        border-bottom: solid 0px #002266;
        text-align: right;
        color: white;
        float: right;
        padding-top: 0;
        height: 1em;
}

p.indent1
{
	margin: 0cm 0cm 0cm 1cm;
}

p.indent2
{
	margin: 0cm 0cm 0cm 2cm;
}

@media screen { p.screen { }}
@media screen { p.print  { display:none; }}
@media print  { p.print  { page-break-after:always; }}
@media print  { p.screen { display:none; }}