/*Setting up the basics*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}



Body
{background-color: #99CCCC;
background-repeat: repeat;
text-align:center;
font-family:Arial, Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
p {
padding: 10px;
font-size: 10px;
}

#main { 
   width: 100%;
   margin-left:20px;
   float:left;
   font-family: verdana;
   margin-bottom:20px;
   }

#mains { 
   width: 575px;
   margin-left: 0px;
   float:left;
   font-family: verdana;
   }

p.smaller{float:left;
          font-size:10pt;
          font-family:verdana;
          color:black;
          font-weight:bold;
          }

div.pic {width:63px;
      height:125px;
      float:left;
      margin-top:25px;
      margin-left:0em;
      }
div.pic p{ float: left;
  margin-top:-15px;
  font-size: 65%;
  text-indent: 0;
}

#info {width:275px;
       height:100px;
       text-indent:5px;
        float:left;
         margin-top:35px;
        font-family:verdana;
        font-size:84%;
       margin-left:15px;
}
div.button {width:175px;
         margin-top:25px;
         height:100px;
          float:left;
         margin-left:0px; 
          }
div.button p { margin-left:10px;
  font-style: normal;
  color:#FF0000;
  font-size: 90%;
  text-indent: 0;
   }
/*Structure*/
#wrapper{
width:800px;
background-color:#FFFFFF;
margin:10px auto;
text-align: left;
border: thin double rgb(0,0,0);
}

#banner{
width:100%;
Height:20%;
}

img.head {float:left;
          border:0px;
          margin-left: 30px;
}

#spot {
  width: 100%;
  height:20px;
  float: left;
}

#banner a:hover {
           float:left; 
         }

#nav{width:100%;
}
#nav ul{
padding: 5px 10px 10px 100px;
margin: 0px 5px 0px 50px;
background-color:#FFFFFF;
}
#nav ul li{
display:inline;
padding: 0;
margin: 0;
}
#nav ul li a{
color: #FFFFFF;
background-color:#6293c4;
text-decoration: none;
padding: 0 15px 0 15px;
border-right: 2px solid #000000;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
text-align: center;
font-weight: bold;
width: 9em;
font-size:84%;
}

#nav ul li a:hover, #nav ul li a:focus{
text-decoration:underline;
color:black;
} 

#chat {
  width: 100px;
  height:25px;
  float: right;
  margin-left: 0px;

}

#update {width: 788px;
         height: 30px;
       float:left;
       text-align:center; 
       font-size:110%;
       margin-top:0px;
       margin-bottom:0px;
        }

#updates {width: 800px;
         height:30px;
       float:left;
       text-align:center; 
       font-size:110%;
       margin-top:-28px;
       margin-bottom:-28px;
       color:green;
        }

p.headers {width:20%;
          font-family:verdana;
          color:black;
          font-weight:bold;
          font-size:100%;
          text-align:center;
          }

p.direct {width:90%;
          font-family:verdana;
          color:black;
          font-weight:bold;
          font-size:90%;
          text-align:center;}

p.direct a{color:black;
          text-decoration:underline;
          width:100%;
          font-family:verdana;
          color:black;
          font-weight:bold;
          font-size:90%;
          text-align:center;}
p.direct a:hover {color:blue;
                  text-decoration: underline;}
p.directed {width:100%;
          font-family:verdana;
          color:black;
          font-weight:bold;
          font-size:70%;
          text-align:left;}

p.directed a{color:black;
          text-decoration:none;
          width:50%;
          font-family:verdana;
          color:black;
          font-weight:bold;
          font-size:100%;
          text-align:center;}
p.directed a:hover {color:blue;
                  text-decoration: underline;}

img.headers{float:left;
          font-size:84%;
          font-family:verdana;
          color:black;
          font-weight:bold;
          }
img.head{float:left;
          font-size:84%;
          font-family:verdana;
          color:black;
          font-weight:bold;
          }
p.headerz {text-align:center;
          font-size:70%;
          font-family:verdana;
          color:black;
          font-weight:bold;
          width:400px;
          margin-left:175px;
          }

form.header {text-align:center;
          font-size:84%;
          font-family:verdana;
          color:black;
          font-weight:bold;}
#content {
 margin-right: 2px;

}


#left {
  width: 100px;
  float: left;
margin-left: 10px;
}
#sidebar {
  width: 525px;
  float:left;
  margin-left: 10px;
  margin-top:10px; 
  height:325px;
}

#feature {
  width: 63px;
  float:left;
  margin-left:10px;
  margin-top:0px; 
  margin-bottom:10px;
  height:128px;
}

#top {
  width: 100px;
  height:100%;
  float:left;
  margin-left:10px; 
  margin-top:-10px;
}
#head {
  width: 200px;
  float:left;
  margin-left:0px;
  margin-top:0px; 
  height:100%; 
  border-bottom: thin solid rgb(0,0,0);
  padding-left:0.1cm;
  padding-right:0.1cm;
  padding-top:0.1cm;
  padding-bottom:0.1cm;
}
#heado {
  width: 200px;
  float:left;
  margin-left:0px;
  margin-top:0px; 
  height:100%; 
}
#headnews {
  width: 195px;
  float:left;
  margin-left:0px;
  margin-top:0px; 
  height:100%;
}

h3 {
    text-decoration:underline;}


h1 {
	margin-top: 0;
}
.last {
	margin-bottom: 0;
}
.clearing{
     height: 0;
     clear:both;}




.menu{
width:102px;
height:102px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu a{
display:block;
width:102px;
height:51px;
background: url(images1/eimap2.gif) no-repeat top left;
}


.menu a:hover {
           background-position: bottom left;
         }
         
.menu1{
width:102px;
height:102px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu1 a{
display:block;
width:102px;
height:51px;
background: url(images1/ehmap2.gif) no-repeat top left;
}


.menu1 a:hover {
           background-position: bottom left;
         }     


         
.menu2{
width:102px;
height:102px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu2 a{
display:block;
width:102px;
height:51px;
background: url(images1/gtmap2.gif) no-repeat top left;
}


.menu2 a:hover {
           background-position: bottom left;
         }     

         
.menu3{
width:102px;
height:102px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu3 a{
display:block;
width:102px;
height:51px;
background: url(images1/jjmap2.gif) no-repeat top left;
}


.menu3 a:hover {
           background-position: bottom left;
         } 

.menu4{
width:102px;
height:102px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu4 a{
display:block;
width:102px;
height:51px;
background: url(images1/tsmap2.gif) no-repeat top left;
}


.menu4 a:hover {
           background-position: bottom left;
         }  
    
.menu5{
width:102px;
height:102px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu5 a{
display:block;
width:102px;
height:51px;
background: url(images1/tadmap2.gif) no-repeat top left;
}


.menu5 a:hover {
           background-position: bottom left;
         }  
    
.menu6{
width:102px;
height:102px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu6 a{
display:block;
width:102px;
height:51px;
background: url(images1/svetmap2.gif) no-repeat top left;
}


.menu6 a:hover {
           background-position: bottom left;
         }  
.menu7{
width:102px;
height:102px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu7 a{
display:block;
width:102px;
height:51px;
background: url(images1/sovtekmap2.gif) no-repeat top left;
}


.menu7 a:hover {
           background-position: bottom left;
         }  
.menu8{
width:102px;
height:102px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu8 a{
display:block;
width:102px;
height:51px;
background: url(images1/sedmap2.gif) no-repeat top left;
}


.menu8 a:hover {
           background-position: bottom left;
         }  
.menu9{
width:102px;
height:102px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu9 a{
display:block;
width:102px;
height:51px;
background: url(images1/pentamap2.gif) no-repeat top left;
}


.menu9 a:hover {
           background-position: bottom left;
         } 
 .menu10{
width:102px;
height:102px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu10 a{
display:block;
width:102px;
height:51px;
background: url(images1/mullardmap2.gif) no-repeat top left;
}


.menu10 a:hover {
           background-position: bottom left;
         } 
  .menu11{
width:102px;
height:102px;
float:left;
text-align:center;
margin-top:13px;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu11 a{
display:block;
width:102px;
height:41px;
background: url(images1/rubymap2.gif) no-repeat top left;
}


.menu11 a:hover {
           background-position: bottom left;
         } 

.menu12{
width:112px;
height:46px;
float:left;
text-align:center;
margin-top:13px;
font-size:84%;
font-weight:bold;
font-family: verdana;
}


.menu12 a{
display:block;
width:112px;
height:46px;
background: url(images1/manley3.gif) no-repeat top left;
}


.menu12 a:hover {
           background-position: bottom right;
         } 

.menu13{
width:97px;
height:62px;
float:left;
text-align:center;
margin-left:10px;
font-size:84%;
font-weight:bold;
font-family: verdana;
}

.menu13 a{
display:block;
width:97px;
height:67px;
background: url(images1/homelogo2.gif) no-repeat top left;
}

.menu14{
width:85px;
height:69px;
float:left;
text-align:center;
font-size:84%;
font-weight:bold;
font-family: verdana;
}

.menu14 a{
display:block;
width:85px;
height:69px;
background: url(images1/smallwest2.gif) no-repeat top left;
}

.menu15{
width:275px;
height:100px;
float:left;
text-align:left;
font-size:84%;
font-weight:bold;
font-family: verdana;
}



#footer{width:100%;
}
#footer ul{
padding: 10px 15px 10px 35px;
margin: 0px 5px 5px 5px;
background-color:#FFFFFF;
margin-left:90px;
}
#footer ul li{
display: inline;
padding: 0;
margin: 0;
}
#footer ul li a{
color: #FFFFFF;
background-color:#6293c4;
text-decoration: none;
padding: 0 25px 0 25px;
border-right: 2px solid #000000;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
text-align: center;
font-weight: bold;
width: 9em;
font-size:84%;
}

#footer ul li a:hover, #nav ul li a:focus{
text-decoration:underline;
color:#000000;
}

ul.block{
        margin: 1px 0;
	padding: 0;
	width: 100px;
}
.block li { 
         background-color:#C0C0C0;
         list-style: none;
}
.block li a {
         color: #000000;
         display: block;
         text-decoration: none;
         font-size:70%;
         line-height: 2em;
         font-weight: bold;
         border-bottom: 2px solid #000000;
         border-right: 2px solid #000000;
         border-top: 2px solid #000000;
         border-left: 2px solid #000000;
         text-align:center;
         font-family:verdana;
}
.block li a:hover {
	background-color:#C0C0C0;
        text-decoration: underline;
}
        
             

ul.blockz{
        margin: 1px 0;
	padding: 0;
	width: 150px;
}
.blockz li { 
         background-color:#FFFFFF;
         list-style: none;
}
.blockz li a {
         color: #000000;
         display: block;
         text-decoration: none;
         font-size:70%;
         line-height: 2em;
         font-weight: bold;
         text-align:left;
         font-family:verdana;
}
.blockz li a:hover {
	background-color:#FFFFFF;
        text-decoration: underline;
        color:blue;
}


ul.blockzz{
        margin: 1px 0;
	padding: 0;
	width: 150px;
}
.blockzz li { 
         background-color:#FFFFFF;
         list-style: none;
}
.blockzz li a {
         color: #000000;
         display: block;
         text-decoration: none;
         font-size:75%;
         line-height: 2em;
         font-weight: bold;
         text-align:left;
         font-family:verdana;
}
.blockzz li a:hover {
	background-color:#FFFFFF;
        text-decoration: underline;
        color:blue;
}



         
img{float:right;
    margin: 0px 0px 15px 20px;
    border: 1px solid black;
    }
         
        
.box { border: 1px solid #000;
       margin: 2em;
       width: 5em;
       padding: 5px;
}


p.control {font-size:10px;}

p.controlling {font-size:10px;}

p.controls {font-size:11px;
            font-weight:bold;
            margin-top:0px;}


#subtext {text-align: center;
          margin: 0px 0px 0px 2px;
          font-weight: bold;
          font-size: 11px;
          color:#FF0000;}
          
img.links {float:left;
         
            }
 
#rollover a {display:block; width:32px; background-color:#FFFFFF;}
#rollover a:hover {background-color: #990000;}
img.split {background: repeat-y;}

h4 {font-weight: bold;
     font-size:95%;
     text-decoration:underline;}

ol {
 width: 40em;}
ol li
   { float:left;
     list-style-type:none;
     font-family:verdana;
     line-height:1.0em;
     font-size: 84%;
     }
br
  {clear:left;}

div.title {margin-left: 23.5em;
           margin-right:10em;
           margin-bottom:0.5em;}


h3 { font-size:14px;
     font-family:verdana;
     font-weight:bold;
    }

div.wrappers{
 margin-left: 8em;
 margin-bottom: 1em;
 margin-right: 1em;
  }

ol li a {
   display:block;
   width: 8.5em;
   color:#000000;
   margin-left: 3.0em;
   text-decoration: none;
   margin-top: 0.5em;
}
ol li a:hover
{ color:blue;
  text-decoration: underline;
}




h5.bread {margin-left:145px;}

h5.bread a{color:black;
            text-decoration:underline;}
h5.bread a:hover {color:blue;
                  text-decoration: underline;}

#list {width: 140px;
       float:left;
       margin-top:10px;}

#lists {width: 160px;
       float:left;
       margin-top:10px;}

#lists1 {width: 150px;
         margin-top:10px;
       float:left;}
 
#lists2 {width: 150px;
         margin-top:10px;
       float:left;}
                 


#kist {width: 120px;
       height: 130px;
       float:left;
       margin-top:10px;
        }

#kists {width: 130px;
        height:130px;
       float:left;
       margin-top:10px;}

#kists1 {width: 100px;
         height:130px;
         margin-top:10px;
       float:left;}
#content {
     background: #FFFFFF; 
     border-style-solid;
}

.clearing{
     height: 0;
     clear:both;}
 
#kists2 {width: 100px;
         height:130px;
         margin-top:10px;
         float:left;}

#end{width:800px;
     margin-left:400px;}

#mainz {width:600px;
        margin-left:150px;
}
#mainzindex {width:600px;
        height:200px;
        margin-left:150px;
}
   

        }
#mainzz {width:600px;
        float:left;
         margin-bottom:20px;
        }
#container { 
	width: 800px; 
	background: #FFFFFF;
        float: left;
        font-size:90%; 
}
p.comment{font-size:84%;
          font-family:verdana;
          letter-spacing:0px;}
img.set {float:right;
         border-style:solid;
         }

#space{width:100%;
       height:100%;
       float:left;
       margin-top:-20px;}
#whole{width:200px;
       height:100%;
       float:left;
       border: thin solid rgb(0,0,0);
         padding-left:0.0cm;
         padding-right:0.1cm;
         padding-top:0.1cm;
         padding-bottom:0.1cm;
         margin-left:30px;
         margin-top:0px;}
#wholer{width:200px;
       height:100%;
       float:left;
       border: thin solid rgb(0,0,0);
         padding-left:0.0cm;
         padding-right:0.1cm;
         padding-top:0.1cm;
         padding-bottom:0.1cm;
         margin-top:0px;
         margin-left:20px;}
#wholes{width:200px;
        height:100%;
        float:left;
         padding-left:0.0cm;
         padding-right:0.1cm;
         padding-top:0.1cm;
         padding-bottom:0.1cm;
         margin-top:5px;}
#wholess{width:200px;
       height:100%;
       float:left;
         padding-left:0.0cm;
         padding-right:0.0cm;
         padding-top:0.1cm;
         padding-bottom:0.0cm;
         margin-top:-40px;}
img.lefty{float:left;
          margin: 0px 0px 15px 20px;
          border: 1px solid black;
          margin-left:0px;
    }