<!-- BEGIN HTML, this line not in original HTML, only here so viewer can see where code begins -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/newstyle.css" type="text/css" />
<!--MULTIBOX-->
<link rel="stylesheet" href="css/multiBox.css" />
<script type="text/javascript" src="js/mootools-1.2.1-core-yc.js"></script>
<script type="text/javascript" src="js/mootools-1.2-more-yc.js"></script>
<script type="text/javascript" src="js/multiBox.js"></script>
<script type="text/javascript" src="js/overlay.js"></script>
<!-- MULTIBOX EFFECT -->
<script type="text/javascript">
//call multiBox
window.addEvent('domready', function(){
if($$('.mb').length > 0)//only triggered if 'mb' class found on page
{
var initMultiBox = new multiBox('mb', {
descClassName: 'multiBoxDesc',//the class name of the description divs
path: './Files/',//path to mp3 and flv players
useOverlay: true,//use a semi-transparent background. default: false;
maxWidth: false,//max width (set to false to disable)
maxHeight: false,//max height (set to false to disable)
addDownload: false,//do you want the files to be downloadable?
pathToDownloadScript: './Scripts/forceDownload.asp',//if above is true, specify download script
addRollover: false,//add rollover fade to each multibox link
addOverlayIcon: false,//adds overlay icons to images within multibox links
addChain: true,//cycle through all images fading them out then in
recalcTop: true//subtract the height of controls panel from top position
});
};
});
</script>
<!-- SLIDE EFFECT -->
<script type="text/javascript">
window.addEvent("domready", function(){
$$(".slideContainer").each(function(container){
var mySlide = new Fx.Slide(container.getElement(".slide"), {duration: 800}).hide();
container.getElement("div.less").addEvent("mouseout", function(e){
new Event(e).stop();
mySlide.slideOut();
duration:Fx.Transitions.Bounce.easeOut;
});
container.getElement("a.more").addEvent("click", function(e){
new Event(e).stop();
mySlide.slideIn();
duration:Fx.Transitions.Bounce.easeOut;
});
});
});
</script>
<style type="text/css">
.slideContainer {
margin: 10px;
}
.slide {
margin-top: 15px;
background-image:url(images/transback-full.png);
padding: 5px;
}
</style>
<title>NewWeb</title>
</head>
<body>
<div id="head_bar"> </div>
<!-- 'Title' Section -->
<div id="header_section">
<div id="header_section_center">
<div id="logo">
<img src="images/paint1.png" alt="logo" />
</div>
<div id="header_section_RTside">
<img src="images/toptitle1.png" style="padding-left:15px" alt="" />
</div>
</div>
</div>
<div id="mainbody">
<div id="content">
<div id="global_nav">
<ul>
<li><a href="index.html">About Me</a></li>
<li><a href="index.html">Blog</a></li>
<li><a href="index.html">Projects</a></li>
<li><a href="index.html">Home</a></li>
</ul>
</div>
<!--</div>--><!-- ENDS contentDIV-->
<div class="clear"></div>
<div class="see">
<h2>Welcome to my online watercolor portfolio!</h2>
<br />
<span>This is where you could introduce yourself and talk about the site. Explain how you got into paininting. What inspires you. Anything could go in this greeting section. Could explain how to navigate the site. See below.<br /><br />
Please take a look at <a href="paintings.html">all my paintings</a>. To view larger images, click on the thumbnail. To view more information about the painting, click on the "Click Here" located next to the thumbnail. All paintings shown here are available for purchase.<br /><br />
Also, dont forget to check on the nav bar on the right, it shows my recent blog posts as well as my current projects and some other quick links.<br /><br />
Thanks for coming!</span>
</div>
<div class="clear"></div>
<div class="see">
<a href="images/northcountry-big.png" id="mb1" class="mb" title="Image Title 1 (jpg)"><img src="images/northcountry.png" alt="" /></a>
<div class="multiBoxDesc mb1 mbHidden">This is my descrition text 1. It can support html.</div>
<h2>North Country</h2>
<small class="date">Painted on (insert date here)</small><br /><br /><br /><br />
<div class="slideContainer">
<a href="#" class="more" style="text-decoration:none">Click here</a> to view information about the painting.
<div class="slide">
<div class="less" style="text-decoration:none">THis is where the info would go for the painting. Location, time, seaon, etc. LInk to maybe the actual picture or something similar to that. Then a link below to continue reading the story or view more pictures related to this painting, or a purchase page.</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="see">
<a href="images/produce-big.png" id="mb2" class="mb" title="Image Title 1 (jpg)"><img src="images/produce.png" alt="" /></a>
<div class="multiBoxDesc mb2 mbHidden">This is my descrition text 1. It can support html.</div>
<h2>Produce</h2>
<small class="date">Painted on (insert date here)</small><br /><br /><br /><br />
<div class="slideContainer">
<a href="#" class="more" style="text-decoration:none">Click here</a> to view information about the painting.
<div class="slide">
<div class="less" style="text-decoration:none">THis is where the info would go for the painting. Location, time, seaon, etc. LInk to maybe the actual picture or something similar to that. Then a link below to continue reading the story or view more pictures related to this painting, or a purchase page.</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="see">
<a href="images/memories-big.png" id="mb3" class="mb" title="Image Title 1 (jpg)"><img src="images/memories.png" alt="" /></a>
<div class="multiBoxDesc mb3 mbHidden">This is my descrition text 1. It can support html.</div>
<h2>Memories of Lenape</h2>
<small class="date">Painted on (insert date here)</small><br /><br /><br /><br />
<div class="slideContainer">
<a href="#" class="more" style="text-decoration:none">Click here</a> to view information about the painting.
<div class="slide">
<div class="less" style="text-decoration:none">THis is where the info would go for the painting. Location, time, seaon, etc. LInk to maybe the actual picture or something similar to that. Then a link below to continue reading the story or view more pictures related to this painting, or a purchase page.</div>
</div>
</div>
</div><!-- ENDS 'see' -->
<div class="clear"></div>
<div class="see">
<a href="images/bungalow-big.png" id="mb4" class="mb" title="Image Title 1 (jpg)"><img src="images/bungalow.png" alt="" /></a>
<div class="multiBoxDesc mb4 mbHidden">This is my descrition text 1. It can support html.</div>
<h2>The Bungalow</h2>
<small class="date">Painted on (insert date here)</small><br /><br /><br /><br /><br /><br />
<div class="slideContainer">
<a href="#" class="more" style="text-decoration:none">Click here</a> to view information about the painting.
<div class="slide">
<div class="less" style="text-decoration:none">THis is where the info would go for the painting. Location, time, seaon, etc. LInk to maybe the actual picture or something similar to that. Then a link below to continue reading the story or view more pictures related to this painting, or a purchase page.</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="see">
<a href="images/dinning-big.png" id="mb5" class="mb" title="Image Title 1 (jpg)"><img src="images/dinning.png" alt="" /></a>
<div class="multiBoxDesc mb5 mbHidden">This is my descrition text 1. It can support html.</div>
<h2>Dinning Out</h2>
<small class="date">Painted on (insert date here)</small><br /><br /><br /><br />
<div class="slideContainer">
<a href="#" class="more" style="text-decoration:none">Click here</a> to view information about the painting.
<div class="slide">
<div class="less" style="text-decoration:none">THis is where the info would go for the painting. Location, time, seaon, etc. LInk to maybe the actual picture or something similar to that. Then a link below to continue reading the story or view more pictures related to this painting, or a purchase page.</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="see">
<a href="images/community-big.png" id="mb6" class="mb" title="Image Title 1 (jpg)"><img src="images/community.png" alt="" /></a>
<div class="multiBoxDesc mb6 mbHidden">This is my descrition text 1. It can support html.</div>
<h2>Community Table</h2>
<small class="date">Painted on (insert date here)</small><br /><br /><br /><br /><br /><br /><br /><br />
<div class="slideContainer">
<a href="#" class="more" style="text-decoration:none">Click here</a> to view information about the painting.
<div class="slide">
<div class="less" style="text-decoration:none">THis is where the info would go for the painting. Location, time, seaon, etc. LInk to maybe the actual picture or something similar to that. Then a link below to continue reading the story or view more pictures related to this painting, or a purchase page.</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="clear"></div>
</div><!-- ENDS content -->
<div id="sidebar">
<div class="lv_Caption" id="sidebar_content">
<h3>About Me</h3><br />
<p class="about_me">This is where you could introduce yourself and greet people. After, this sidebar could contain anything else. See example below.</p>
<br />
<div class="clear"></div>
<h3>Recent Blog Entries</h3><br />
<p>Could list recent blog entries here</p>
<div class="clear"></div><br />
<h3>Current Projects</h3><br />
<p>Could list current projects here</p>
<div class="clear"></div><br />
<h3>Favorite Links</h3><br />
<ul>
<li><a href="none.html">Best Scenic Shots</a></li>
<li><a href="none.html">Tips and Tricks</a></li>
<li><a href="none.html">Something Else</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<div id="spacerContent_bottom"></div>
</div>
<div class="clear"></div>
<!-- Sart Footer -->
<div id="foot_bar"> </div>
<!-- End Footer -->
</body>
</html>
/* CSS BEGINS HERE, this line not in original CSS, only here so viewer can see where code begins */
@charset "utf-8";
/* CSS Document */
body
{
font: 16px/150% Arial, Helvetica, sans-serif;
color: #5c8a92;
font-weight: bold;
background-color:#23404d;
background:url(../images/woodback.png);
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
height: auto;
}
/* TO SEE WHITE SPACE APPLY THIS, OTHERWISE, JUST EXTRA SPACE VISIBLE
html{background-color: #ffffff;}
*/
a, a:visited{
text-decoration: none;
font-weight: bold;
color: #558d97;
}
#head_bar{
display: block;
height: auto;
width: 100%;
background: #0e1720 repeat-x center;
border-bottom: #23404d 1px solid;
}
#header_section{ /* Paper-like section */
display: block;
width: 100%;
height: 396px;
background-image:url(../images/pix.png);
}
#header_section_center { /* Centerize section */
display: block;
padding: 0 0 0 0;
width: 950px;
height: 396px;
margin-left:auto;
margin-right:auto;
/*
background: url(../images/headerback2.png);
*/
}
#header_section_RTside{
display: block;
float: right;
width: 291px;
padding: 105px 36px 40px 0;
margin: 0 115px 0 0;
height:94px;
background:url(../images/transback-47.png);
}
#logo { /* Section for top logo */
display: block;
float: left;
height: 200px;
width: 466px;
padding: 0 0 26px 0;
margin: -15px 0 0 -90px;
position: relative;
}
#mainbody{
display: block;
margin: 0 auto;
height: auto;
width: 1007px;
background-image:url(../images/pix.png);
}
.see{
display: block;
margin: 25px 0 0 65px;
width: 625px;
background-image:url(../images/transback-47.png);
min-height: 220px;
height:auto;
font-weight: normal;
padding: 20px;
position: relative;
}
#content{
display: block;
float: left;
width: 700px;
height: auto;
margin: 0 0 0 65px;
}
#global_nav {
position: relative;
float: right;
height: 45px;
width: 450px;
margin: -50px 0 0 130px;
}
/* BELOW IS CLASSES UNDER THE global_nav TO BE USED WITH PAGE NAVIGATION - BOTH HIGH AND LOW */
#global_nav ul {
padding: 0;
margin: 15px 0 0 0;
}
#global_nav ul li {
float: right;
list-style: none;
}
#global_nav ul li a, #global_nav ul li a:visited{
z-index: 10;
display: block;
float: left;
height: 36px;
overflow: hidden;
color: #d7eaee;
font-size: 22px;
position: relative;
padding: 0 15px 6px 15px;
}
#global_nav ul li a:hover{
color: #fefefe;
}
/* END OF global_nav ITEMS */
.clear { /* Clears all other floats */
clear: both;
}
#spacerContent_top {
display: block;
margin: 0 auto 0 38px;
height: 55px;
width: 1000px;
background-image:url(../images/pix.png);
background-repeat:no-repeat;
}
#spacerContent_bottom {
display: block;
min-height: 250px;
width: 1000px;
margin: 0 0 0 37px;
background-image:url(../images/pix.png);
background-repeat: no-repeat;
}
/*HORIZONTAL VERTICAL MootTools Stuff */
h3.section {
margin-top: 1em;
}
#vertical_slide, #horizontal_slide {
background: #D0C8C8;
color: #8A7575;
padding: 10px;
border: 5px solid #F3F1F1;
font-weight: bold;
}
div.marginbottom {
/* Since the Fx.Slide element resets margins, we set a margin on the above element */
margin-bottom: 10px;
}
/* MOUSEENTER mooTools Stuff */
div.floated {
width: 400px;
float: left;
margin-left: 1em;
}
div#myElement {
width: 100px;
height: 100px;
border: 1px solid black;
background-color: #f9f9f9;
float: left;
}
div#myOtherElement {
width: 200px;
height: 20px;
overflow: hidden;
border: 1px solid black;
background-color: #f9f9f9;
}
div#myOtherElement span, div#myOtherElement a {
display: block;
padding: 0 3px;
}
div#myOtherElement a:hover {
background: #f5f5f5;
}
/* SIDEBAR STUFF */
#sidebar{
float: right;
display: block;
width: 225px;
height: auto;
display: inline;
margin: -35px -30px 0 0;
background-image:url(../images/transback-67.png);
}
#sidebar_content{
display: block;
width: 181px;
height: auto;
padding: 25px 25px 35px 20px;
}
#sidebar_content ul{
margin: 0 0 20px 15px;
}
#sidebar_content h3{
margin: 16px 0 0 0;
font-size:18px;
}
#sidebar_content a, #sidebar_content a:visited{
border-bottom: 1px dotted #24758a;
text-decoration: none;
font-weight: bold;
color: #c1e2e8;
font-size:16px;
}
#sidebar_content a:hover{
color: #daf1f5;
border-bottom: 1px dotted #509cb0;
}
#sidebar_content p.about_me{
text-align: left;
}
#sidebar_content p.about_me a{
float: right;
display: block;
font-weight: normal;
}
#sidebar_content p {
color: #6298a1;
font-size:16px;
}
/* MISC STUFF */
.cool {
PADDING-RIGHT: 12px;
PADDING-LEFT: 12px;
FONT-SIZE: 12px;
BACKGROUND: #f8f8f8;
PADDING-BOTTOM: 12px;
MARGIN: auto;
VERTICAL-ALIGN: middle;
COLOR: #666;
LINE-HEIGHT: 48px;
PADDING-TOP: 12px;
TEXT-DECORATION: none
}
.cool:hover {
BACKGROUND: none transparent scroll repeat 0% 0%;
COLOR: #000
}
small {
font-style: italic;
font-size: 12px;
line-height: 1.5em;
font-weight: bold;
color: #83b2ba;
}
/* BELOW IS PASTE FROM OLDER STYLESHEET - some not used */
/*
background-color:#23404d; --- color
*/
/*original font color: 83b2ba, 688e94*/
/* General */
a.read-more, a.read-more:visited{
color: #486571; /*#9fd689, 405b66, 1f9bcd, 32474f, 385059*/
display: block;
font-size: 18px;
letter-spacing: -0.04em;
width: 131px;
text-align: center;
height: 63px;
padding: 15px 12px 11px 0;
margin: 10px 0 20px 0;
float: right;
clear: both;
background-image:url(../images/readmoreback-newblue4.png);
background-repeat: no-repeat;
}
/* DIV IDs */
#foot_bar{
display: block;
height: auto;
width: 100%;
background: #0e1720 repeat-x center;
}
#top_header_center{
display: block;
width: 950px;
height: 65px;
margin: 0 auto;
background: #0e1720;
}
#global_nav2 { /* Used for top of page navigation */
position: relative;
float: right;
height: 36px;
width: 600px;
padding: 14px 0 0 0;
margin: 0;
}
/*
position: relative;
float: right;
height: 45px;
width: 450px;
margin: 140px -275px 0 0;
background-image:url(../../images/transback-47.png);
} */
#header_section_border {
display: block;
margin: 0 auto;
width: 1000px;
background-image:url(../images/pix.png)
}
/* DIV CLASSES - USED (CALLED) MORE THAN ONCE VS ids ONLY CALLED ONCE */
.entry img{
padding: 6px;
border: #d9e7eb 1px solid;
background: #fff;
max-width: 550px;
}
.info_old1 { /* Section for paintings / descriptions */
float: left;
width: 518px;
display: block;
min-height: 220px;
margin: 20px 22px 0 35px;
font-weight: normal;
padding: 20px;
position: relative;
}
.info_top { /* Section for paintings / descriptions */
float: left;
width: 518px;
display: block;
min-height: 220px;
margin: -120px 22px 0 35px;
font-weight: normal;
padding: 20px;
position: relative;
}
.info small.date_added, .info_top small.date_added{
display: block;
background: url('images/b07V12_small_bk.jpg') no-repeat top center;
padding: 8px;
margin: 8px 0 8px 230px;
}
.info p.tags{
display: block;
width: 541px;
padding: 8px;
margin: 8px 0 8px 0;
}
.info h2, .info_top h2 { /* Font used for title of Paintings */
font-size: 1.8em;
color: #1f2d3d;
margin: 0 0 2px 0;
padding: 6px 0 3px 0;
line-height: 28px;
}
.info small.date, .info_top small.date{ /* Font used for date of Paintings */
display: block;
padding: 8px;
margin: 8px 0 8px 230px;
}
.leftThumb {
border: 7px solid #405b66;
float: left;
margin: 5px 15px 5px 0;
}
.alignleft{
float: left;
margin: 5px 15px 5px 0;
}
/* CORRECTIONS */
.info{
float: left;
width: 600px;
display: block;
min-height: 220px;
margin: 20px 22px 0 15px;
font-weight: normal;
padding: 20px;
position: relative;
}
/* TEST 2 */
#listholder{
display: block;
float: left;
width: 746px;
height: auto;
margin: 0 0 0 50px;
background-image:url(../images/shadowedpaper-745.png);
}
#beef{
display: block;
margin: 0 auto;
height: auto;
width: 1000px;
}
.paintlist{
float: left;
width: 600px;
display: block;
min-height: 220px;
margin: 20px 22px 0 30px;
font-weight: normal;
padding: 20px;
position: relative;
}
#container_sbar{
float: right;
display: block;
width: 200px;
height: auto;
display: inline;
margin: 0 3px 0 0;
background-image:url(../images/transback-47.png);
}
#sbarMeat{
display: block;
width: 150px;
height: auto;
background-image:url(../images/transback-47.png);
}
#NEWcontent{
display: block;
float: left;
width: 746px;
height: auto;
margin: 0 0 0 65px;
background-image:url(../images/pix.png);
}
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:
537:
538:
539:
540:
541:
542:
543:
544:
545:
546:
547:
548:
549:
550:
551:
552:
553:
554:
555:
556:
557:
558:
559:
560:
561:
562:
563:
564:
565:
566:
567:
568:
569:
570:
571:
572:
573:
574:
575:
576:
577:
578:
579:
580:
581:
582:
583:
584:
585:
586:
587:
588:
589:
590:
591:
592:
593:
594:
595:
596:
597:
598:
599:
600:
601:
602:
603:
604:
605:
606:
607:
608:
609:
610:
611:
612:
613:
614:
615:
616:
617:
618:
619:
620:
621:
622:
623:
624:
625:
626:
627:
628:
629:
630:
631:
632:
633:
634:
635:
636:
637:
638:
639:
640:
641:
642:
643:
644:
645:
646:
647:
648:
649:
650:
651:
652:
653:
654:
655:
656:
657:
658:
659:
660:
661:
662:
663:
664:
665:
666:
667:
668:
669:
670:
671:
672:
673:
674:
675:
676:
677:
678:
679:
680:
681:
682:
683:
684:
685:
686:
687:
688:
689:
690:
691:
692:
693:
694:
695:
696:
697:
698:
699:
700:
701:
702:
703:
704:
705:
706:
707:
708:
709:
710:
711:
712:
713:
714:
715:
716:
717:
718:
719:
720:
721:
722:
723:
724:
725:
726:
727:
728:
729:
730:
731:
732:
733:
734:
735:
736:
737:
738:
739:
740:
741:
742:
743:
744:
745:
746:
747:
748:
749:
750:
751:
752:
753:
754:
755:
756:
757:
758:
759:
760:
761:
762:
763:
764:
765:
766:
767:
768:
769:
770:
771:
772:
773:
774:
775:
776:
777:
778:
779:
780:
781:
782:
783:
784:
785:
786:
787:
788:
789:
790:
791:
792:
793:
794:
795:
796:
797:
798:
799:
800:
801:
802:
803:
804:
805:
806:
807:
808:
809:
810:
811:
812:
813:
814:
815:
816:
817:
818:
819:
820:
821:
822:
823:
824:
825:
826:
827:
828:
829:
830:
831:
832:
833:
834:
835:
836:
837:
838:
839:
840:
841:
842:
843:
844:
845:
846:
847:
