/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #ADD8E6;
    /* #b6b7bc; */
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: red;
    /* #034af3; */
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal; 
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

/* div.menu ul {height:auto; overflow:visible;} */
div.menu ul li {display: inline-block; width: 12%;} 
/* div.menu ul li {display: inline-block; height:auto; overflow:visible;} */

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: red;
    /* #dde4ec; */
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}


/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: center;
    /* left; */
    width: auto;
    margin-left: 40%;
    margin-right: 40%;
}

.bold
{
    font-weight: bold;
}


/* My stuff 
------------------------------------------------------------*/

div.imgSml {
/*------------------------
------------------------*/
  float:left;
  display: inline;
  border:solid;
  margin-left: 80px; 
  margin-top: 1.5%;
} 


div.imgBig {
/*------------------------
------------------------*/
  float:right;
  display: inline;
  border:solid;
  margin-right: 80px;
  margin-bottom: 2%
}


div.mslogo {
/*------------------------
------------------------*/
  font-size:16px;
  font-weight:bold;
  width:30%;
  height:4em;
  margin:auto;
  text-align: center;
}
html>body div.mslogo { height: 2em; }

input.Subtn1b {
/* ----------------------
-----------------------*/
justify-content: flex-end;	
 height: 60px;
 width: 60px;
 font-weight: 600;
 font-size: 200%;
 background-color: #F4A460;
 vertical-align: middle;
vertical-align: bottom;	
[B]/*word-spacing: -4px; remove */[/B]	
}

input.Subtn2 {
/* ----------------------
-----------------------*/
justify-content: flex-end;	
 height: 60px;
 width: 60px;
 font-weight: 600;
 font-size: 200%;
 background-color: #A0522D;
 vertical-align: middle;	
[B]/*word-spacing: -4px; remove */[/B]	
}

.h1prom {
    text-align:center;
    color:Black;
    font-size: xx-large;
    font-weight: bold;
}

.h4prom {
    text-align:left;
    color:Black;
    font-size:x-large;
    font-weight: bold;
}
 
.codeO {
    background:Black; 
}

.codeI {
    font-size:medium;
    color:Yellow;
    margin-left:1.5%;
}

.codeOu {
    background:blue; 
}

.codeIw {
    font-size:medium;
    color:white;
    margin-left:1.5%;
}
 
.blkBdO {
    background:Black;
    margin-left:10%;
    margin-right:10%;
    border-color:Grey;
    border-width:thick;
    border-style:solid;
}

.blkBdI {
    text-align:right;
    color:Yellow;
    margin:15%;
    font-size:large;
}
 
.blkBdIs {
text-align:right;
color:Yellow;
margin:5%;
/* font-size:normal; */
/* font-size:3; */
font-size:1.2em;
}
 
p.TextPara, div.TextPara {
/*------------------------
------------------------*/
 background:#FFEBCD;
 color:Black;
 overflow:visible;
 height:auto;
 border:0;
 margin-left:5%;
 margin-right:5%;
 padding-left:5%;
 padding-right:5%;
 text-align: left; 
 font-family: Georgia, "Times New Roman", sans-serif;
/* font-weight: 590; */
/* font-weight: 600; */
 font-weight: 500;
/* font-size: 115%; */
 font-size: 100%;
}
html>body p.TextPara, div.TextPara { font-size: 125%; }



html>body p.AritSeri { font-size: 130%; }

div.ajaxdb {
/*------------------------
------------------------*/
 margin: 0;
 padding: 1%;

 height: auto;
 overflow:visible;

 text-align: left;
 font-family: Georgia, "Times New Roman", sans-serif;
 font-size: 75%;

 background-color: white;
}
html>body div.ajaxdb {
 font-size: 80%;
 overflow:hidden;
 }

table.ajd {
/*------------------------
------------------------*/
 border-width: 1px;
 border-style: solid;
 background-color: rgb(204,255,255);
 height: auto;
 overflow:visible;
}
html>body table.ajd {
 overflow:hidden;
 }

table.ajdalt {
/*------------------------
------------------------*/
 border-width: 1px;
 border-style: solid;
 background-color: rgb(204,255,204);
}

td.ajdtd {
/*------------------------
 width: 6%;
------------------------*/
 border: 1px;
 border-style: solid;
 width: auto;
 height: auto;
 overflow:visible;
}
html>body td.ajdtd {
 overflow:hidden;
 }

div.RadioQ {
/*------------------------
 padding-right: 4%;
 margin-left: 8%;
 padding-left: 8%;
------------------------*/
 margin-top: 4%;
 text-align: left;
 font-family: "Times New Roman", sans-serif;
 font-weight: 600;
 font-size: 140%;
} 
html>body div.RadioQ {
/*------------------------
------------------------*/
 margin-left: 2%;
 padding-left: 2%;
}

div.push {
/*------------------------
------------------------*/
 height: 25px; 
}
html>body div.push { height: 35px; }
  
  
body {
/*------------------------
    background: green;
    #b6b7bc;  
------------------------*/
}