/*
 * Cascading Style Sheet for prog0 Exercise 2004
 */

BODY {
	FONT-SIZE: medium; COLOR: black; 
	BACKGROUND: WHITE;
	background-image: url(img/kogara_1231L.gif);
	font-family: sans-serif;
}

a:link {    color: #dd0088; }
a:visited { color: #0033aa; }
a:hover {   color: DarkMagenta; }
a:active {  color: DarkGreen; }

TABLE{
	border: 1px solid green;
	border-collapse : collapse;
	padding: 5px;
	background-color: WHITE;
}
TH{
	border: 1px solid green;
	padding: 5px;
	text-align: center;	
}
TD{
	border: 1px solid green;
	padding: 4px;
}
TD.c{
	text-align: center;	
}


H1{
 	text-align: center;
 	color: BLACK;
 	background: WHITE;
 	border: none;
 	padding-top: 50px;
 	padding-bottom: 50px;
	border: 1px solid green;
}
H2{
	margin-top : 30px;
	margin-bottom : 3px;
        color: NAVY;
        background-color: LAVENDER;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 40px;
	border: solid 1px GREEN;
}
CODE { 
	color: indigo; 
	font-weight: bold;
	font-size: larger;
}

EM{
	color: RED;
	font-weight: bold;
	font-style: normal;
}
PRE { 
	color: #004000; 
	background: LightCyan;
	border: solid 1px NAVY;
	font-weight: bold;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: pre;
	font-size: larger;
}
.skel { 
	color: BLACK; 
	background: WHITE;
	border: solid 1px GREEN;
	font-weight: BOLD;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: pre;
}
KBD{
	color: RED;
}
VAR{
	color: BLUE;
	font-family: monospace; /* Netscape(WS) cannot recognize! */
	font-style: italic;
	font-weight: bold;
}
.footer{
        color: WHITE;
        background-color: darkslateblue;
        border-width: THIN;
        border-color: WHITE;
	width: 100%;
        text-align: right;
	font-weight: bold;
}
.basic { 
 	color: BLACK; 
 	background: lemonchiffon;
 	border: solid 1px WHITE;
 	padding-left: 4%;
 	padding-right: 4%;
 	padding-top: 10px;
 	padding-bottom: 10px;
}
.advance { 
 	color: BLACK; 
 	background: mistyrose;
 	border: solid 1px WHITE;
 	padding-left: 4%;
 	padding-right: 4%;
 	padding-top: 10px;
 	padding-bottom: 10px;
}
.bonus { 
 	color: BLACK; 
 	background: lightcyan;
 	border: solid 1px WHITE;
 	padding-left: 4%;
 	padding-right: 4%;
 	padding-top: 10px;
 	padding-bottom: 10px;
}
.chu { 
 	color: navy; 
 	background: palegoldenrod;
 	border: solid 1px purple;
 	padding-left: 3%;
 	padding-right: 3%;
 	padding-top: 15px;
 	padding-bottom: 15px;
}
.toi { 
 	color: Khaki; 
 	background: RoyalBlue;
 	border: solid 1px WHITE;
 	padding-left: 20px;
 	padding-right: 20px;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	font-weight: bold;
}
.section{
        color: WHITE;
        background-color: BLUE;
 	border: solid 1px WHITE;
 	padding-left: 40px;
 	padding-right: 40px;
 	padding-top: 15px;
 	padding-bottom: 15px;
}
.midasi{
	font-size: large;
	font-weight: bold;
 	background: palegoldenrod;
	border: ridge 2px red;
}
.att{
	font-size: large;
	font-weight: bold;
 	background: lavenderblush;
	border: ridge 2px red;
 	padding-left: 40px;
 	padding-right: 40px;
 	padding-top: 15px;
 	padding-bottom: 15px;
	text-align: center;
}
.att2{
	font-size: large;
	font-weight: bold;
 	background: lightcyan;
	border: ridge 2px blue;
 	padding-left: 40px;
 	padding-right: 40px;
 	padding-top: 15px;
 	padding-bottom: 15px;
	text-align: center;
}
.att3{
 	background: lightcyan;
	border: ridge 2px blue;
 	padding-left: 40px;
 	padding-right: 40px;
 	padding-top: 15px;
 	padding-bottom: 15px;
}