Home page styles:



Home Page Header

WYSISYG Editor Option: Header 1
HTML tag: <h1>Home Page Header</h1>
CSS Selector: #mainTable .mainContentsHome h1

Subtopic

WYSISYG Editor Option: Header 2
HTML tag: <h2>Home Page Subtopic</h2>
CSS Selector: #mainTable .mainContentsHome h2


Normal paragraph text, with accompanying  graphic example. Normal paragraph text. Normal paragraph text. Normal paragraph text. Normal paragraph text. Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.

WYSISYG Editor Option: Paragraph 
HTML tag: <p>Home Page Header</p>
CSS Selector: p

NOTE: images are automatically right justified with 5 pixel margins to left and bottom and no borders. These properties can be over ridden in the HTML image tag itself by using an inline style properties, for example:
<img src="Images/ExampleGraph.gif" width="95" height="49" style="float: left">

Bold paragraph text

WYSISYG Editor Option: Bold Font 
HTML tag: <b>paragraph text</b> or
<strong>paragraph text</strong>
CSS Selector: p


Italic paragraph text

WYSISYG Editor Option: Italic Font 
HTML tag: <i>paragraph text</i>
CSS Selector: p


Red paragraph text

WYSISYG Editor Option: Header 3
HTML tag: <h3>paragraph text</h3>
CSS Selector: h3

Link Text.

WYSISYG Editor Option: Hyperlink
HTML tag: <a>link text</a>
CSS Selector: a:*

Small text

WYSISYG Editor Option: Header 4
HTML tag: <h4>paragraph text</h4>
CSS Selector: h4

Small bold text

WYSISYG Editor Option: Header 4 + Bold
HTML tag: <h4><b>paragraph text</b></h4>
CSS Selector: h4

  • Unordered List Item
  • Unordered List Item
  • Unordered List Item
WYSISYG Editor Option: Bulleted List, Bullets and Numbering, etc.
HTML tag: <ul>{List Items Here}</ul>
CSS Selector: NONE

  1. Ordered List Item
  2. Ordered List Item
  3. Ordered List Item
WYSISYG Editor Option: Bulleted List, Bullets and Numbering, etc.
HTML tag: <ul>{List Items Here}</ul>
CSS Selector: NONE

Horizontal rule:


 

WYSISYG Editor Option: Horizontal Line, Horizontal Rule, etc.
HTML tag: <li>{List Item Here}</li>
CSS Selector: NONE




 

Subpage styles:



Subpage Header

WYSISYG Editor Option: Header 1
HTML tag: <h1>Subpage Header</h1>
CSS Selector: #mainTable .mainContentsSub h1

Subtopic

WYSISYG Editor Option: Header 2
HTML tag: <h2>Subpage Subtopic</h2>
CSS Selector: #mainTable .mainContentsSub h2


Normal paragraph text, with accompanying  graphic example. Normal paragraph text. Normal paragraph text. Normal paragraph text. Normal paragraph text. Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.  Normal paragraph text.

WYSISYG Editor Option: Paragraph 
HTML tag: <p>Home Page Header</p>
CSS Selector: p

NOTE: images are automatically right justified with 5 pixel margins to left and bottom and no borders. These properties can be over ridden in the HTML image tag itself by using an inline style properties, for example:
<img src="Images/ExampleGraph.gif" width="95" height="49" style="float: left">

Bold paragraph text

WYSISYG Editor Option: Bold Font 
HTML tag: <b>paragraph text</b> or
<strong>paragraph text</strong>
CSS Selector: p


Italic paragraph text

WYSISYG Editor Option: Italic Font 
HTML tag: <i>paragraph text</i>
CSS Selector: p


Red paragraph text

WYSISYG Editor Option: Header 3
HTML tag: <h3>paragraph text</h3>
CSS Selector: h3

Link Text.

WYSISYG Editor Option: Hyperlink
HTML tag: <a>link text</a>
CSS Selector: a:*

Small text

WYSISYG Editor Option: Header 4
HTML tag: <h4>paragraph text</h4>
CSS Selector: h4

Small bold text

WYSISYG Editor Option: Header 4 + Bold
HTML tag: <h4><b>paragraph text</b></h4>
CSS Selector: h4

  • Unordered List Item
  • Unordered List Item
  • Unordered List Item
WYSISYG Editor Option: Bulleted List, Bullets and Numbering, etc.
HTML tag: <ul>{List Items Here}</ul>
CSS Selector: NONE

  1. Ordered List Item
  2. Ordered List Item
  3. Ordered List Item
WYSISYG Editor Option: Bulleted List, Bullets and Numbering, etc.
HTML tag: <ul>{List Items Here}</ul>
CSS Selector: NONE

Horizontal rule:


 

WYSISYG Editor Option: Horizontal Line, Horizontal Rule, etc.
HTML tag: <li>{List Item Here}</li>
CSS Selector: NONE