body {
	background-color: #F0F8FF;
	margin-left: 10%;
	margin-right: 10%;
	scrollbar-base-color : #ffeef7;
	scrollbar-face-color : #ffeef7; 
	scrollbar-track-color: #ffeef7;
	scrollbar-arrow-color : #ffeef7; 
	scrollbar-3dlight-color: #CD0000;
	scrollbar-highlight-color : #CD0000; 
	scrollbar-shadow-color : #CD0000;
	scrollbar-darkshadow-color : #CD0000;
}
h1{
        background-image:url("top.html");
	background-repeat:no-repeat;
	background-position:left center;
	height: 320px;
	background-color: #FFFFFF;
	border: 5px solid #F596F5;
	color: #F57882;
        letter-spacing : +1px ;
	font-weight: bold;
	font-size: 80%;
	padding: 20 20 0 0; /* top right bottom left */
	text-align: right;
	width: 100%;
}
h2 {
        border-style: solid;
        border-color: #8E388E;
        border-width: 0 0 1 15;
        padding-left: 15px;
        font-weight: bold;
        font-size: 120%;
        color: #E60F46;
        letter-spacing: +2px ;
        text-align: left;
	width: 100%;
	margin:2% 2% 2% 0%;
}
.top1{
        border-style: solid;
        border-color: #CC0000;
        border-width: 0 0 1 15;
        padding-left: 15px;
        font-weight: bold;
        font-size: 120%;
        color: #E60F46;
        letter-spacing: +1px ;
        text-align: left;
	width: 100%;
}
.top2 {
       border-style: solid;
        border-color: #FFA500;
        border-width: 0 0 1 15;
        padding-left: 15px;
        font-weight: bold;
        font-size: 120%;
        color: #E60F46;
        letter-spacing: +2px ;
        text-align: left;
	width: 100%;
}
.top3 {
	border-style: solid;
        border-color: #FFD700;
        border-width: 0 0 1 15;
        padding-left: 15px;
        font-weight: bold;
        font-size: 120%;
        color: #E60F46;
        letter-spacing: +2px ;
        text-align: left;
	width: 100%;
}
h3{
	background-image:url("qpie.html");
	background-repeat:no-repeat;
	background-position:right center;
	height: 200px;
	background-color: #FFFFFF;
	border: 3px solid #CD0000;
	color: #F57882;
        letter-spacing : +2px ;
	font-weight: bold;
	font-size: 120%;
	padding: 10 20 0 10; /* top right bottom left */
	text-align: left;
	width: 100%;
}
h4{
	background-image:url("card.html");
	background-repeat:no-repeat;
	background-position:left center;
	height: 247px;
	background-color: #FFFFFF;
	border: 5px solid #CD0000;
	color: #F57882;
        letter-spacing : +1px ;
	font-weight: bold;
	font-size: 80%;
	padding: 20 20 0 0; /* top right bottom left */
	text-align: right;
	width: 100%;
}
P {
	margin:1% 0% 1% 3%; /* top right bottom left */
        border-style: solid;
        border-color: #87CEEB;
        border-width: 0 0 0 10;
        padding-left: 10px;
        font-size: 100%;
        color: #666666;
        letter-spacing: +1px ;
        text-align: left;
	 width: 100%;
}
div.text {
	margin:2% 0% 1% 5%; /* top right bottom left */
	text-align:left;
	font-size:100%;
	color:#EE0000;
	line-height:140%;
}
div.answer {
	margin:2% 0% 1% 5%; /* top right bottom left */
	text-align:left;
	font-size:100%;
	color:#8B008B;
	line-height:140%;
}
A:active { color: #CC0000 ; }
A:active { background-color: #FFFFFF ; }
A:hover { background-color: #FFFFFF ; }
A:hover { color: #F596F5 ; }
A { color: #F57882 ; }
A { text-decoration: none ; font-weight: bold ;}