body					{ background: #000; overflow: hidden}
body, html				{ font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a6a7a9; line-height:23px; text-align: center; } 

strong					{ font-weight:bold; }

#javascript-warning		{ display:none; font-size:18px; width:100%; margin-top:35px; text-align:center; }

a						{ color:#2E87C2; }




input						{ font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a6a7a9; }
input:focus				{ }


/*------ styles ------*/
.clear-both				{ clear:both; }

.faq-question a			{ color:#4f96ce; } 
.dark					{ color:#58585a; }
h2						{ color:#4f96ce; }
h3						{ color:#58585a; }

.h1						{ font-family:Gotham Rounded; color:#58595b; font-size:36px; line-height:40px; }
.h2						{ font-family:Gotham Rounded; color:#58595b; font-size:60px; line-height:60px; }
.h3						{ font-family:Gotham Rounded; color:#4f96ce; font-size:16px; line-height:18px; }

em						{ font-style:italic; }

li						{ list-style-type:disc; margin-left:20px; }

p						{ margin-bottom:25px; }

.red					{ color:red; font-size:12px; line-height:normal; }
.green					{ color:green; }
.blue					{ color:#4f96ce; }

.box {
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 0px 0px 10px #c7c7c7; /* Firefox */
  -webkit-box-shadow: 0px 0px 10px #c7c7c7; /* Safari and Chrome */
  box-shadow: 0px 0px 10px #c7c7c7; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  margin-top:10px;
  margin-bottom:10px;
  overflow:hidden;
}

.content3 {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  
  -moz-box-shadow: inset 0 0 20px #888;
-webkit-box-shadow: inset 0 0 20px#888;
box-shadow: inner 0 0 20px #888;

  margin-top:10px;
  margin-bottom:10px;
  overflow:hidden;
  
  background:#ffffff
  
}


/* Start button effects */

/* Tutorial button with jQuery */
.otherbutton {
	clear: both;
	display:block;
	height: 64px;
	width: 266px;
	background:url(../images/tospeech.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.otherbutton span.hover {
	display: block;
	height: 64px;
	width: 266px;
	background: url(../images/tospeech.png) no-repeat;
	background-position: bottom;
}