@charset "UTF-8";
/* CSS Document */

body {
background-color:#4D4D4D;
font-family: "century gothic", arial, verdana;
font-size: 85%;
color: #ffffff;

}

html, body { 
height: 600px;
margin-bottom: 1px; }


#main {
width: 800px;
min-height: 100%; 
height: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 20px;


}

#header {
width: 800px;
margin-left: auto;
margin-right: auto;
background-image: url(/images/logo.jpg);
background-repeat: no-repeat;
float: left;
height: 100px;


}



#top-nav {
float: right;
margin-top: 50px;
}

#content {
min-height: 100%;
text-align: left;
border: thin solid #999999;
padding: 1em;

}

#left {
width: 50%;
float: left;
display: inline;

}

#right {
width: 50%;
float: right;
display: inline;

}

#left-emb {
width: 40%;
float: left;
display: inline;


}

#right-emb {
width: 60%;
float: right;
display: inline;
margin: 3em 0em 0em 0em;
text-align: left


}

#left-emb-cy {
width: 57%;
float: left;
display: inline;


}

#right-emb-cy {
width: 43%;
float: right;
display: inline;
margin: 3em 0em 0em 0em;
text-align: left


}

#left-emb-cv {
width: 50%;
float: left;
display: inline;


}

#right-emb-cv {
width: 50%;
float: right;
display: inline;
margin: 3em 0em 0em 0em;
text-align: left


}

h1 {
font-size: 120%;

}

h2 {
font-size: 110%;
text-align: left;

}


h3 {
font-size: 100%;
text-align: center;
}

#footer {
font-size: 60%;
color: #cccccc;
text-align: right;
}


/* INDEX */

#index-photo {
margin-left: auto;
margin-right: auto;
width: 600px;
text-align: center;

}

p.main-text {
margin-left: auto;
margin-right: auto;
width: 600px;
text-align: right;

}

/* IMAGES */

.e-img {
margin: 1em 0em 0em 1em;
border: thin solid #999999;
padding: 5px;
}


/*LINKS */

a:link, a:visited, a:active {
color: #cccccc;
text-decoration: none;
}

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

/*Footer Links */


a.footer:link, a:visited, a:active {
color: #cccccc;
text-decoration: none;

}

a.footer:hover {
color: #cccccc;
text-decoration: underline;

}

#boxes {
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: center;


}

.photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10 {
width: 150px;
height: 150px;

}

.side-l, .side-r {
width: 200px;

}

.sp-center {
width: 350px;
padding-left: 3px;
padding-right: 3px;
}

iframe{ margin-bottom: 7px; 

}