/*general layout*/
body {
  padding: 0px;
  margin: 0px;
  font-family: verdana, arial, sans-serif;

}
#logo {
  height: 110px;
  margin: 25px 220px;   
}
#center {
  width: auto;
  margin: 10px 240px;
  padding: .5em;
}
#left {
  position: absolute;
  top: 15px;
  left: 50px;
  width: 170px;
  padding: .5em;
}
#right {
  position: absolute;
  top: 150px;
  right: 20px;
  width: 170px;
}

/* left menu buttons*/ 
a#mission {
    display: block;
    width: 83px;
    height: 83px;
    background-image: url(mission.jpg);
    margin: 0 auto;
}
a#mission:hover {
    background-image: url(mission_1.jpg);
}
a .alt { display: "Mission" }

a#links {
    display: block;
    width: 83px;
    height: 83px;
    background-image: url(links.jpg);
    margin: 15 auto;
}
a#links:hover {
    background-image: url(links_1.jpg);
}
a .alt { display: "Links" }

a#whoiswho {
    display: block;
    width: 83px;
    height: 83px;
    background-image: url(whoiswho.jpg);
    margin: 15 auto;
}
a#whoiswho:hover {
    background-image: url(whoiswho_1.jpg);
}
a .alt { display: "People" }

a#contact {
    display: block;
    width: 83px;
    height: 83px;
    background-image: url(contact.jpg);
    margin: 15 auto;
}
a#contact:hover {
    background-image: url(contact_1.jpg);
}
a .alt { display: "Contact" }

a#about {
    display: block;
    width: 83px;
    height: 83px;
    background-image: url(about.jpg);
    margin: 15 auto;
}
a#about:hover {
    background-image: url(about_1.jpg);
}
a .alt { display: "About" }

a#download {
    display: block;
    width: 83px;
    height: 83px;
    background-image: url(download.jpg);
    margin: 15 auto;
}
a#download:hover {
    background-image: url(download_1.jpg);
}
a .alt { display: "Download" }

a#home {
    display: block;
    width: 83px;
    height: 83px;
    background-image: url(home.jpg);
    margin: 15 auto;
}
a#home:hover {
    background-image: url(home_1.jpg);
}
a .alt { display: "Home" }

img#mission {
    display: block;
    width: 83px;
    height: 83px;
    background-image: url(mission_1.jpg);
    margin: 15 auto;}
    
img#links {
    display: block;
    width: 83px;
    height: 83px;
    background-image: url(links_1.jpg);
    margin: 15 auto;}

img#whoiswho {
    display: block;
    width: 83px;
    height: 83px;
    margin: 15 auto;}

img#contact {
    display: block;
    width: 83px;
    height: 83px;
    margin: 15 auto;}
    
img#about {
    display: block;
    width: 83px;
    height: 83px;
    margin: 15 auto;}
 
img#download {
    display: block;
    width: 83px;
    height: 83px;
    margin: 15 auto;} 

img#home {
    display: block;
    width: 83px;
    height: 83px;
    margin: 15 auto;}  

/* paragraphs, classes, links, and headings*/

div { 
    margin-top: 1.5em;
}
h1 {
	font-size: 155%;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	color: #6495ED;
}
h2  {
    font-size: 100%; 
    font-family: verdana, arial, sans-serif;
    color: #6495ED;
}

.whoiswho {
    font-size: 130%;
    font-weight: bold;
    color: #6495ED;
}

p { 
    font-size: 70%; 
    font-family: verdana, arial, sans-serif;
    text-align: left;
    line-height: .45cm;
    color: #000000; 
}
a { 
    text-decoration: underline;
    font-size: 8pt;
    font-weight: bold; 
    font-family: verdana, arial, sans-serif;
    text-align: right;
    color: 	#191970;
}   
li {
    font-family: verdana, arial, sans-serif;
    font-size: 70%; 
    line-height: .45cm;
    color: #2455ED; 
}

.intext {
    font-size: 100%;
    font-weight: normal;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
    color: 	#808080;
}

.float1 {
    float: left;
    margin-right: 1em;
    margin-top: 0;
    margin-bottom: -.2em;
}
.float2 {
    float: right;
    margin-left: 1em;
}


/*right link to TFM contents by clicking the image -> image as link*/

a#current{
    display: block;
    width: 185px;
    height: 262px;
    background-image: url(issue5.jpg);
    margin: 0 auto;
}

a .alt { display: "Current Issue" }

a#intro{
    display: block;
    position: 50% 50%;
    width: 201px;
    height: 201px;
    background-image: url(intro_logo.jpg);
    margin: 0 auto;
}

a .alt { display: "Enter The Free Mind" }

/* who is who & other people images */

.person {
    position: relative;
    margin: 0px;
}

.right {
    position: relative;
    margin-right: 0px;
}