THis is a heading 2 sub heading
This is a heading 3 minor subheading
And this is regular text. In a paragraph. This same heading and text will be styled differently if it is in the sidebar, or here..
Here is another sub-sub heading
and even more text . Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.
Other styling
Links
Here is a regular link to the old site (should be blue with underline on hover)
If you want a link to pop open a new window then you style the link with a class 'popup' like this - the javascript will turn all such links into ones that pop up new windows.
Floating images
If you want to add an image, then usually you will want it to float either right or left in the paragraph.
This image here is floated to the right by using the style 'floatRight'. Usually it is best to insert the image just befor the first character in the paragraph that it belongs to. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis.
This cloudy image is floated left. [by choosing style - floatLeft in the image properties.
In the above example the paragraph is shorter than the image so it is necessary to style this paragraph with 'clearFloat' to make sure that this text here starts afresh as it should.
Lists of information
A heading for the list entry April 4th 2008
The styling for this is a bit more complex. Each list entry is a div with style 'list1' The overall heading above is an h4. The heading text is included in a span. The detail information is a paragraph styled as 'details' and the whole thing is wrapped in a div with a class of 'event'. The little image on the heading is 'icon_event_header.gif'
And yet another example April 4th 2008
Blah blah blah, yadda yadda yadda.
Another one here April 15th 2008
Blah blah blah, yadda yadda yadda. RIght now these styles are shamelessy cribbed from city church. I think we should look at them in the context of what we want to have as lists. If we can make this work for all lists that would be great
How the html looks This doesn't have to be a date
<div class="event">
<h4><span>Here is the html for this </span> This doesn't ... </h4>
<p class="details">Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis.
</p>.
</div>
