/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
@media only screen and (min-width : 0px)
{
 body 
 {  
 margin:0;
 margin-bottom:100px;
 padding:0;
 background:#e6e8ff;
 background: url("Images/Background.PNG") no-repeat center center fixed;
 background-image-height:100%;
 background-size:cover;
 }

 img
 {
 width:80%;
 hight:40%;
 }
 
 table
 {
 background:#e6e8ff;
 }


 header
 {
 background-color:#0b3c5d;
 color:#FFFFFF;
 font-size: 70px;
 width:100%;
 top:0px;
 padding-left: 0%;
 padding-bottom: 1px;
 position:fixed;
 }
 DownloadText
 {
 color:#111111;
 font-size: 30px;
 }
 DownloadText2
 {
 color:#111111;
 font-size: 150%;
 }
 br
 {
 display: block;
 margin: 3px 0;
 }
 th
 {
 text-align:left;
 vertical-align:text-top;
 }
 footer
 {
 position:fixed;
 bottom:0;
 width:100%;
 height:80px;
 background-color:#0b3c5d;
 margin-top:-80px;
 color:#FFFFFF;
 padding-top:15px;
 font-size:20px;
 }

 h3
 {
 margin-top: 150px;
 font-size: 200%;
 }

 hr
 {
 padding:0;
 margin:0;
 border:none;
 color:#111111;
 background-color:#111111;
 }
 ul
 {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color: #5175c4;
 }
 li
 {
 float: left;
 border-left: 2px solid #111111;
 border-right: 2px solid #111111;
 width:130px;
 font-size: 30%;
 }
 li a
 {
 display: block;
 color: white;
 text-align: center;
 padding: 10px 12px;
 text-decoration: none;
 }
 li a:hover
 {
 background-color: #7396ff;
 }
 li2
 {
 float: left;
 border-right: 2px solid #111111;
 width:130px;
 font-size: 30%;
 }
 li2 a
 {
 display: block;
 color: white;
 text-align: center;
 padding: 10px 12px;
 text-decoration: none;
 }
 li2 a:hover
 {
 background-color: #7396ff;
 }
 pg
 {
 display: block;
 padding:1%;
 margin-left:0%;
 margin-right:0%;
 font-size:120%;
 background:#e6e8ff;
 }

 .accordion
 {
 background-color: #b7bae8;
 color: #444;
 cursor: pointer;
 padding: 18px;
 width: 100%;
 text-align: left;
 font-size: 150%;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .accordion:hover
 {
 background-color: #ccc;
 }
 .panel
 {
 background-color: #e6e8ff;
 font-size: 120%;
 display: none;
 overflow: hidden;
 }

    @media only screen and (min-width : 750px)
    {
    body 
    {  
    margin:0;
    margin-bottom:100px;
    padding:0;
    background:#e6e8ff;
    background: url("Images/Background.PNG") repeat center center fixed;
    background-size:cover;
    }

    table
    {
    background:#e6e8ff;
    }


    header
    {
    background-color:#0b3c5d;
    color:#FFFFFF;
    font-size: 70px;
    width:100%;
    top:0px;
    padding-left: 0%;
    padding-bottom: 1px;
    position:fixed;
    }
    DownloadText
    {
    color:#111111;
    font-size: 30px;
    }
    DownloadText2
    {
    color:#111111;
    font-size: 150%;
    }
    br
    {
    display: block;
    margin: 3px 0;
    }
    th
    {
    text-align:left;
    vertical-align:text-top;
    }
    footer
    {
    position:fixed;
    bottom:0;
    width:100%;
    height:80px;
    background-color:#0b3c5d;
    margin-top:-80px;
    color:#FFFFFF;
    padding-top:15px;
    font-size:20px;
    }

    h3
    {
    margin-top: 150px;
    font-size: 200%;
    }

    hr
    {
    padding:0;
    margin:0;
    border:none;
    color:#111111;
    background-color:#111111;
    }
    ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #5175c4;
    }
    li
    {
    float: left;
    border-left: 2px solid #111111;
    border-right: 2px solid #111111;
    width:130px;
    font-size: 30%;
    }
    li a
    {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
    }
    li a:hover
    {
    background-color: #7396ff;
    }
    li2
    {
    float: left;
    border-right: 2px solid #111111;
    width:130px;
    font-size: 30%;
    }
    li2 a
    {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
    }
    li2 a:hover
    {
    background-color: #7396ff;
    }
    pg
    {
    display: block;
    padding:1%;
    margin-left:0%;
    margin-right:0%;
    font-size:120%;
    background:#e6e8ff;
    }

    .accordion
    {
    background-color: #b7bae8;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    font-size: 150%;
    border: none;
    outline: none;
    transition: 0.4s;
    }
    .accordion:hover
    {
    background-color: #ccc;
    }
    .panel
    {
    background-color: #e6e8ff;
    font-size: 120%;
    display: none;
    overflow: hidden;
    }
           @media only screen and (min-width : 1250px)
           {
           body 
           {  
           margin:0;
           margin-bottom:100px;
           padding:0;
           background:#e6e8ff;
           background: url("Images/Background.PNG") no-repeat center center fixed;
           background-size:cover;
           }

           table
           {
           background:#e6e8ff;
           }


           header
           {
           background-color:#0b3c5d;
           color:#FFFFFF;
           font-size: 70px;
           width:100%;
           top:0px;
           padding-left: 0%;
           padding-bottom: 1px;
           position:fixed;
           }
           DownloadText
           {
           color:#111111;
           font-size: 30px;
           }
           DownloadText2
           {
           color:#111111;
           font-size: 150%;
           }
           br
           {
           display: block;
           margin: 3px 0;
           }
           th
           {
           text-align:left;
           vertical-align:text-top;
           }
           footer
           {
           position:fixed;
           bottom:0;
           width:100%;
           height:80px;
           background-color:#0b3c5d;
           margin-top:-80px;
           color:#FFFFFF;
           padding-top:15px;
           font-size:20px;
           }

           h3
           {
           margin-top: 150px;
           font-size: 200%;
           }

           hr
           {
           padding:0;
           margin:0;
           border:none;
           color:#111111;
           background-color:#111111;
           }
           ul
           {
           list-style-type: none;
           margin: 0;
           padding: 0;
           overflow: hidden;
           background-color: #5175c4;
           }
           li
           {
           float: left;
           border-left: 2px solid #111111;
           border-right: 2px solid #111111;
           width:130px;
           font-size: 30%;
           }
           li a
           {
           display: block;
           color: white;
           text-align: center;
           padding: 10px 12px;
           text-decoration: none;
           }
           li a:hover
           {
           background-color: #7396ff;
           }
           li2
           {
           float: left;
           border-right: 2px solid #111111;
           width:130px;
           font-size: 30%;
           }
           li2 a
           {
           display: block;
           color: white;
           text-align: center;
           padding: 10px 12px;
           text-decoration: none;
           }
           li2 a:hover
           {
           background-color: #7396ff;
           }
           pg
           {
           display: block;
           padding:1%;
           margin-left:20%;
           margin-right:20%;
           font-size:120%;
           background:#e6e8ff;
           }

           .accordion
           {
           background-color: #b7bae8;
           color: #444;
           cursor: pointer;
           padding: 18px;
           width: 60%;
         text-align: left;
         font-size: 150%;
         border: none;
         outline: none;
         transition: 0.4s;
         }
         .accordion:hover
         {
         background-color: #ccc;
         }
         .panel
         {
         background-color: #e6e8ff;
         font-size: 120%;
         display: none;
         overflow: hidden;
         margin-left:20%;
         margin-right:20%;
         }
         }// end media width 1250+

         }// end media width 700 to 1249

         @media only screen and (min-width : 1250px)
         {
         body 
         {  
         margin:0;
         margin-bottom:100px;
         padding:0;
         background:#e6e8ff;
         background: url("Images/Background.PNG") no-repeat center center fixed;
         background-size:cover;
         }

         table
         {
         background:#e6e8ff;
         }


         header
         {
         background-color:#0b3c5d;
         color:#FFFFFF;
         font-size: 70px;
         width:100%;
         top:0px;
         padding-left: 0%;
         padding-bottom: 1px;
         position:fixed;
         }
         DownloadText
         {
         color:#111111;
         font-size: 30px;
         }
         DownloadText2
         {
         color:#111111;
         font-size: 150%;
         }
         br
         {
         display: block;
         margin: 3px 0;
         }
         th
         {
         text-align:left;
         vertical-align:text-top;
         }
         
         footer
         {
         position:fixed;
         bottom:0;
         width:100%;
         height:80px;
         background-color:#0b3c5d;
         margin-top:-80px;
         color:#FFFFFF;
         padding-top:15px;
         font-size:20px;
         }

         h3
         {
         margin-top: 150px;
         font-size: 200%;
         }

         hr
         {
         padding:0;
         margin:0;
         border:none;
         color:#111111;
         background-color:#111111;
         }
         ul
         {
         list-style-type: none;
         margin: 0;
         padding: 0;
         overflow: hidden;
         background-color: #5175c4;
         }
         li
         {
         float: left;
         border-left: 2px solid #111111;
         border-right: 2px solid #111111;
         width:130px;
         font-size: 30%;
         }
         li a
         {
         display: block;
         color: white;
         text-align: center;
         padding: 10px 12px;
         text-decoration: none;
         }
         li a:hover
         {
         background-color: #7396ff;
         }
         li2
         {
         float: left;
         border-right: 2px solid #111111;
         width:130px;
         font-size: 30%;
         }
         li2 a
         {
         display: block;
         color: white;
         text-align: center;
         padding: 10px 12px;
         text-decoration: none;
         }
         li2 a:hover
         {
         background-color: #7396ff;
         }
         pg
         {
         display: block;
         padding:1%;
         margin-left:20%;
         margin-right:20%;
         font-size:120%;
         background:#e6e8ff;
         }

         .accordion
         {
         background-color: #b7bae8;
         color: #444;
         cursor: pointer;
         padding: 18px;
         width: 60%;
         text-align: left;
         font-size: 150%;
         border: none;
         outline: none;
         transition: 0.4s;
         }
         .accordion:hover
         {
         background-color: #ccc;
         }
         .panel
         {
         background-color: #e6e8ff;
         font-size: 120%;
         display: none;
         overflow: hidden;
         margin-left:20%;
         margin-right:20%;
         }
         }// end media width 1250+
 }// media width 750 to 1249
 }// media width 0 to 749