.textregular { font-family:Arial, sans-serif; font-size: 12.0pt; line-height:14.0pt; color:000000; }
.textregplus { font-family:Arial, sans-serif; font-size: 12.0pt; line-height:13.0pt; color:000000; }
.textmedium { font-family:Arial, sans-serif; font-size: 15.0pt; line-height:18.0pt; color:000000; }
.textlarge { font-family:Arial, sans-serif; font-size: 20.0pt; line-height:24.0pt; color:000000; }
.textverdana { font-family:Verdana; font-size:10pt; color:blue; }
.centerdiv { margin-left:25%; margin-right:25% }
.coverimg { width:240px;height:320px;border:24; }
div.center400 { width: 400px; display: block; margin-left: auto; margin-right: auto; }
body { background-color: "#cccccc"; background-image: url("backg30.gif"); }
#oval {	width: 200px; height: 75px; background: lightgray; -moz-border-radius: 75px / 50px; 
		-webkit-border-radius: 75px / 50px; border-radius: 75px / 50px; }
.csw_tall_button { cursor:pointer; font-size:18px; margin:0px; padding:4px 8px 4px 8px; vertical-align:middle;
		overflow: visible; color:#FFFFFF; background: #666666; border:1px #000000 solid;
		line-height: 2; -moz-box-shadow:2px 2px 2px #CCCCCC; -webkit-box-shadow:2px 2px 2px #CCCCCC; box-shadow:2px 2px 2px #CCCCCC; }
a { font-family:Arial, sans-serif; font-size: 12.0pt; line-height: 15.0pt; color: blue; }
#rectangle { width: 400px; height: 120px; background: silver; padding: 5px; }
#rectangle2 { width: 200px; height: 240px; background: silver; padding: 5px; }
#talkbubble100, #talkbubble150, #talkbubble200, #talkbubble250 { background: LightGray; position: relative;
	   -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; }
#talkbubble100:before, #talkbubble150:before, #talkbubble200:before, #talkbubble250:before { content:""; position: absolute;
	   width: 0; height: 0; left: 30px; border-top: 30px solid LightGray; border-right: 15px solid transparent; border-left: 15px solid transparent; }
#talkbubble100 { width: 100px; height: 50px; }
#talkbubble100:before { top: 60px; }
#talkbubble150  { width: 150px; height: 75px; }
#talkbubble150:before  { top: 80px; }
#talkbubble200  { width: 200px; height: 100px; }
#talkbubble200:before  { top: 105px; }
#talkbubble250 { width: 250px; height: 125px; }
#talkbubble250:before { top: 130px; }

@media
only screen and (max-width: 760px),
	(min-device-width: 0px)
	and (max-device-width: 1024px) {
	
	.centerdiv { margin-left:5%; margin-right:5% }
	.textregular { font-size: 24.0pt; line-height: 28.0pt; }
	.textregplus { font-size: 24.0pt; line-height: 26.0pt; }
	.textmedium { font-size: 30.0pt; line-height: 36.0pt; }
	.textlarge { font-size: 40.0pt; line-height: 48.0pt; }
	.textverdana { font-size: 24.0pt; line-height: 30.0pt; }
	#oval {	width: 400px; height: 150px; background: lightgray; -moz-border-radius: 150px / 50px; 
		-webkit-border-radius: 150px / 50px; border-radius: 150px / 50px; }
	.csw_tall_button { font-size:36px; }
	a { font-size: 24.0pt; line-height: 30.0pt; }
	#talkbubble100 { width: 200px; height: 100px; }
	#talkbubble100:before { top: 110px; }
	#talkbubble150  { width: 300px; height: 150px; }
	#talkbubble150:before  { top: 160px; }
	#talkbubble200  { width: 400px; height: 200px; }
	#talkbubble200:before  { top: 210px; }
	#talkbubble250 { width: 500px; height: 250px; }
	#talkbubble250:before { top: 260px; }
	#rectangle { width: 800px; height: 240px; background: silver; padding: 5px; }
	#rectangle2 { width: 400px; height: 480px; background: silver; padding: 5px; }

}