html {
  font-size: x-large;
}
body {

  background: #fff;
  margin-left: 4.0rem;
  margin-right: 4.0rem;
}

@media (max-width: 960px) {
  html { font-size: large; }
}

@media (max-width: 480px) {
  html { font-size: medium; }
  body { margin:0 1%; }
}


#Content {
	margin:0 3rem 0 18rem;
	padding-top:2.5rem;
   width:auto;
	}

#Menu {
	position:absolute;
	top:5rem;
	left:1.2rem;
	width:15rem;
	padding:0.7rem;
	line-height:1rem;
}






p {
  text-align: justify;
  font-family: georgia,"times new roman",times,serif; 
  font-size: 0.65rem;
  color: #333;
}

p.bold{
	font-weight:bold;
}

p.center{
	text-align:center;
}

p.small{
	font-size:0.55rem; 
	margin:0px;
	text-align:center;
}

p.quote{
	font-family:"Courier New", monospace;
	font-size:0.65rem; 
	margin:1rem 0;
}


a {
  color: #00f; /* blue */
  text-decoration: none;
font-weight:bold;
}

a:hover {
  color: #f00; /* red */
}

a.small {
	color:#000;
	font-size: 0.55rem; 
	text-decoration:none;
	}

img {
	border-style:solid;
	border-color:black;
	border-width:2px;
	}

img:hover {
	border-color:red;
	}

img.nn{
	border:0px;
}

.title {
  text-align: center;
  text-shadow: .1rem .1rem .2rem #aaa;
  border-bottom: solid thin #00F; /* blue */
  font-family: "Lucida Sans Unicode", Gentium, "Arial Unicode MS", "Times New Roman", serif;
  font-size: 1.1rem; 
  color: #00f; /* blue */
  margin-left: 0;
  margin-right: 0;
}

input {
	color:#000;
	text-align:center;
	font-size:0.8rem;
	font-family:"Courier New", monospace;
	font-weight:bold;
	}

input.vowel, input.dipth,  input.stress {
	/*background-color:#eee;*/
	font-family: "Lucida Sans Unicode", Gentium, "Arial Unicode MS", "Times New Roman", serif;
	text-align:center;
	font-size:0.65rem;
	font-weight:normal;
	padding:0px 0px 4px 0px;
	margin:2px 0px;
}

input.vowel{
	width:1.5rem;/*24px*/
}

input.dipth{
	width:2.08rem; /*33pt;*/
}

input.stress{
	width:0.93rem; /*15pt;*/
}

input.buact {
	color:#000;
	width:4.42rem;
	padding:0px;
	margin: 0px;
	/*background-color: #fff;*/
	}

input.bust {
	color:#000;
	width:5em;
	padding-top:2px;
	margin: 0px;
	}

input.bumain {
	color:#000;
	width:4.08em;
	padding:0px;
	margin:3px 0px 0px 0px;
	}


input.res{
	font-family:"Lucida Sans Unicode", "Arial Unicode MS", Gentium, times, serif;
	font-weight:bold; 
	font-size:18pt; 
	margin-bottom:15px;
	}

textarea.resvew{
	font-family:"Lucida Sans Unicode", "Arial Unicode MS", Gentium, times, serif;
	/*font-weight:bold; */
	font-size:0.8rem; 
	margin-bottom: 3rem;
   border-radius: .5rem;
	border: 1px solid #4a4;
   width: 17.5rem;
	/*background-color:#fdd;*/

	}



div.typewriter{
  box-shadow: 1rem 1rem 2rem 1rem #aaa;
  background-color: #fff;
  border: thin solid #00f;
  border-radius: .5rem;
  padding: 0.5em 5%;
  line-height: 1.1rem;
width:15rem;
	text-align:center;
}

div.butt{
	text-align:center;
	padding:3px;

}
#formcontent{
	visibility:hidden;
	position:absolute;
}

#view{
	border: 0px solid #000;
	padding:0px;
	text-align:center;
}



#wordNot, #wordIE, #webNot, #webIE, #start{
	position:absolute;
	top:0%;
	visibility:hidden;
}

#start{
	visibility:visible;
}

#No{
	visibility:hidden;
	position:absolute;
	top:0%;
	z-index:1;
}

div.Help{
	margin-left:2rem;
	margin-right:2rem;
}

div.HelpHead{
	text-align:justify;
}

div.HelpBody{
	text-align:justify;
	/*background-color:#fdd;*/
	border: 1px solid #eee;
	padding:20px;

}
div.HelpBottom{
	text-align:center;
}

div.HelpMail{
	text-align:center;
}



hr{
border: 1px solid #00F;;
}

#Bottom{
	margin-top:5px;
z-index:1;
}
.symbol{
	font-family: "Lucida Sans Unicode", Gentium, "Arial Unicode MS", "Times New Roman", serif;
	font-size:0.65rem; 
	color:#00f;
	font-weight:bold;
	}


address{
  font-size: .8rem;
  font-weight: bold;
  font-style: normal;
  text-align:center;
}

address img{
  padding-top:1rem;
  position: relative;
}

address span{
  top:-10px;
  position: relative;
}