/* Modified CSS to be CSS3 compatible and allow for Responsive Web Design  - Mark Troy 06/03/2015 */

 * { box-sizing: border-box;}
 .row:after { content: "";  clear: both; display: block; } 
 [class*="hdr"] { float: left; padding: 5pt 10pt 10pt 5pt; }
 [class*="col-d"] { float: left; padding: 5pt 10pt 10pt 5pt;}
 
 /* For mobile phones: */
 @media only screen and (max-width:600px)
 {
    img { max-width: 100%; height: auto; }
   .col-d-1 { width:1%; height:1px;}
   .col-d-2 { width: 100%;}
   .col-d-4 {width: 100%;}  
   .col-d-6 {width: 100%;}
   .hdr-1 { width:0px;}
   .hdr-2 { width:35%;}
   .hdr-3 {width:1%; height:0px;}
   .hdr-4 {  font-size:80%;}	
 }

/* For Desktops */
@media only screen and (min-width:600px)
{ 
  /* */
 .col-d-1 { width:8.33%;}
 .col-d-2 { width:16.66%;  }
 .col-d-3 {width: 5%;}
 .col-d-4 { width: 25%;}
 .col-d-5 {width: 5%;}
 .col-d-6 {width: 15%;}
 .col-d-7 {width: 58.33%;}
 .col-d-8 {width: 66.66%;}
 .col-d-9 {width: 75%;}
 .col-d-10 {width: 83.33%;}
 .col-d-11 {width: 91.66%;}
 .col-d-12 {width: 100%;}
  /* For Headers */
 .hdr-1 { width:8.33%;}
 .hdr-2 { width:16.66%;}
 .hdr-3 {width: 2%;}
 .hdr-4 { width: 33.33%; padding: 30pt 0pt 0pt 0pt; font-size: 180%; }
 .hdr-5 {width: 41.66%;}
 .hdr-6 {width: 50%;}
 .hdr-7 {width: 58.33%;}
 .hdr-8 {width: 66.66%;}
 .hdr-9 {width: 75%;}
 .hdr-10 {width: 83.33%;}
 .hdr-11 {width: 91.66%;}
 .hdr-12 {width: 100%;} 
}

/* HEADER */
.header 
{
  background-color:#0b466e;
  min-width:100%;
  min-height: 19%; 
}

.headerm 
{ 
 text-align:center;
 font-family: Arrow, Verdana, arial;
 color:#a1b5c2; 
 font-style: italic;
}

h1   { margin: 6px 0px 6px 0px; font-weight:bold; font-style:normal; font-variant:normal; font-size:18pt; font-family:Arial, Verdana Helvetica, sans-serif; text-align:center; color: #909195; }
h2   { margin-top: 6px; margin-bottom: 6px; color: #333333; font-weight: bold; font-style:normal; font-variant:normal; font-size:medium; font-family:Arial, Verdana Helvetica, sans-serif; text-align:center}
h3   { margin: 6px 0px 6px 0px; color: #000000; font-weight: bold; font-style:normal; font-variant:normal; font-size:14pt; font-family:Arial, Verdana Helvetica, sans-serif; text-align:center;}
h4   { margin-top: 6px; margin-bottom: 6px; color: #000000; font-weight: bold; font-style:normal; font-variant:normal; font-size:12pt; font-family:Arial, Verdana Helvetica, sans-serif}
p     { margin-top: 6px; margin-bottom: 6px; color: #000000; font-size:x-small; font-family:Arial, Verdana Helvetica, sans-serif}
.p2 { text-align: left; padding: 0px 15px 0px 15px;  font-size: 1.0em; color: #000000;  font-style:normal;  font-weight:650; line-height: 15px; }
.p3 { text-align: left; padding: 0px 15px 0px 50px;  font-size: 1.0em; color: #000000;  font-style:normal;  font-weight:650; line-height: 20px; }
  .p3:link { font-family: Arial, Garamond, Tahoma; font-size: 1em;  color: #0b466e;}
  .p3:hover { font-family: Arial, Garamond, Tahoma; color: red;} 
  .p3:visited { font-family: Arial, Garamond, Tahoma; font-size: 1em; color:#0b466e;}
  .p3:active{ font-family: Arial, Garamond, Tahoma; font-size: 1em; color: #0b466e;}

.stylepi     { margin-top: 6px; margin-bottom: 6px; color: #000000; font-size:x-small; font-family:Arial, Verdana Helvetica, sans-serif; font-style:italic}
.style1      { margin-top: 6px; margin-bottom: 6px; color: #000000; font-weight: bold; font-style:normal; font-variant:normal; font-size:x-small; font-family:Arial, Verdana Helvetica, sans-serif; text-align:left}
.style2      { margin-top: 6px; margin-bottom: 6px; color: #000000; font-weight: bold; font-style:normal; font-variant:normal; font-size:x-small; font-family:Arial, Verdana Helvetica, sans-serif; text-align:left}
.style2r     { margin-top: 6px; margin-bottom: 6px; color: "red"; font-weight: bold; font-style:normal; font-variant:normal; font-size:x-small; font-family:Arial, Verdana Helvetica, sans-serif; text-align:left}
.style2w     { margin-top: 0px; margin-bottom: 0px; color: #FFFFFF; font-weight: bold; font-style:normal; font-variant:normal; font-size:x-small; font-family:Arial, Verdana Helvetica, sans-serif; text-align:center}
a:link       { margin-top: 6px; margin-bottom: 6px; color: #0b466e; font-style:normal; font-variant:normal; font-size:.9em; font-family:Arial, Verdana Helvetica, sans-serif; text-align:left}
a:active     { margin-top: 6px; margin-bottom: 6px; color: #1C6A3B; font-style:normal; font-variant:normal; font-size:x-small; font-family:Arial, Verdana Helvetica, sans-serif; text-align:left}
a:visited    { margin-top: 6px; margin-bottom: 6px; color: #1C6A3B; font-style:normal; font-variant:normal; font-size:x-small; font-family:Arial, Verdana Helvetica, sans-serif; text-align:left}
hr	     { margin-top: 6px; margin-bottom: 6px; color: "#000000"}
ol           { font-weight: bold; font-family:Arial, Verdana Helvetica, sans-serif; font-size= x-small; color="#7575C6"}
.title_help { width:100%;}
.bodyH4		{ margin-top: 6px; margin-bottom: 6px; color: #000000; font-weight: bold; font-style:normal; font-variant:normal; font-size:12pt; font-family:Arial, Verdana Helvetica, sans-serif; text-align:center}
.bodytbl     	{ width:650px }
.bodytbl, .bodytd, .bodytd2, .bodytdc {border: solid 1px #000000}
.bodyth, .bodytd, .bodytd2, .bodytdc {border-collapse: separate; border-spacing:4px}
.bodytd, .bodytd2, .bodytdc {padding:4px}
.bodytd {width:246px; text-align:right }
.bodytd2 {width:423px}

hr { color: #293973 }
ol { font-family:Verdana, Arial, Helvetica, sans-serif; color:#1C6A3B; size:2 }
.olist { type:a; font-family:Verdana, Arial, Helvetica, sans-serif; color:#293973 size:2}
img { border:0 }

ul { font-size: 1.1em; color: #000000;  font-style:normal;  font-weight:650; line-height: 20px; }

.sidelinks { font-family: Arial, Garamond, Tahoma; font-size:12px; font-weight:400; font-style:normal; color:#0b466e; line-height: 15px;}
.sidelinks1 { display:block; font-family: Arial, Garamond, Tahoma; font-size:16pt; font-weight:400; font-style:normal; color:#000000; line-height: 15px;}

.sidelinksa 
 {
  display: block;
  list-style:none outside;
  font-family: Arial,Garamond,Tahoma; 
  font-size: 1.0em;
  color: #0b466e;
  font-style:normal;
  font-weight: 400;
  line-height: 25px;
  padding-bottom:12px;
} 
.sidelinksa:link
{
  font-family: Arial, Garamond, Tahoma; 
  text-decoration: none;
  font-size: 1.0em;
  color: #0b466e; 
 }

 .sidelinksa:hover
{
  font-family: Arial, Garamond, Tahoma;   
  color: red; 
  text-decoration:underline;
 }
 
 .sidelinksa:visited
{
  font-family: Arial, Garamond, Tahoma; 
  text-decoration: none;
  font-size: 1em;
  color:#0b466e; 
 }
 .sidelinksa:active
{
  font-family: Arial, Garamond, Tahoma; 
  text-decoration: none;
  font-size: 1em;
  color: #0b466e; 
 }
 
.sidelinksh { font-family: Arial, Garamond, Tahoma; font-size:18px; font-weight:700; font-style:normal; color:#0b466e; line-height: 22px; text-align:center}

.mainlinks 
 {
  font-family: Arial,Garamond,Tahoma;
  text-align:right;  
  font-size: 1.1em;
  color: #0b466e;
  font-style:normal;
  font-weight:650; 
  line-height:20px;
} 
.mainlinks:link
{
  font-family: Arial, Garamond, Tahoma; 
  font-size: 1em;
  color: #0b466e; 
 }

 .mainlinks:hover
{
  font-family: Arial, Garamond, Tahoma; 
  color: red; 
 }
 
 .mainlinks:visited
{
  font-family: Arial, Garamond, Tahoma; 
  font-size: 1em;
  color:#0b466e; 
 }
 .mainlinks:active
{
  font-family: Arial, Garamond, Tahoma; 
  font-size: 1em;
  color: #0b466e; 
 }

#LeftBlock
 {
   padding: 10px 20px 30px 50px;
   border-radius: 3%;
   border: 1.5px solid #0b466e;
   background: #ffffff;
   color: #ffffff; 
 }
 
 .SideBlock
 {
   margin: 10px 35px 0px 0px;
   background: #ffffff;
   color: #ffffff; 
   border-radius: 3%; 
   border: 1.5px solid #0b466e;
 }
 
 .mainblock
 {
   position:relative;
   margin: 10px 10px 0px 0px;
   background: #ffffff;
   color: #ffffff; 
   border-radius: 3%;
   border: 1.5px solid #0b466e;
 }

 .c_mainblock
 {
   position:relative;
   margin: 10px 10px 0px 0px;
   background: #ffffff;
   color: #ffffff; 
   //border-radius: 3%;
  // border: 1.5px solid #0b466e;
 }

  .notesblock
 {
   position:relative;
   margin: 10px 10px 10px 0px;
   background: #ffffff;
   color: #ffffff; 
   border-radius: 3%;
   border: 1.5px solid maroon;
   //min-height: 400px;
 }