/* CSS Document */

body {
	background: #fff8dc; 
	color:#000066;
	 text-align:left;
	max-width: 850px;
	margin-left: 40px;
	margin-right: 40px;
	font-size:small;
	font-family: verdana,arial,serif;
	}

a, a:visited, a:active {
	font-size:small;
	font-weight:normal;
	font-family: verdana,arial,serif;
	background: transparent; 
	color:#990000;
	text-decoration:none;
	border-bottom:none;
	}

a.img:hover {
	background: transparent;
	color: #ff0000;
	text-decoration: none; 
	border-bottom:none;	
	font-size: small;
	font-family: verdana,arial,serif;
	}

a:hover {
	background: transparent; 
	color:#ff0000;
	font-size:small;
	font-weight:bold;
	font-family: verdana,arial,serif;
	text-decoration:none;
	border-bottom:1px dotted;
	}

pre, .pre {
	background:#deb887; 
	color:#006400;
	width: 400px;
	font-size:small; 
	font-family:serif; 
	font-weight:normal; 
	border-color:#dcdcdc; 
	border-style:outset; 
	border-width:thin; 
	}

.question {
	background: transparent; 
	color: #990000;
	display:block;
	font-size:small;
	font-family:georgia,helvetica,serif;
	font-weight:bold;
	}
.answer {
	display:none;
	background: #ffdead;
	color: #000066;
	font-size:small;
	font-family:georgia,helvetica,serif;
	border-color:#dcdcdc; 
	border-style:inset; 
	border-width:thin; 
}

.TEXTBOX { 
	background:#8b0000;
	color: #fff8dc; 
	font-size: small; 
	text-decoration: none;
	}

input, select, textarea {
	background:#8b0000;
	color: #ffcc33;
	font-weight: bold;
	}

.container {
	display:block;
	}

div.container {
	text-align: left;
	}

div.text {
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* overrule inheritance */
	}

.footnote {
	font-size: 70%
	}  /* class as selector */

#abc123 {
	color: lime; 
	background: #000000;
	}

#wdg97 { 
	font-size: larger 
	}

P.name1 {
	background: transparent; 	
	color: red;
	} /* one class of P selector */
P.name2 {
	background: transparent; 
	color: blue;
	} /* another class of P selector */
.name3 {
	background: transparent; 
	color: green;
	} /* can be attached to any element */ 

P.initial:first-line {
	text-transform: uppercase;
	}

P.initial:first-letter { 
	font-size: 150%; 
	background: transparent; 
	color: red;
	}

.punk     { 
	color: lime; 
	background: #ff80c0;
	}

P.warning { 
	font-weight: bolder; 
	color: #ff0000; 
	background: #ffffff;
	}

P.head { 
	font-weight: bold; 
	font-size: small; 
	color: #0000ff;
	background: #fff8dc; 
	}

P.next {
	font-weight: bolder; 
	border: ridge 4px; 
	background: #fff8dc;
	color: #8b0000; 
	}

P.title {
	font-weight: bolder; 
	font-size: medium;
	border: ridge 2px; 
	background: #ffdead;
	color: #ff0000; 
	}

P.content {
	font-weight: normal; 
	font-size: medium;
	background: #fff8dc;
	color: #000066; 
	}

A.foot:link {
	background: #000000; 
	color: #ffffff;
	}

A.foot:active {
	background: #000000; 
	color: #ff0000;
	}

A.foot:visited {
	background: #fff8dc; 
	color: #000000;
	}

#svp94O { 
	text-indent: 5%;
	}

#Dbutton1 {
	background:blue;
	color:white;
	}

#Dbutton2 {
	background:red;
	color:blue;
	}

#Dbutton3 {
	background:white;
	color:red;
	}

.Aclass	{
	background:#FFFFCC;
	color:blue;
	}

h2.x {
	position:absolute;
	left:100px;
	}

h2.ex1{
     position:relative;
     left:20px; 
     }

h2.ex2 {
     position:relative;
     left:-20px;
     }

h2.ex3 {
    position:relative;
    left:10px;
    }