This is an H1 heading

This is an H2 heading

This is an H3 heading

This is an H4 heading

This is an H5 heading

H6 heading is a misnomer: This is the style used for the footer found at the bottom ofthe page.

This is an ordered list that is set inside a <div class="rcol33">

Item 1
Item 2
Item 3

Paragraph text: Psuedo Latin - Per seacula quarta decima et quinta decima eodem modo. Veniam quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip. Legentis in iis qui facit eorum claritatem Investigationes. Imperdiet doming id quod mazim placerat facer possim assum? Hendrerit in vulputate velit esse molestie consequat vel illum dolore eu feugiat nulla facilisis at vero! Lorem ipsum dolor, sit amet consectetuer adipiscing elit sed diam nonummy. Dynamicus qui sequitur mutationem consuetudium lectorum mirum est. Nunc nobis videntur parum clari fiant sollemnes in.

This is an unordered list in a <div class="lcol25">

Item 1
Item 2
Item 3

This is text that follows the lcol25 div. There are three col sizes: 25, 33, and 50 set for lcol and rcol use. The numbers are percentages of the area they will occupy. To put two 25% columns on the same side, use the same class in both divs. For ecample, the following two paragraphs are both rcol25's. Legentis in iis qui facit eorum claritatem Investigationes. Imperdiet doming id quod mazim placerat facer possim assum? Hendrerit in vulputate velit esse molestie consequat vel illum dolore eu feugiat nulla facilisis at vero! Lorem ipsum dolor, sit amet consectetuer adipiscing elit sed diam nonummy. Dynamicus qui sequitur mutationem consuetudium lectorum mirum est. Nunc nobis videntur parum clari fiant sollemnes in.

Also it is important to apply a clrcol class to the first thing that you want to break out of the column model (see Fourth Paragraph below). Note that this is flowing under the columns naturally.

Oh yes, and here is a link.

First Paragraph: rcol25 - Quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo? Dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt. Soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum typi. Nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent. Seacula quarta decima et quinta decima eodem modo typi qui. Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat vel?

Second Paragraph: rcol25 - Facer possim assum typi non habent claritatem insitam. Vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat vel illum dolore. Sit amet consectetuer, adipiscing elit sed diam nonummy. Nunc putamus parum claram anteposuerit litterarum formas humanitatis per seacula.

Third Paragraph: Aliquam erat volutpat ut wisi, enim ad minim veniam. Est notare quam littera gothica quam nunc putamus parum claram anteposuerit litterarum formas humanitatis per seacula. Dynamicus qui sequitur mutationem consuetudium lectorum mirum quarta, decima et quinta decima eodem modo. Placerat facer possim assum; typi non habent claritatem insitam est usus legentis in. Facilisis at vero eros et accumsan et iusto odio dignissim qui blandit. Nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent. Seacula quarta decima et quinta decima eodem modo typi qui. Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat vel? Sit amet consectetuer, adipiscing elit sed diam nonummy. Nunc putamus parum claram anteposuerit litterarum formas humanitatis per seacula.

Fourth Paragraph: clrcol - Typi qui nunc nobis videntur parum clari fiant sollemnes in. Accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis. Possim assum typi non habent claritatem insitam est usus legentis in iis qui facit eorum claritatem. Gothica quam nunc putamus parum claram anteposuerit litterarum formas humanitatis, per seacula quarta decima et.

Here is the current new site layout, based at http://www.hanb.org/scool/new/ — all subject to change: