body {font-family: "lucida sans unicode", arial, sans-serif; font-size:76%; background:#fff;}

#container {width:770px; text-align:left; position:relative; background:#fff url(../bandw/back.gif) 0 0 repeat-y;}
p {text-align:justify; font-size:11px; color:#808080; margin:10px 0 5px 0; line-height:1.5em;}
h1, h2, h3 {font-weight:normal; margin:0; color:#000; padding-left:0;}

#header {width:770px; background:transparent;}
#header h1 {
position:relative; 
margin:0px; 
padding:0px;
width:602px;
height:50px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
#header h1 b {
display:block; 
position:absolute; 
top:0; 
left:0; 
z-index:1; 
/*for Opera 5 and 6*/ 
width:602px;
height:50px;
background:transparent url(../bandw/playground.gif);
}

#header h2 {
position:relative; 
margin:0px; 
padding:0px;
width:300px;
height:170px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
#header h2 b {
display:block; 
position:absolute; 
top:0; 
left:0; 
z-index:1; 
/*for Opera 5 and 6*/ 
width:300px;
height:170px;
background:transparent url(../bandw/negative2.jpg);
}

#header h3 {display:none;}

#navigation {width:225px; height:225px; background:transparent; position:absolute; top:300px; left:50px;}
#navigation h3 {display:none;}
#navigation ul {margin:0; padding:0;}
#navigation li {list-style-type:none; display:inline; width:74px;}
* html #navigation l1 {width:76px; w\idth:74px;}
#navigation a, #navigation a:visited {display:block; width:74px; height:74px; color:#c0c0c0; text-decoration:none; border:1px solid #a0a0a0; text-indent:3px; font-size:11px;}
* html #navigation a, *html #navigation a:visited {width:76px; height:76px; w\idth:74px; he\ight:74px; z-index:10;}
#navigation a#demos {position:absolute; left:0; top:0;}
#navigation a#menus {position:absolute; left:75px; top:0;}
#navigation a#layouts {position:absolute; left:150px; top:0;}
#navigation a#boxes {position:absolute; left:75px; top:75px;}
#navigation a#opacity {position:absolute; left:150px; top:75px;}
#navigation a#mozilla {position:absolute; left:0; top:150px;}
#navigation a#explorer {position:absolute; left:150px; top:150px;}
#navigation a:hover {color:#fff; line-height:normal;}
#navigation a#demos:hover {border:1px solid #aaa; background:#994d00; z-index:100;}
#navigation a#menus:hover {border:1px solid #ddd; background:#c60; z-index:100;}
#navigation a#boxes:hover {border:1px solid #aaa; background:#994d00; z-index:100;}
#navigation a#layouts:hover {border:1px solid #fff; background:#f80; z-index:100;}
#navigation a#explorer:hover {border:1px solid #aaa; background:#994d00; z-index:100;}
#navigation a#mozilla:hover {border:1px solid #888; background:#630; z-index:100;}
#navigation a#opacity:hover {border:1px solid #ddd; background:#c60; z-index:100;}

#slogan {width:760px; height:50px;}

#slogan h2 {
float:left;
position:relative; 
margin:0px; 
padding:0px;
width:300px;
height:50px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
#slogan h2 b {
display:block; 
position:absolute; 
top:0; 
left:0; 
z-index:1; 
/*for Opera 5 and 6*/ 
width:300px;
height:170px;
background:transparent url(../bandw/site.gif);
}

#slogan blockquote {float:right; margin:0 35px 0 0; width:400px; height:0; padding-top:50px; overflow:hidden; background:transparent url(../bandw/w3c.gif);}
* html #slogan blockquote {margin-left:25px; height:50px; he\ight:0;}

#links {width:280px; float:left; margin-top:400px;}
#links ul {margin:0 0 30px 20px; padding:0;}
#links li {list-style-type:none; width:226px; text-indent:5px; margin:2px 0 10px 30px; color:#808080; min-height:1.6em;}
#links a {display:block; float:left; width:224px; margin:0; border-left:5px solid #888; color:#a0a0a0; text-decoration:none; height:1.5em; min-height:1.5em;}
#links a:hover {color:#c0c0c0; border-left:5px solid #630; background:#000 url(../bandw/link.gif);}

#support {width:400px; float:left; margin-left:50px; margin-top:20px;}
#welcome, #apology, #latest, #firefox, #comments, #approvals {margin-bottom:25px;}
#support h3, #links h3 {
position:relative; 
margin:0px; 
padding:0px;
width:200px;
height:30px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
#support h3 b, #links h3 b {
display:block; 
position:absolute; 
top:0; 
left:0; 
z-index:1; 
/*for Opera 5 and 6*/ 
width:200px;
height:30px;
}

#links h3 {color:#c0c0c0; margin-left:50px;}

#welcome h3 b {background:transparent url(../bandw/welcome.gif);}
#apology h3 b {background:transparent url(../bandw/apologies.gif);}
#latest h3 b {background:transparent url(../bandw/latest.gif);}
#firefox h3 b {background:transparent url(../bandw/styles.gif);}
#comments h3 b {background:transparent url(../bandw/comments.gif);}
#approvals h3 b {background:transparent url(../bandw/approvals.gif);}
#visit b {background:transparent url(../bandw/visit.gif);}
#mysites b {background:transparent url(../bandw/ivisit.gif);}

.red {font-weight:bold;}
.clear {clear:both;}
acronym {cursor:help; color:#000;}

#support li {list-style-image:none; list-style-type:decimal; font-size:90%;}
#support a {color:#000; text-decoration:underline;}
#support a:hover {color:#000; text-decoration:none;}

#extra2 {text-align:right; width:770px; height:40px; background:#fff url(../bandw/bottom.gif) no-repeat; color:#c0c0c0;}
#extra2 p {font-size:9px; float:right;}
#extra5 {display:none;}
#extra6 {display:none;}
#extra8 {width:200px; height:0; padding-top:200px; overflow:hidden; background:transparent url(../bandw/rabbit.gif); position:absolute; left:60px; bottom:50px;}
* html #extra8 {height:200px; he\ight:0;}

#findit {position:absolute; left:50px; top:570px; width:225px;}
#findit p {padding:0; margin:0;}
#searchform {font-size:80%; text-align:center;} 
#searchtext {border:1px solid #808080; background:transparent; height:1.3em; width:144px; color:#a0a0a0; margin-top:1em;}
* html #searchtext {height:1.55em; he\ight:1.3em;}
#formlab {
position:relative; 
margin:0; 
padding:0;
width:200px;
height:25px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
#formlab b {
display:block; 
position:absolute; 
top:0; 
left:0; 
z-index:1; 
/*for Opera 5 and 6*/ 
width:200px;
height:25px;
background:transparent url(../bandw/stoogle.gif);
}


#find_button {border:1px solid #808080; background:#000; color:#a0a0a0; cursor:pointer; height:1.55em; width:74px;}