#logo {
position: absolute;
top: 2px;
left: 8px;
width:  485px;
height:  217px;
background-image: url(images/wr-logo8.gif);
background-repeat: no-repeat;
z-index: 2;
}

#hpimg {
position: absolute;
top: 205px;
left: -5px;
width: 380px;
height: 482px;
background-image: url(images/girl-boy380.gif);
background-repeat: no-repeat;
z-index: 3;
}

#navbar {
position: absolute;
top: 10px;
left: 492px;
width: 260px;
height: auto;
text-align: center;
font: 16px Garamond, Palatino, Times New Roman, Serif; color: #484848; letter-spacing: 1px;
/*background-color: #c0c0c0;*/
z-index: 3;
}

#navbg {
position: absolute;
top: 100px;
left: 548px;
width: 147px;
height: 170px;
background-image: url(bkgds/nav-bg.gif);
background-repeat: no-repeat;
z-index: 2;
}

#copybox {
position: absolute;
top: 288px;
left: 388px;
width: 380px;
height: 0px;
text-align: center;
font: 14px Garamond, Palatino, Times New Roman, Serif; color: #484848; letter-spacing: 1px;
line-height: 20px;
/* for testing only
background-color: #c0c0c0;
*/
z-index: 4
}

/* use below ONLY for testing browser width */
#container {
position: absolute;
top: 0px;
left: 0px;
width: 768px;
height: 10px;
background-color: #c0c0c0;
z-index: 1;
}

.imgl {float: left; margin: 7 10 0 0; border: 1px solid #949494;}

BODY  {
	scrollbar-face-color : #dcdcdc;
	scrollbar-highlight-color : #808080;
	scrollbar-3dlight-color : #ffffff;
	scrollbar-darkshadow-color : #666666;
	scrollbar-shadow-color : #999999;
	scrollbar-arrow-color : #666666;
	scrollbar-track-color : #e1e1e1;
	background-image: url(bkgds/greywhite.gif);
}

a:link {color: #484848; text-decoration: none;}
a:hover {color: #800000; text-decoration: underline;}
a:visited {color:#484848; text-decoration: none;}
a:active {color: #ffffcc; text-decoration:underline;}

a.email {font: italic 14px Garamond, Palatino, Times New Roman, Serif; color: #cc0000; text-decoration: none; text-align: center;}

.hr {width: 375px; height: 1px; border-top: 1px solid #f4f4f4;}

.title {font: bold 18px Garamond, Palatino, Times New Roman, Serif; color: #484848; cursor: hand;}

.subtext {11px Garamond, Palatino, Times New Roman, Serif; color: #484848; letter-spacing: 1px;}

.child {font: 16px Garamond, Palatino, Times New Roman, Serif; line-height: 18px; color: #484848; letter-spacing: 0px; text-align: center; display: none;}

/*classes.child.ALL.display = "block"*/

.copy {font: 15px Garamond, Palatino, Times New Roman, Serif; line-height: 18px; color: #484848; letter-spacing: 1px;}

.init {float: left; margin: 0 5 0 0;}

.nav {font: 11px cursive, Times New Roman, Serif; color: #484848; letter-spacing: 6px;}

.credit {font: italic 14px Garamond, Palatino, Times New Roman, Serif; line-height: 28px; color: #484848; letter-spacing: 2px;}

.list {font: bold 11px Arial, Helvetica, Sans-serif; color: #6f6f6f; letter-spacing: 2px;}

td.form_td {font: 12px Georgia, Times New Roman, Times, Serif; text-align: right; padding: 0 2px 0 0;}

td.form_field {}

.data {height: 24px; font: 12px Courier New, Courier, Serif; color: #cc0000; background-color: #f9f9f9; border: 1px solid #bbb; padding: 3px 0 0 5px;}

.data-area {font: 12px Courier New, Courier, Serif; color: #cc0000; background-color: #f9f9f9; border: 1px solid #bbb; padding: 3px 0 0 5px;}

em {font: italic 16px Serif;}