html, body { background:url(../image1.jpg);background-attachment:fixed; margin:0; padding:0 10px 0 10px; border:0; font-family:Verdana, sans-serif; font-size:8pt; color:#0000ff; 	letter-spacing:1px;display:block; }

.bold {font-size:14px; font-weight:bold;}
.clear {clear:both; height:1px;}
.h2 {display:block;font-size:15pt;text-align:center;padding:5px 5px 5px 5px;}
.h4 {font-size:40px; color:rgb(250,111,0); margin-bottom:5px; border-bottom:1px solid #000; letter-spacing:1px; font-weight:bold;}
.text {padding:15px 15px 15px 15px;  margin-left:5px; text-align:justify; color:#0000ff;}

a, a:link, a:hover, a:active, a:visited {font-weight:bold;text-decoration:none;}
a:visited {color:#00008f;}


#menu {position:absolute; display:block; top:9em; left:1%; width:20%;color:#0000ff;  z-index:20; border: 2px inset #eeeeff; padding:10px;}

#menu a.txt, #menu a.txt:link {display:block; width:95%; color: #0000ff;background-color:#AACCFF; border: 2px outset #eeeeff;margin-top:5px; font-weight:bold; font-size:12px; text-align:center;padding:4px;}
/* #menu a:visited {display:block; width:120px; color:#0000ff;}*/

#menu a.txt:hover {display:block; width:95%; color: #ff0000;background-color:#AACCFF; border: 2px outset #eeeeff;margin-top:5px; font-weight:bold; font-size:12px; text-align:center;padding:4px;}

#menu a.img{display:block;width:100%;height:50px;background:transparent;}
#menu a.img img{display:block;width:100%;height:100%;background:transparent;}

#topper {position:absolute;display:block; top:5px; left:1%; width:98%; height:3em; background-repeat:repeat-x; font-size:25px; font-style:italic; /*line-height:80px;*/  overflow:hidden;text-align:center; color:#2020ff; background-color:#aaccff; z-index:12; border:2px outset #ccccff;}
#topper img {float:right;}

#foot {display:block; padding:10px 10px 0 100px; text-align:justify; background:transparent; font-size:10px; color:#000; text-align:center;}


#rl {position:fixed; display:block; top:-10px; left:10px; width:600px; height:130px; font-size:60px; line-height:90px; font-family:arial, verdana, sans-serif; overflow:hidden; color:rgb(250,111,0); z-index:25; font-weight:bold;}
html #rl * {position:absolute;}
#rl div {color:#000; font-size:30px; margin-top:-40px;}


#pad {display:block; height:200px;}

#content {position:absolute;background-attachment:fixed;  width:70%;height:70%; top:7em;  margin:0 0 0 22%;  letter-spacing:.08em; z-index:10;padding: 15px 15px 15px 15px;}


/*.text img {float:left;}*/
#content table {left:0;font-size:8pt; margin:1.5%;} 
#content td    {border:2px outset #ccccff;background-color:#FFDDAA;background-color:#aaccff}
#content table .th {background-color:#FFDDAA;}


div.float {float: left; padding:10px 10px 10px 10px; }
div.float p {text-align: center;}

div p {color:#ff00ff;}
div > p {color:#ff0000;}
p:first-child {color:#008f00;}
p.block:hover {color:#ffffff;background-color:#FF0000;}
p + p.sib {color:#ffffff;background-color:#FF0000;}
p[id] {color:#0000ff;}


.outer {
    border: 2px dashed black;
    padding: 8px;
}

.inner {
    border: 2px solid black;
    padding: 0 8px 8px 8px;
}

.border1 {
    border: 1px solid red;
    margin-top: 8px;
}

.border2 {
    border: 1px solid blue;
    margin-top: -1px; 
}

.outer p {
    margin-bottom: 0;
}


.ancestor{

 margin:1em 0 3em 1em;
 background: #AACCFF;
 border: 2px solid silver;
 height:8em; 
}

.parent{
 float:left; 
 display: block;
 margin:0px 0 0 49px;
 background-color: #5a6c8f;
 width:170px;
 height:8em;
 border: 1px solid black;
 }

 .child{
height:30%;
border: 2px outset #ccccff;
margin-top:10px;
 }
.margin_5{
 margin:1em 0 0 5%;
 }
 a:hover {
 background-color: yellow;
 color: black;
}
* html a:hover{
 /* to insist on a redraw */
 background-position: 1%;
 }
.no1 {
background-color:#AACCFF; 
}
.reflowbutton {
 margin-left:16px; 
 background: #f2f2f2;
padding: 0 0 2px 2px;
 border-top: 2px solid #f2f2f2;
 border-right:2px solid #f2f2f2;
 border-bottom: 2px solid silver;
 border-left: 2px solid silver;
 }


.container {
	border: 3px solid red; 
	width: 400px; 
	padding: 3px;
}


.floated {
	border: 3px solid blue; 
	width: 200px; 
	float: left; 
}

.examplelist, .examplelist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}