BODY {
      background-color : #12164b;
      font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      color : #000088;
      margin: 0px;
      width: 1295px; 
      }

.Header1 {/*Crown Header*/
   position: absolute;
   top: 0px;
   margin-left: 50px;
   width: 980px;
    }
    
.Header2 {/*Title Bar*/
    position: absolute;
    top: 424px;
    left: 163px;
    width: 972px;
    min-height: 75px;    
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 15px;
  color: #000000;
  padding : 3px;
  margin: 3px;
background: white;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
border-radius: 10px;
z-index:0
    }

 
.boxa{
position: absolute;
    top: 418px;
    left:165px;
    width: 400px;     
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  padding : 8px;
  margin: 2px;
  z-index:1
}


.boxb {/*Graphic Menu Box1*/
  position: absolute;
    top: 990px;
    left: 180px;
    width: 200px;
    min-height: 155px;
  padding : 2px;
  margin: 2px;
  z-index: 4;
  border-style: solid;
  border-width: medium;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  border-color: #cccccc;
  }

.boxc {/*Graphic Menu Box2*/
  position: absolute;
    top: 990px;
    left: 425px;
    width: 200px;
    min-height: 155px;
  padding : 2px;
  margin: 2px;
  z-index: 4;
  border-style: solid;
  border-width: medium;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  border-color: #cccccc;
  }

.boxd {/*Graphic Menu Box3*/
  position: absolute;
    top: 990px;
    left: 670px;
    width: 200px;
    min-height: 155px;
  padding : 2px;
  margin: 2px;
  z-index: 4;
  border-style: solid;
  border-width: medium;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  border-color: #cccccc;
  }

.boxe {/*Graphic Menu Box4*/
  position: absolute;
    top: 990px;
    left: 915px;
    width: 200px;
    min-height: 155px;
  padding : 2px;
  margin: 2px;
  z-index: 4;
  border-style: solid;
  border-width: medium;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  border-color: #cccccc;
  }

.boxf {/*Graphic Menu Box5*/
  position: absolute;
    top: 2235px;
    left: 169px;
    width: 224px;
    min-height: 325px;
  padding : 2px;
  margin: 2px;
  z-index: 4;
  border-style: solid;
  border-width: medium;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  border-color: #cccccc;
  }

.boxg {/*Graphic Menu Box6*/
  position: absolute;
    top: 2235px;
    left: 414px;
    width: 225px;
    min-height: 325px;
  padding : 2px;
  margin: 2px;
  z-index: 4;
  border-style: solid;
  border-width: medium;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  border-color: #cccccc;
  }

.boxh {/*Graphic Menu Box7*/
  position: absolute;
    top: 2235px;
    left: 658px;
    width: 225px;
    min-height: 325px;
  padding : 2px;
  margin: 2px;
  z-index: 4;
  border-style: solid;
  border-width: medium;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  border-color: #cccccc;
  }

.boxi {/*Graphic Menu Box8*/
  position: absolute;
    top: 2235px;
    left: 902px;
    width: 225px;
    min-height: 325px;
  padding : 2px;
  margin: 2px;
  z-index: 4;
  border-style: solid;
  border-width: medium;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  border-color: #cccccc;
  }


.leftcontent {/*Left Content Box*/
  position: absolute;
    top: 1180px;
    left: 175px;
    width: 430px;
    min-height: 920px;
  padding : 2px;
  margin: 2px;
  z-index: 1;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  background: white;
  }

.rightcontent1 {/*Right Content Box 1*/
position: absolute;
    top: 1495px;
    left: 620px;
    width: 505px;
    min-height: 290px;
  padding : 2px;
  margin: 2px;
  z-index: 2;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #f5f5f5;  
  }

.rightcontent2 {/*Right Content Box 2*/
  position: absolute;
    top: 1180px;
    left: 620px;
    width: 505px;
    min-height: 300px;
  padding : 2px;
  margin: 2px;
  z-index: 1;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #f5f5f5;
  }

.rightcontent3 {/*Right Content Box 3*/
  position: absolute;
    top: 1838px;
    left: 620px;
    width: 505px;
    min-height: 300px;
  padding : 2px;
  margin: 2px;
  z-index: 1;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #f5f5f5;
  }

.Navigation {/*White Background to Top Graphic Navigation Box*/
    position: absolute;
    top:980px;
    left: 165px;
    width: 980px;
    min-height: 200px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
                                /*have the navigation elements better separated*/
    background: #FFFFFF;
   }
               
.Navigation2 {/*The Column on the right side, positioned absolutely*/
    position: absolute;
    top: 2230px;
    left: 165px;
    width: 981px;
    min-height: 350px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
                                /*have the navigation elements better separated*/
    background: #f5f5f5;
    z-index: 3;    
    }

.Addtopnav {/*Additional Navigation at top of page*/
    position: absolute;
    top: 930px;
    left: 167px;
    width: 979px;
    min-height: 50px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to*/
                                /*have the navigation elements better separated*/
    background: transparent;
    z-index: 3;    
    }                                  
 
 .background {/*this is the grey background to the main content area*/
    position: absolute;
    top: 1170px;
    background: #cccccc; 
    /*declare a color together with a contrasting background color*/
    color: #000088;/*to insure readability*/
    margin-left: 165px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    width: 970px;
    min-height:1130px;
    border: 0.1px solid #cccccc; 
   /*to insure that NN4.xx renders the background-color of the content area*/
  z-index: 0;
    }
    
.Bottomnav {/*Bottom Navigation Bar*/
    position: absolute;
    top:2580px;
    left: 165px;
    width: 976px;
    min-height: 100px;
    background: #060a3a;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
     border-style: solid;
     border-width: medium;
     border-color: #4b4b4b;
   }

.ctkpic {/*CTK Picture Box*/
  position: absolute;
    top: 495px;
    left: 161px;
    width: 313px;     
  padding : 2px;
  margin: 2px;
  }

.fillbar {/*Bottom Navigation Bar*/
    position: absolute;
    top:2740px;
    left: 165px;
    width: 976px;
    min-height: 100px;
    background: #12164b;
       }

.navbox {/*button-like box for the left-side navigation*/
   font-size: 30px;/*readability for the links*/
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
   background-color: #FFFFFF;
   border-color: #FFFFFF;/*or, in shorthand, the three*/
   padding: 1px;
   margin: 2px;
   }
   
P, OL, UL, DL {font-size: 13px;}
/*font-family is already defined, here I only set the font-size*/
P OL, P UL, P DL, OL UL {font-size: 13px;}
/*and here the I prevent the incredible shrinking text*/
        
  
a:link {color:#4b144b;}    /* unvisited link */
a:visited {color:#666666;} /* visited link */
a:hover {color:#77345d;}   /* mouse over link */
a:active {color:#312f76;}  /* selected link */

a.navfoot:link {
   color: #cccccc;
   background: transparent;
   text-decoration: none;
   }
a.navfoot:visited {
   color: #cccccc;
   background: transparent;
   text-decoration: none;
}
a.navfoot:hover {
  color: #ffffff;
  background: transparent;
  text-decoration: none;
}
a:navfoot:active {color:#4b4b4b; text-decoration: none;}


a.navhead:link {
   color: #ffea95;
   background: transparent;
   text-decoration: none;
   }
a.navhead:visited {
   color: #ffea95;
   background: transparent;
   text-decoration: none;
}
a.navhead:hover {
  color: #f4f07b;
  background: transparent;
  text-decoration: none;
}
a:navhead:active {color:#ffea95; text-decoration: none;}

ul
{
float: right;
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}

li
{
display:inline;
}

a.topnav:link, a.topnav:visited
{
font-weight:bold;
color:#000000;
background-color:#ffffff;
text-align:center;
padding:6px;
text-decoration: none;
text-transform: uppercase;
}
a.topnav:hover,a.topnav:active
{
background-color:#cccccc;
}


img.menu{ 
    float: left; 
    margin: 3px; 
}

img.menu2{ 
    float: right; 
    margin: 3px; 
}

img
{  border-style: none;
}


    

