/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 18, 2020, 3:11:00 AM
    Author     : philip
*/

BODY {
/*    Font-size : 100%; */
    background-attachment : inherit;
    background-color : #F7E7C8;
    background-image : url('photos/1381244504526.jpg');
    background-position : bottom left;
    background-repeat : repeat;
    padding: 5%;
    color : #000033;
    font-family : Arial, Helvetica, sans-serif;
    font-style : normal;
    font-weight : normal;
  }


A:LINK {
    background-color : transparent;
    color : Blue;
    font-size : 90%;
    font-weight : 600;
  }


A:ACTIVE {
    background-color : silver;
    color : red;
    font-size : 90%;
    font-weight : 600;
  }


A:VISITED {
    background-color : transparent;
    color : red;
    font-size : 90%;
    font-weight : 600;
  }


A:HOVER {
    background-color : silver;
    color : #0000C0;
    font-size : 90%;
    font-weight : 600;
  }


A:FOCUS {
    background-color : silver;
    color : #0000C0;
    font-size : 90%;
    font-weight : 600;
  }


ADDRESS {
    background-color : transparent;
    color : #000066;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style : italic;
    font-weight : 500;
    font-size : 75%;
    text-align : center;
  }


EM {
    background-color: #ffffff;
    font-style: italic;
    font-weight : 700;
  }


EM.look {
    background-color: transparent;
    color: #CC0033;
    font-style: italic;
    font-weight: 700;
  }


EM.blue {
    background-color: transparent;
    color: #3300FF;
    font-style: italic;
    font-weight: 500;
  }


EM.red {
    background-color: transparent;
    color: red;
    font-style: italic;
    font-weight: 700;
    font-size: 111%;
  }

H1 {
    background-color : transparent;
    color : red;
    font-family : "MS Serif", "New York", Arial, Helvetica, sans-serif;
    font-size : 175%;
    font-variant : small-caps;
    text-align : center;
/*    width : 75%; */
  }


H2 {
    background-color : transparent;
    color : #330066;
    font-family : "Americana BT", ArenaCondensed, "Arrus BT", "Charter BT", Denmark, sans-serif;
    font-size : 135%;
    text-align : center;
    text-transform : uppercase;
/*    width : 75%; */
  }


H3 {
    background-color: transparent;
    color: #FF0000;
    font-family: "Americana BT", "Arrus BT", "Charter BT", Denmark, sans-serif;
    font-size: 125%;
    text-align: center;
  }


H4 {
    background-color: transparent;
    color: #CC0033;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
  }


H4.center {
    background-color: transparent;
    color: #cc0066;
    font-family: Schoolbook, "Charter BT", "Americana BT", "Arrus BT", Basset, "BernhardMod BT", sans-serif;
    font-style: italic;
    text-align: center;
  }


H5 {
    background-color: #F8FBD6;
    color: #8884FF;
    text-align: center;
  }
  
  IMS {
      
  }

  .flex-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white; 
}

.flex-container > div {
/*  background-color: transparent; */
  width: 75%;
/*  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px; */
  text-align: center;
/*  line-height: 75px;
  font-size: 100%; */
}

P.intro {
    background-color: #FFFFFF;
    color: #990000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-style: italic;
    text-align: left;
    width: 80%;
  }


P.center {
    background-color: transparent;
    color: Black;
    font-family: Schoolbook, "Charter BT", "Americana BT", "Arrus BT", Basset, "BernhardMod BT", sans-serif;
    font-size: 90%;
    font-style: italic;
    text-align: center;
    width: 75%;
  }


P.right {
    background-color: #ffffff;
    color: Black;
    font-family: Schoolbook, "Charter BT", "Americana BT", "Arrus BT", Basset, "BernhardMod BT", sans-serif;
    font-size: 90%;
    text-align: right;
  }


P.e-mail {
    background-color: #F0FFF0;
    color: #0033FF;
    font-size: 90%;
    text-align: center;
    width: 50%;
  }


P {
    background-color : #ffffff;
    color : #000000;
    font-family : "Charter BT", "Americana BT", "Arrus BT", Basset, "BernhardMod BT", sans-serif;
    font-size : 90%;
    font-style : normal;
    font-weight : 400;
    padding-bottom : 5px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 5px;
    text-align : left;
/*    width : 75%; */
  }


STRONG {
    font-weight: 800;
  }


STRONG.red {
    background-color: transparent;
    color: #ff0000;
    font-style: normal;
    font-weight: 700;
  }


STRONG.blue {
    background-color: transparent;
    color: Blue;
    font-weight: 700;
  }


DL {
    background-color: transparent;
    color: Black;
    font-family: Schoolbook, "Charter BT", "Americana BT", "Arrus BT", Basset, "BernhardMod BT", sans-serif;
    font-style: normal;
    font-size: 75%;
    text-align: left;
  }


DT {
    background-color: transparent;
    color: #000033;
    font-style: italic;
    text-align: left;
  }


UL {
    background-color : white;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 95%;
    font-style : italic;
    font-weight : 500;
    list-style-position : inside;
    list-style-type : disc;
    padding-bottom : 5px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 5px;
/*    width : 75%; */
  }


UL.level1 {
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 15px;
    list-style: circle;
    padding-left: 15px;
    list-style-position: inside;
  }


UL.level2 {
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 20px;
    list-style: square;
  }


LI {
    text-align: left;
    background-color: transparent;
    color: Black;
  }


LI.level1 {
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    color: Black;
/*    list-style: circle; */
  }


LI.level2 {
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
  }


OL {
    background-color: transparent;
    color: #000066;
    list-style: lower-roman;
    font-family: Schoolbook, "Charter BT", "Americana BT", "Arrus BT", Basset, "BernhardMod BT", sans-serif;
    font-style: normal;
    text-align: left;
  }


OL.ROMAN {
    background-color: transparent;
    color: #000000;
    list-style: upper-roman;
    font-family: Schoolbook, "Charter BT", "Americana BT", "Arrus BT", Basset, "BernhardMod BT", sans-serif;
    font-style: normal;
    text-align: left;
  }


OL.arab {
    background-color: transparent;
    color: #000000;
    list-style: decimal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    text-align: left;
  }


CAPTION {
    background-color: transparent;
    color: #000000;
    font-size: 112%;
    font-weight: 600;
  }


TABLE {
    width: 100%;
    alignment-adjust: central;
  }


TD.content {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 100%;
  }


.navigate {
    background-color: whitesmoke;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size : 88%;
    font-weight : 700;
/*    width: 90%; */
    border-color : #330066;
    border-style : solid;
    border-width: 1px;
/*    line-height: 3; */
  }


.title {
    background-color : #FDFFD6;
    border: groove Gray;
    border-width : thin thin thin thin;
    font-weight : 800;
    font-size: 115%;
    color: blue;
  }


BIG.bold {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 85%;
    font-weight: 700;
  }


SMALL {
    font-family: Schoolbook, "Charter BT", "Americana BT", "Arrus BT", Basset, "BernhardMod BT", sans-serif;
    font-size: 75%;
    font-weight: 500;
    text-align: center;
    background : transparent;
  }


.navigate2 {
    background: #D1FF99;
    border-bottom-color : #be28d2;
    border-bottom-style : inset;
    border-bottom-width : 3px;
    border-left-color : #be28d2;
    border-left-style : inset;
    border-left-width : 3px;
    border-right-color : #be28d2;
    border-right-style : inset;
    border-right-width : 3px;
    border-top-color : #be28d2;
    border-top-style : inset;
    border-top-width : 3px;
    font-size : 66%;
  }


.navigate3 {
    background-color : #C5DDF9;
    border-bottom-color : #be28d2;
    border-bottom-style : inset;
    border-bottom-width : 3px;
    border-left-color : #be28d2;
    border-left-style : inset;
    border-left-width : 3px;
    border-right-color : #be28d2;
    border-right-style : inset;
    border-right-width : 3px;
    border-top-color : #be28d2;
    border-top-style : inset;
    border-top-width : 3px;
    font-size : 88%;
  }


.active {
    background-color : #FDFFD6;
    font-weight: 600;
    line-height: 105%;
  }


.active2 {
    background: #F8FBD6;
    background-color: White;
    color: Purple;
    font-family: "MS Serif", "New York", serif;
    font-weight: 700;
  }


SUP {
    background-color: #F5F5DC;
    font-size: 55%;
  }


TD {
    padding-left : 10px;
    padding-right : 10px;
  }


.header {
    background-color : transparent;
    top : 0px;
    vertical-align : top;
    width : 100%;
  }


.body {
    background-color : transparent;
    color : #000000;
    padding-top : 5px;
    width : 73%;
  }


.about {
    background-color : transparent;
    color : #000000;
    font-weight : 200;
    width : 73%;
  }


.content {
    color : #000000;
    background-color: white;
    font-size : 90%;
    font-style : normal;
    font-weight : 500;
    padding-left : 7%;
    padding-right : 7%;
    text-align : center;
    width: 90%;
  }


.content1 {
    color : #000000;
    font-size : 90%;
    font-style : normal;
    font-weight : 500;
    padding-left : 5%;
    padding-right : 5%;
    text-align : left;
    width: 80%;
  }


.footer {
    text-align : center;
    width : 66%;
  }


.small {
    font-size: 6pt;
    font-style: normal;
    background-color: transparent;
    color: blue;
    border: gray;
  }


.body1 {
    background-color : #FAEBD7;
    color : #000000;
    padding-bottom : 5px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 5px;
    width : 66%;
    border-bottom-color : #330066;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #330066;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #330066;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #330066;
    border-top-style : solid;
    border-top-width : 1px;
  }


img {
    background-color : white;
    border-color : #F5F5DC;
    border-spacing : 5px;
    padding : 4px;
/*    width: 88%; */
  }
  
  img.right {
      float: right;
      word-wrap: break-word;
      background-color : white;
      border-color : #F5F5DC;
      border-spacing : 5px;
      padding : 4px;
      border-radius: 35%;
  }
  
img.custom {
    background-color : white;
    border-bottom-color : white;
    border-left-color : white;
    border-right-color : white;
    border-spacing : 5px;
    border-top-color : white;
    padding-bottom : 15px;
    padding-left : 15px;
    padding-right : 15px;
    padding-top : 15px;
    width: 88%;
  }


.strong {
    color : red;
    font-weight : 800;
  }

  .underline {
      text-decoration: underline;
  }