/*This is the normal style sheet for the ECD site*/

/* this is for the hidden field */

.marketing {
display:none !important;
tabindex="-1";
autocomplete="off";
}

/*  Fonts  */

body {
left: 0px; 
width: auto;
background-color: #fff;  /*This is colour for the background*/
color: #000;  /*This is colour for the text*/
font-family: Verdana, Helvetica, Arial, sans-serif; /*This is type of font for the text*/
font-size: 1em;  /*This is relative size of font for the text*/
margin: 0;
}

h1 {
color: #004E84;
font-size: 1.2em;
text-align: left;
font-style: italic;
letter-spacing: 2px; 
}

h2 {
color: #004E84;
font-size: 1.1em;
font-style: italic;
}

h3 {
color: #004E84;
font-size: 0.8em;
font-style: none;
font-weight: bold;
text-align: left;
}

h4 {
font-size: .8em;
font-style: italic;
color: #004E84;
}

h5 {
color: #004E84;
font-size: 0.9em;
text-align: center;
font-style: none;
letter-spacing: 2px; 
/*line-height: 1.7em;*/
}

h6 {

color: #004E84;
font-size: 0.7em;
text-align: left;
font-style: none;
letter-spacing: 1px; 
}

h7 {
color: #004E84;
font-size: 0.8em;
font-style: none;
font-weight: bold;
text-align: left;
}

h8 {
color: #000000;
font-size: 0.6em;
font-style: none;
font-weight: normal;
text-align: left;
}

h9 {
color: #000000;
font-size: 0.4em;
font-style: none;
font-weight: normal;
text-align: left;
}

p {
font-size: .8em;
text-align: justify;
line-height: 1.3em;
}

hr {
color: #004E84;
background-color: #fff;
height: 3px;
width: 100%;
}


.alignright {
text-align: right;
}
}

.right {
text-align: center;
}

.blue {
color: #004E84;
font-size: 1em;
text-align: center;
font-style: none;
font-weight: bold;
letter-spacing: 2px; 
}

.red {
color: #f00;
font-size: 1em;
text-align: center;
font-style: none;
font-weight: bold;
letter-spacing: 1px; 
}

.medium {
color: #004E84;
font-size: 0.7em;
text-align: left;
font-style: normal;
font-weight: bold;
letter-spacing: 1px; 
}

.small {
color: #000;
font-size: 0.7em;
text-align: left;
font-style: normal;
font-weight: normal;
}

.price {
color: #004E84;
}

tr th {
font-size: .8em;
text-align: center;
line-height: 1.3em;
}

tr td {
font-size: .8em;
text-align: justify;
line-height: 1.3em;
}



/*  End of Fonts  */

#content {
left: 25px; 
right: 25px;
width: auto;
background-color: #fff;
}

/*  header  */

#header {
position: relative;
background-color: #fff;
left: 10px;
width: auto;
text-align: left;

}

#header a:link, #header a:active #header a:visited #header a:hover {
text-decoration: none;
font-weight: bold;
padding-bottom: 0px; 
color: #004E84;  /*This is colour for the text*/
border: 0;
text-align: center;
}

#header img {
border: 0;
}






/*  nav bar  */


#navbar {
float: top;
/*position: absolute;*/
margin-top: 0px;
   width:100%;
   background:#004E84;
   overflow:hidden;
}

#navbar ul {
   list-style:none;
   margin:0;
   padding:10px 5px 10px 5px;  /* was 10 5 10 5 */
   position:relative;
   left:0%;
   text-align:center;
}
#navbar ul li {
   display:inline;
   list-style:none;
   margin:0 0 0 6px;
   padding:10px 5px 10px 5px;
   position:relative;

}

#navbar a:link, #navbar a:active, #navbar a:visited {

   display:inline;
   margin:0 0 0 6px;
   padding:3px; /*was 10px */
   background:#004E84;
   color:#fff;
/*   text-decoration:underline;*/
   line-height:1.3em;

text-decoration: none;
font-weight: bold;

}

#navbar a:hover {
   display:inline;
   margin:0 0 0 6px;
   padding:3px; /*was 10px */
   background:##004E84;    /*#004E84*/
   color:#ffd500;
   text-decoration:none;
   line-height:1.3em;
text-decoration: none;
font-weight: bold;
}


.nav {
background-color: #004E84;
text-align: center;
color: #fff;
font-size: 0.9em;
text-align: center;
font-weight: bold;
letter-spacing: 2px; 
/*line-height: 1.7em;*/
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}

.black {
background-color: #000;
}

/* end of nav bar */

/*  main text  */

#main-text {
position: absolute;
top: 200px; /*was 200px*/
width: auto;
left: 0px; 
padding: 0px 0px 0px 0px;
background-color: #fff;
/*border-left: 1px #26707f solid;
border-right: 1px #26707f solid;
border-bottom: 1px #26707f solid;
/*width: 750px*/
text-align: justify;
}

#main-text ul li {
font-size: .8em;
text-align: left;
line-height: 1.7em;
list-style-type: bullet;
bullet-color: #004E84;
margin: 0;
padding: 0;
}

#main-text img {
border: 10px;
border-color: #004E84;
text-align: center;
}



#main-text a:link, #main-text a:visited , #main-text a:active{
/*background-color: #cceaff;*/
color: #004E84;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
padding: 2px;
}

#main-text a:hover {
background-color: #fff;
color: #004E84;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
padding: 2px;
}

#main-text td {
text-align: left;
padding:10px;
}

#main-text td.CenteredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

#main-text tr.r1  {
background-color: #E68B20;               <!--#CAD6EC; B5BFD1; -->
color: black;
text-align: center;
padding: 6px;
}


#main-text tr.d1 th {
background-color: #CAD6EC;               <!--#CAD6EC; B5BFD1; -->
color: black;
text-align: center;
padding: 6px;
}

#main-text tr.d2 th {
background-color: #CAD6EC;     <!--CAB9F5; -->
color: black;
text-align: center;
padding: 6px;
}

#main-text tr.d1 td {
background-color: #CAD6EC;       <!--   B5BFD1;--> 
color: black;
text-align: center;
padding: 6px;
}

#main-text tr.d2 td {
background-color: #004E84; 
color: black;
text-align: center;
padding: 6px;
}

#main-text tr.d6 td {
background-color: #CAD6EC;  <!--CAB9F5  B5BFD1-->
color: black;
text-align: left;
padding: 6px;
}

#main-text tr.d7 td {
background-color: #99B484; 
color: black;
text-align: center;
padding: 6px;
}

#main-text tr.d8 td {
background-color: #CAD6EC;          <!--FCB88A; C0D2B3-->
color: black;
text-align: left;
padding: 6px;
}

#main-text tr.d9 td {
background-color: #C0D2B3;          <!--FCB88A; C0D2B3-->
color: black;
text-align: left;
padding: 6px;
}

#main-text td.d3  {
background-color: #ff9999; 
color: black;
text-align: center;
padding: 6px;
}

#main-text td.d4  {
background-color: #A3E8C5;                 <!--#ccffe5; -->
color: black;
text-align: center;
padding: 6px;
}

#main-text td.d5  {
background-color: #ffffff; 
color: black;
text-align: center;
padding: 6px;
}


#main-text td.d6  {
background-color: #ffffff; 
color: #004E84;
font-weight: bold;
text-align: center;
padding: 6px;
}

#main-text td.d_one  {
background-color: #D6E0F2; 
color: black;
text-align: center;
padding: 6px;
}

#main-text td.d_four  {
background-color: #CAD6EC; 
color: black;
text-align: center;
padding: 6px;
}

#main-text td.d_ten  {
background-color: #9DB8E8; 
color: black;
text-align: center;
padding: 6px;
}

#main-text td.d_mp  {
background-color: #9DE8B4; 
color: black;
text-align: center;
padding: 6px;
}

#main-text td.d_mq  {
background-color: #B69DE8; 
color: black;
text-align: center;
padding: 6px;
}


#col1 {
  float: left;
  padding: 0px 0px 0px 0px;
  width: 15px;
  }

#col1 img {
  border: 10px;
  border-color: #fff;
  }


#col2 {
  top: 0px; /*was 25px*/
  padding: 0px 0px 5px 50px;  /* 0px 0px 50px 0px;*/
  margin-left: 50px;
  margin-right: 100px;    /*was 100px*/
  }

#col3 {
  float: right;
  padding: 0px 0px 0px 100px;
  width: 15px;
  }

#footer {
float: bottom;
/*position: absolute;*/
/*bottom: 10px;*/
background-color: #fff;
margin: auto;

width: auto;
text-align: left;
padding: 0px 0px 0px 10px;  /*was 10px*/

border-left: 0px #D2232A solid;
border-right: 0px #D2232A solid;
border-bottom: 0px #D2232A solid;

}

#paymentcards img {
border: 0px;
}