.b24   { color: #fff; font-weight: bold; font-size: 24px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.b18 { font-weight: bold; font-size: 18px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.b16 { font-weight: bold; font-size: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.b14 { font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.b12 { font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
p  { font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a  { color: #609ead; text-decoration: none }
a:hover { color: #b92a0f; text-decoration: none; }
td { font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.norm  { font-style: italic; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.thanks  { font-style: italic; font-weight: normal; font-size: 12px; text-align: center; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.roman { font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.roman11 { font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.black   { color: black; background-color: #999 }
.red { color: #b92a0f }
.redbold12 { color: #b92a0f; font-weight: bold; font-size: 12px }
.relativeLayer  { position: relative; z-index: 1 }
.relativeLayer_noZ  { position: relative }
.relativeLayer_ORIGINAL  { position: relative; z-index: 1; top: 0 }
.absoluteLayer { position: absolute; top: 0px; z-index: 2 }
.absoluYer { position: absolute; z-index: 2 }
.tool_Tip { position:relative; font-size: 11px; } 
.tool_Tip_red { position:relative; font-size: 12px; font-weight: bold; color: #b92a0f } 
.tool_TipHover2 { position:relative; } 
.tool_TipHover { position:relative; } 
.tool_TipHoverPrivacy { position:relative; } 
.tool_Tip span { display: none; } 
.tool_Tip_red span { display: none; } 
.tool_TipHover2 span { display:block; position:absolute; border:12px solid #2f5b71; top:10px; left:20px; z-index:3; width:300px; background-color:#2f5b71; color:white; text-align: left; font-weight: normal; } 
.tool_TipHover span { color: #2f5b71; font-weight: normal; font-size: 11px; background-color: white; text-align: left; display: block; padding: 10px 10px 10px; position: absolute; z-index: 3; top: -36px; left: 56px; width: 300px; border: solid 2px #609ead } 
.tool_TipHoverPrivacy span { color: #2f5b71; font-weight: normal; font-size: 11px; background-color: white; text-align: left; display: block; padding: 10px 10px 10px; position: absolute; z-index: 3; top: -260px; left: 260px; width: 300px; border: solid 2px #609ead } 



/* CONTACT FORM STYLES */

/* JAS says include this somewhere */
.clearer { clear: both; height: 1px; }

/* Hide asterisks by making them bg colour */
.required { color: black }

/* Set the base style for the whole form */
.ddfmwrap   { font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; position: relative; width: 90%; margin: 10px auto; }

/* Make blocktitles larger unless italic */
.fmblocktitle  { font-size: 14px; margin-bottom: 24px; clear: left; }
form.ddfm div.fmblocktitle i { font-size: 12px;	}

/* Force a break after the fmtext fields and set a smaller line height for the checkboxes */
form.ddfm label.fmcheck { float: left; margin-bottom: 8px; }
form.ddfm div.fmcheck p { clear: left; line-height: 16px; margin-top: 0; margin-bottom: 0; }

/* Get those labels onto their own lines */
label.fmtextwide { float: left; clear: left; width: 100%; margin-bottom: 4px; }
label.fmtext { float: left; clear: left; width: 100%; margin-bottom: 2px; }

/* Make space after text boxes */
textarea.fmtextwide { margin-bottom: 18px; }
input.fmtext { margin-bottom: 18px; float: left; clear: left; }


/* LAYOUT STYLES */

/* Frame the entire content as if in a table cell */
#framediv { width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle; }

/* White bg to contain two rows of content */
#tworowdiv { background-color: white; width: 760px; height: 457px; }

/* Page content - text or includes. Float left. Total w270 h328 */
#blurbdiv { width: 250px; height: 320px; text-align: left; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; float: left; padding: 0; margin: 8px 0 0 20px; }

/* The big picture - total w482 h352. Float right */
#imagediv { float: right; width: 450px; margin: 16px; height: 320px; }

/* List of navigation links, float left w620 */
#navdiv ul { font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; list-style-type: none; margin: 72px 0 0; float: left; width: 620px;
	padding: 0;
}

/* Each link needs side margins */
#navdiv ul li { display: inline; margin-left: 16px; margin-right: 8px; }

/* Logo - float right. Total w131 (h97 + 8 = 105)  */
#logodiv { float: right; width: 123px; margin-right: 8px; margin-bottom: 8px; }