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

html, address, blockquote, body, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, img, li, ol, p, pre, span, table, ul, embed {
				margin: 0px;
				padding: 0px; 
}

/*layout -------------------------------------------------------------------------*/

body {
font-family: "Times New Roman", Times, serif;
font-size: 100.01%;
}
#container  {
margin-top: 5px;
margin-right: auto;/* the auto margins (in conjunction with a width) center the page */
margin-bottom: 5px;
margin-left: auto;
text-align: left;
background-color: #e4b749;
border: 1px solid #FFF;
font-size: 1em;
width: 780px;
}

#header {
position: relative;
left: 0px;
top: 0px;
}
#clouds {
position: absolute;
height: 206px;
width: 778px;
}

#header h1 {
				text-indent: -1000em;
height: 206px;
width: 779px;
background-image: url(01files/ImgHeader.jpg);
}


#map     {
position: fixed;
left: 2px;
top: 2px;
background-color: #000;
padding: 5px;
border: 1px solid #FFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: .8em;
color: #FFF;
}
#sideBar1    {
float: left;
margin-right: 20px;
}
#sideBar1 ul  {
list-style-type: none;
margin-top: 30px;
margin-bottom: 20px;
margin-left: 30px;
}
#sideBar1 ul li    {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
padding-top: 0.9em;
padding-bottom: 0.2em;
}
#sideBar1 ul li img      {
margin-right: 5px;
}
#sideBar1 span    {
visibility: hidden;
position: absolute;
border: 1px solid #FFF;
left: 2px;
top: 2px;
background-image: url(01files/ImgTut2.jpg);
z-index: 10;
width: 250px;
padding-top: 190px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-family: "Courier New", Courier, monospace;
font-style: normal;
color: #FFF;
}
#sideBar1 a:hover span, a:focus span {
visibility:visible;
}
#sideBar2    {
float: right;
padding-top: 100px;
padding-right: 10px;
font-size: 1.2em;
text-align: center;
}
#sideBar2 #sect1 embed    {
border: 1px solid #000;
height: 30px;
width: 170px;
margin-top: 10px;
}
#sideBar2 #sect2    {
margin-top: 50px;
}
#sideBar2 #sect3    {
margin-top: 60px;
margin-bottom: 400px;
}
#footer    {
border-top-width: 5px;
border-top-style: solid;
border-top-color: #930;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-size: 0.7em;
}
#footer   img  {
margin-right: 3px;
margin-left: 10px;
}
#mainContent1  {
margin-left: 190px;
}
#mainContent2  {}
#case{
margin-left: 120px;
position: relative;
left: 0px;
top: 0px;
margin-top: 20px;
}
#bookCd {
margin-top: 30px;
margin-bottom: 30px;
}
#clock {
position: absolute;
top: 10px;
right: 10px;
}


p {
font-size: 1.2em;
line-height: 1.2;
text-align: justify;
margin-bottom: 20px;
}
p.firstLetter:first-letter    {
font-size: 1.7em;
margin-left: 40px;
}


span {
font-style: italic;
}
em {
font-style: italic;
}

strong {
font-weight: normal;
}


a:link, a:visited {
color: #00F;
text-decoration: none;
}

a:hover, a:focus {
color: #F00;
}


img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}


.clearFloat {
clear: both;
font-size: 1px;
line-height: 0px;
height: 0px;
}

#cdCover {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
margin-left: 65px;
margin-bottom: 20px;
margin-top: 65px;
}





#ToTheTop {
font-size: 0.9em;
background-color: #FFF;
border: 1px solid #000;
margin-right: auto;
margin-left: auto;
width: 25%;
text-align: center;
margin-bottom: 20px;
padding: 5px;
margin-top: 20px;
}  
embed.vid {
border: 1px solid #000;
margin-bottom: 20px;
margin-top: 70px;
margin-left: 60px;
}