<--<script language="JavaScript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>-->
/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
*/
body {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
background-color: #000000;
margin: 0px 0px 0px 0px;
font-style: normal;
line-height: 20px;
list-style-type: square;
padding: 1px;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: center;
line-height: 22px;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: left;
line-height: 16px;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding-bottom: 1px;
padding-top: 10px;
padding-left: 0px;
text-align: left;
line-height: 18px;
}
h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
color: #B69533;
text-align: left;
line-height: 18px;
}
h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
color: #ffffff;
background-color:#000000;
text-align: left;
line-height: 18px;
}
p {
text-align: left;
line-height: 12pt;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 0px;
list-style-type: square;
}
a:visited {
color: #B69533;
text-decoration: none;
text-transform: none;
}
a:hover {
color: #B69533;
text-decoration: none;
text-transform: none;
}
#nothing {
width: 700px;
margin: 10px 10px;
background-color: #000000;
left: 50px;
top: 10px;
clip: rect( );
}
#banner {
position: absolute;
top: 20px;
left: 50px;
height: 300px;
width: 687px;
z-index: 3;
border: none;
background-color: #000000;
text-align: center;
line-height: 150px;
vertical-align: middle;
letter-spacing: .2em;
border-width: 0px 0px 0px 0px;
border-color: #000000;
background-image: url(images/mayfieldsign2b.jpg);
background-repeat: no-repeat;
background-position: 0px center;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
clip: rect( );
}
#menu1 {
position: absolute;
top: 400px;
left: 50px;
height: 50px;
width: 150px;
z-index: 3;
border: none;
background-color: #FDFAE8;
font-family: Arial, Helvetica, sans-serif; font-size: 9px;
font-style: normal;
text-decoration: none;
color: #8F763A;
}
#menu2 {
position: absolute;
top: 450px;
left: 50px;
height: 50px;
width: 150px;
z-index: 3;
border: none;
background-color: #FAF0CF;
font-style: normal;
clip: rect( );
color: #8F763A;
}
#menu3 {
position: absolute;
top: 500px;
left: 50px;
height: 50px;
width: 150px;
z-index: 3;
border: none;
background-color: #FDFAE8;
clip: rect( );
color: #8F763A;
}
#menu4 {
position: absolute;
top: 550px;
left: 50px;
height: 50px;
width: 150px;
z-index: 3;
border: none;
background-color: #FAF0CF;
clip: rect( );
color: #8F763A;
}
#menu5 {
position: absolute;
top: 600px;
left: 50px;
height: 50px;
width: 150px;
z-index: 3;
border: none;
background-color: #FDFAE8;
clip: rect( );
color: #8F763A;
}
#menu1, #menu2, #menu3, #menu4, #menu5 {
padding: 0px;
}
.menu-content {
padding: 5px;
}
.menu-title {
font-size: 11px;
font-weight: bold;
color: #000000; font-family: Arial, Helvetica, sans-serif;
list-style-type: square;
}
.menu-desc {
color: #666666;
padding: 3px 0px 0px 0px;
font-size: 9px;
font-style: italic;
font-family: Arial, Helvetica, sans-serif; font-weight: bold;
}
a.sub-loc {
color: #ffffff;
border: none;
}
a.sub-loc:hover {
color: #ffffff;
}
.cur-loc {
font-weight: bold;
color: #FF9900;
}
#pathtocurrent {
text-align: center;
padding: 0px 0px 10px 100px;
background-color: #ffffff;
color: #FFFFFF;
<!--border-top: solid #000000;-->
<!--border-bottom: solid #000000;-->
}
<!--background-image: url(images/BadgesBannerGif.gif);-->
<!--background-repeat: no-repeat;-->
<!--background-position: center;-->
div#menu1:hover div.menu-desc, div#menu2:hover div.menu-desc, div#menu3:hover div.menu-desc, div#menu4:hover div.menu-desc, div#menu5:hover div.menu-desc {
color: #999999;
}
#body {
position: absolute;
top: 321px;
left: 50px;
height: 550px;
width: 687px;
z-index: 3;
border: none;
clip: rect( );
<!--background-color: #ffffff;-->
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
font-weight: bold;
text-decoration: none;
border-width: 0px 0px 0px 0px;
border-color: black black #CC0000
list-style-type: square;
}
img
{ border: 0px;
margin: 0px;
padding: 2px;
float: left;
}
html>body tbody.myscrollContent { overflow: auto; height:365px; }
#content {
position: absolute;
top: 350px;
left: 203px;
overflow: auto;
height: 500px;
width: 533px;
background-color: #FFFFFF;
border-color: black 0;
float: right;
<!--clip:rect( );-->
<!--display: inline;-->
}
.content-imgL {
margin: 0px 6px 10px 0px;
border:0px;
float:left;
width: 50%;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
display: inline;
}
.content-imgR {
margin: 0px 6px 10px 0px;
border:0px;
float:right;
width: 50%;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
display: inline;
}
.content-imgL p {
padding:1px;
border:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
line-height: 14px;
color: #000000;
text-align: left;
text-indent: 0;
clear: both;
}
.content-imgR p {
padding:1px;
border:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
line-height: 14px;
color: #000000;
text-align: left;
text-indent: 0;
clear: both;
}
.content-imgLfull {
margin: 0px 6px 10px 0px;
border:0px;
float:left;
width: 90%;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
display: inline;
}
.content-imgRfull {
margin: 0px 6px 10px 0px;
border:0px;
float:right;
width: 90%;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
display: inline;
}
.thumbSQ {
display:inline;
width:100px;
height: 110px;
padding:0px;
float:left;
border:0px;
}
#main {
padding: 5px 5px 5px 10px;
background-color: #FFFFFF;
text-align: left;
text-indent: 0pt;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 20px;
color: #FFFFFF;
height: 500px;
width: 500px;
left: 200px;
top: 300px;
clip: rect(0px 0px 0px 0px);
<!--display: inline;-->
list-style-type: square;
}
#vert-grad1
{
position: absolute;
top: 20px;
left: 740px;
height: 833px;
width: 8px;
z-index: 3;
border: none;
background-color: #ffffff;
margin: 0;
border-width: 0px 0px 0px medium;
border-color: black black black #D5C460
clip: rect( );
}
#vert-grad2
{
position: absolute;
top: 20px;
left: 753px;
height: 833px;
width: 10px;
z-index: 3;
border: none;
background-color: #333333;
border-width: 0px 0px 0px medium;
border-color: black black black #D5C460;
clip: rect( );
}
#hor-grad2
{
position: absolute;
top: 650px;
left: 50px;
height: 200px;
width: 150px;
z-index: 3;
border: solid 3px #7C7147;
background-color: #F9F1CA;
color: #996600;
clip: rect( );
padding: 0px 4px 2px 6px;
}
li {
color: #999999;
font-size: 11px;
font-style: italic;
font-family: Arial, Helvetica, sans-serif; font-weight: normal;
text-decoration: none;
margin: 1em;
line-height: 1.5em;
padding: 0px;
list-style-type: square;
}
#menu1:hover {
background-color: #DDDDDD;
border-color: black black #000000;
}
#menu2:hover {
background-color: #DDDDDD;
}
#menu3:hover {
background-color: #DDDDDD;
}
#menu4:hover {
background-color: #DDDDDD;
}
#menu5:hover {
background-color: #DDDDDD;
}
a:link {
color: #B69533;
text-decoration: none;
text-transform: none;
}
div#menu1:hover div.menu-desc {
}
div#menu2:hover div.menu-desc {
}
div#menu3:hover div.menu-desc {
}
div#menu4:hover div.menu-desc {
}
div#menu5:hover div.menu-desc {
}
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:
491:
492:
493:
494:
495:
496:
497:
498:
499:
500:
501:
502:
503:
504:
505:
506:
507:
508:
509:
510:
511:
512:
513:
514:
515:
516:
517:
518:
519:
520:
521:
522:
523:
524:
525:
526:
527:
528:
529:
530:
531:
532:
533:
534:
535:
536:
by: ti84pPosted on 2009-08-06 at 19:45:47ID: 25039696
just use position:fixed on what you want to stay stationary