html				{ height:100%}
html,body 			{ margin:0;padding:0;}
body				{ text-align:left; min-width:500px; }
#flashvertical		{ position:absolute; top:50%; margin-top:-300px;/* half flash height*/ left:0; width:100%; }
#flashhoz 			{ width:960px; margin-left:auto; margin-right:auto; height:600px;  }
#spanish 			{ width:420px; height:540px; position: absolute; padding: 15px; margin-top: 15px; margin-left: 15px; 
					  border: 1pt solid #f4d990; }
#spanish-click 		{ width:450px; height:570px; position: absolute; margin-top: 15px; margin-left: 15px; }
#french 			{ width:420px; height:540px; position: absolute; padding: 15px; background-color: #FFFFFF; margin-top: 15px; margin-left: 495px; 
					  border: 1pt solid #f4d990;}
#french-click 		{ width:450px; height:570px; position: absolute; margin-top: 15px; margin-left: 495px; }
.title 				{ font-family: Times New Roman; font-size: 14pt; line-height: 14pt; color: #c23129; }
.text 				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 14pt; color: #666; }
.text-bold 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.7pt; line-height: 12.8pt; color: #808b1a; text-decoration: none; 
					  font-weight: bold; }
#spanish-images 	{ width:420px; height:75px; position: absolute; margin-top: 493px; margin-left: 30px; 
					  background-image: url(web/index/french-images.jpg); }
a.red:link			{ text-decoration: none; color: #c23129; }
a.red:visited		{ text-decoration: none; color: #c23129; }
a.red:active 		{ text-decoration: none; color: #c23129; }
a.red:hover 		{ text-decoration: none; color: #c23129; }
#french-images 		{ width:420px; height:75px; position: absolute; margin-top: 493px; margin-left: 510px; 
					  background-image: url(web/index/Spanish-images.jpg); }