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

BODY{
	background-color: WHITE;
	font-family: sans-serif;
}
a:link { 
	color: darkmagenta;
	font-weight: bolder;
	border: solid 1px;
}
a:visited { 
	color: green; 
	font-weight: bold;
}

H1{
	text-align: center;
	color: white;
	background: royalblue;
	border: none;
	padding-left: 30%;
	padding-right: 30%;
	padding-top: 50px;
	padding-bottom: 50px;
}

H2 { 
	color: Yellow; 
	background: Navy;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

CODE { 
	font-family: "DejaVu Sans Mono";
	/* font-family: sans-serif; */
	color: indigo; 
	font-weight: bold;
	white-space: nowrap;
	font-size: larger;
}

EM{
	color: RED;
	font-weight: bold;
	font-style: normal;
	font-weight: bold;;
}
PRE { 
	font-family: "DejaVu Sans Mono";
	/* font-family: sans-serif; */
	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;
	line-height: 1.3;
	/* 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{
	font-family: "DejaVu Sans Mono";
	color: RED;
}
VAR{
	color: BLUE;
	font-family: "DejaVu Sans Mono";
	/* 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 DARKGOLDENROD;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
	line-height: 1.4;
}
.advance { 
	color: BLACK; 
	background: mistyrose;
	border: solid 1px DARKMAGENTA;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
	line-height: 1.4;
}
.bonus { 
	color: BLACK; 
	background: lightsteelblue;
	border: solid 1px BLUE;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
	line-height: 1.4;
}
.chu { 
	color: NAVY; 
	background: SILVER;
	border: solid 1px purple;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;   /* added */
	margin-bottom: 10px;   /* added */
	line-height: 1.4;
}
.chu2 { 
	background: #FDE9FC;
	border: solid 1px purple;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;   /* added */
	margin-bottom: 10px;   /* added */
	line-height: 1.4;
}.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;
	margin-top: 30px;   /* added */
	line-height: 1.4;
}
.notice{
	border: solid 5px ORANGE;
	width:  99%;
        height: 500px;
        margin-top:  10px;
        margin-bottom: 10px
	line-height: 1.4;
}
TD     {
	text-align: center;
}
.ba { 
 	background: lemonchiffon;
	border: solid 1px DARKGOLDENROD;
}
.ad { 
 	background: mistyrose;
	border: solid 1px DARKMAGENTA;
}
.bo { 
 	background: LightCyan;
	border: solid 1px BLUE;
}