/*This stylesheet is a product of MaKo - Orion HiTek, Inc. email: shark@mako4css.com */
/*It can be found at http://www.mako4css.com/  - CSS FAQ web site with tips, tricks and tutorials - and you are free to use and/or change it.*/
/*Nevertheless I would appreciate it if you give other people a chance to learn about CSS and the tutorial by leaving this note in the stylesheet*/

BODY {/*this is shorthand and declares the background color and calls the image */
      background: white;
      font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	   color : black;
      margin: 0px; /*margins are set to zero*/
      padding-top: 0px; /*for Opera6*/
      }
Table  {border-style: solid;
        border-width: 1px;
        border-spacing: 0px;
        border-collapse: collapse;
        border-color: black ;
        font-size: small;
      }
td { border-width: 1px; 
     border-style: none; 
     padding: 1px;
     -moz-border-radius: 0px;
     border-color: black ;
     text-align: right;
     font-size: small;
     padding: 4px ;

     }
th { border-width: 1px; 
     border-style: none; 
     padding: 1px;
     -moz-border-radius: 0px;
     border-color: black ;
     text-align: center;
        font-size: small;
     padding: 4px ;

     }
.CenterText  {
     text-align: center;
}
           
.PageHeader {	
    position: absolute;
    top:20px;
    margin-top: 10px;
    margin-left: 190px;
    color: white;
     } 
        
.Navigation {
    /*The navigation on the left side, positioned absolutely*/
    position: absolute;
    top:105px;
	 left:10px;
    width: 160px;
    padding: 100px 10px 10px 10px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to have the navigation elements better separated*/
    }
    
 #RightSide {
    position: absolute;
    top: 105px; 
    right:10px;
    width: 160px;
    padding: 100px 10px 10px 10px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    }
    

   
.Content {/*this is the main content area*/
	 
    background: transparent;/*declare a color together with a contrasting background color*/  
    color: black;/*to insure readability*/
    margin-left:185px; /*to position the content area to the right of the navigation*/
    margin-right: 185px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    max-width: 770px;/*readbility even on big screens*/
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    width: auto;
    border-style : none;
    }
 
  
.Content p {max-width: 650px;}    
    
.nav {
	background-color: transparent;
}

.box {/*this is a box where the bottom-navigation and the copyright will be placed*/
    background: aqua;      
	 color : black;
	 font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    padding : 2px;
    margin: 2px;
    border-color : #FF00FF;
	 border-style : solid;
	 border-width : 2px;
}

.navbox {/*some button-like boxes for the left-side navigation*/
    font-size: 15px;
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    background-color: transparent;
	 border-color: #f4f4f4;
	 border-style: solid;
	 border-width: 1px;
    padding: 1px;
    margin: 1px;
    width: 155px;
}



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*/
H1, H2, H3, H4, H5, H6 {font-family : Georgia, "MS Serif", "New York", serif;}
        
.six {font-size: 11px; color: #999999; background: transparent;}
.mit {text-align: justify;}
.red {color : #FF0000; background: #FFFFFF;}
.red_t {color : #FF0000; background: transparent; font-weight: 600; font-size:14px;}
.black_t {color : black; background: transparent; font-weight: 600; font-size:14px;}
.bluefont {color : blue; background: #FFFFFF;}
.mint {color: #009999; background: #FFFFFF;}
.ROT {font-size: 16px; color: #FF0000; font-weight: 600; background: #FFFFFF;}
    


/*now follow the section links in the navigation bar on the left side*/        
a.nav:link {color: black; text-decoration : none; font-weight: 400; font-size:12px; background-color: transparent; display:block;}
a.nav:visited {color: black; text-decoration : none;font-weight: 400; font-size:12px; background-color: transparent; display:block;}
a.nav:hover { color: #0000FF; text-decoration : none; font-weight: 400; font-size:12px; background-color: transparent; display:block;}
a.navtot {color: #CDCDCD; text-decoration: none; font-weight: 400; font-size: 12px; background-color: transparent;}/*the actual page*/



img.top {float: right; margin-right: -5px;}/*the 'back to the top' image*/ 

strong, b {font-weight: 800;}/*NN 4.xx needs that...*/ 
big {font-size: larger;}/*to emphasize words, use it inline with a <span> class*/ 
small {font-size: smaller;}/*not really necessary, but one never knows...use it inline with a <span> class*/



.rrand {float: right; padding-left: 7px;}
.lrand {float: left; padding-right: 7px;}

.oldbrowser {display: none;}

A IMG {border: 0.1px none #000000;} 

#navlist
{
    position: absolute;
    top: 115px; 
    left:175px;
    width: 125px;
}

#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: white;
background-color: transparent;
text-decoration: none;
font-weight: 600; 
font-size: 14px;
}

#navlist a:hover
{
color: #80FFFF;
background-color: transparent;
text-decoration: none;
font-weight: 600; 
font-size: 14px;
}



}
#active a:link, #active a:visited, #active a:hover
{
    padding: 3px 10px;   
    background-color: green;    
}