body { color: #000000; font-family:Trebuchet MS, Verdana, Arial, Helvetica; font-size: 10pt; line-height: 150%; font-weight: normal; text-decoration: none; margin-left: 12px; margin-top: 6px; background-repeat: no-repeat }

h1  { color: #660066; font-size : 14pt; margin-bottom: 6px; }
h2  { color: #660066; font-size : 12pt; margin-bottom: 6px; }
h3  { color: #000000; font-size : 10pt; margin: 0; }

td { color: #000000; font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 10pt; line-height: 150%;  font-weight: normal; text-decoration: none; }
.smallTd { font-size: 9pt; line-height: 135%; }

a { color: #000066; font-weight: bold; text-decoration: none; }
a:visited { color: #660066; font-weight: bold }
a:active { color: #cc0000; font-weight: bold }
a:hover { color: #cc0000; text-decoration: underline }

.whitelink a:link { color:#FFFFFF; text-decoration:none }
.whitelink a:active { color:#ffffff; text-decoration:none }
.whitelink a:visited { color:#FFFFFF; text-decoration:none }
.whitelink a:hover { color:#ffffff; text-decoration:underline }

.white { color: #ffffff; }

.navigation { font-size: 9pt; line-height: 120%; font-weight: normal; }

.subhead { color: #660066; font-size : 14pt; margin-bottom: 9px; }

.bold { 	font-weight: bold }

p { font-family: Trebuchet MS, verdana,arial,helvetica,sans-serif; font-size: 10pt; line-height: 150%; }

.para { font-family: Trebuchet MS, verdana,arial,helvetica,sans-serif; font-size: 10pt; line-height: 150%; margin-bottom: 12px  }

.para_x { font-family: Trebuchet MS, verdana,arial,helvetica,sans-serif; font-size: 10pt; line-height: 150%; margin-bottom: 12px }

input { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 10pt; background-color: #ffeeff; }

select { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 10pt; background-color: #ffeeff; }

textarea { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 10pt; background-color: #ffeeff; }

input.submit { background-color: #ddbbdd; border-bottom: #333333 1px solid; border-left: #ffffff 1px solid; border-right: #333333 1px solid; border-top: #ffffff 1px solid; color: #333333; font-family: Trebuchet MS, verdana, helvetica, sans-serif; font-size: 10pt;  font-weight: bold }

/* v7 styles which might be useful */

/* li tags */

.leftmarginlist { margin-left:20px; margin-top:3px; padding-left:0px }
.leftmarginlist10 { margin-left:10px; margin-top:3px; padding-left:0px }
.leftmarginlisttop10 { margin-left:10px; padding-left:0px }
.leftmarginlistitem { margin-bottom:3px; color:#000000 }
.leftmarginlistitembold { margin-bottom:3px; color:#000000; font-weight:bold }
.leftimgplain { float:left; margin-right:6px; }
/* gaps are now generally a separate div which is placed between the items to be separated i.e. boxgap */

.boxgap { font-size:1px; height:2px; margin-bottom:10px; clear:both }
.boxgap24 { font-size:1px; height:2px; margin-bottom:22px; clear:both }
.boxgap48 { font-size:1px; height:2px; margin-bottom:46px; clear:both }
.boxgapline { font-size:1px; height:1px; border-bottom:1px solid #AAAAAA; margin-bottom:10px; clear:both  } /* was border #DDE5EE */
.boxgaplinedark { font-size:1px; height:1px; border-bottom:1px solid #003366; margin-bottom:10px; clear:both  }
.rulehead { border-top:1px solid #AAAAAA; padding-top:4px }
.rulepale { font-size:1px; height:1px; border-bottom:1px solid #99BBDD; clear:both }
.rulemid { font-size:1px; height:1px; border-bottom:1px solid #AAAAAA; clear:both }
.gap30aboveline { height:1px; margin-top:29px; font-size:1px; border-bottom:1px solid #99BBDD; clear:both }



.ruleheadtext { font-weight:bold; margin-top:3px }







/* boxes with and without widths */



/* if using a tinted multicol box, you must use the boxtint and the boxcolxxxpadl and padm/padr styles to create the padding inside - there are no examples of using the 355 tint to create a 2x170px tinted box, but it's just the same in principle as the 3x170 and the 2x262 version inside the tinted 540 box*/



/* with freesize tinted boxes, use the tintboxinner box inside to create the padding */



.tintbox { width:100%; background-color:#DDE5EE }



.tintboxlight { width:100%; background-color:#EAEFF4 }



.tintboxinner { padding:3px 4px 6px 4px }







/* image styles */



.floatleftimageplain { float:left; margin:3px 5px 5px 0px }



.floatrightimageplain { float:right; margin:3px 0px 5px 5px }



.floatleftimagehiplain { float:left; margin:0px 5px 5px 0px }



.floatrightimagehiplain { float:right; margin:0px 0px 5px 5px }



.floatleftimage { float:left; margin:3px 5px 5px 0px; border:1px solid #C0C0C0; background-color:#FFFFFF }



.floatleftimagehi { float:left; margin:0px 5px 5px 0px; border:1px solid #C0C0C0; background-color:#FFFFFF }



.floatrightimage { float:right; margin:3px 0px 5px 5px; border:1px solid #C0C0C0; background-color:#FFFFFF }



.floatrightimagehi { float:right; margin:0px 0px 5px 5px; border:1px solid #C0C0C0; background-color:#FFFFFF }



.top170image { margin-bottom:6px }



/* end image styles */











.size08 { font-size: 8px }



.size09 { font-size: 9px }



.size10 { font-size: 10px }



.size11 { font-size: 11px }



.size12 { font-size: 12px }



.size14 { font-size: 14px }



.size16 { font-size: 16px }



.size18 { font-size: 18px }



.size20 { font-size: 20px }



.size24 { font-size: 24px }



.gap01 { margin-bottom: 1px }



.gap02 { margin-bottom: 2px }



.gap03 { margin-bottom: 3px }



.gap04 { margin-bottom: 4px }



.gap05 { margin-bottom: 5px }



.gap06 { margin-bottom: 6px }



.gap07 { margin-bottom: 7px }



.gap08 { margin-bottom: 8px }



.gap09 {	margin-bottom: 9px }



.gap10 { margin-bottom: 10px }



.gap12 { margin-bottom: 12px }



.gap20 { margin-bottom: 20px }



.gap24 { margin-bottom: 24px }



.doublegap { margin-bottom: 24px }



.footgap { margin-bottom: 20px }



.largegap { margin-bottom: 12px }
.midgap { margin-bottom: 9px }
.smidgap { margin-bottom: 8px }
.thegap { margin-bottom: 7px }
.smallgap { margin-bottom: 6px }
.quantumgap { margin-bottom: 5px }
.weeniegap { margin-bottom: 4px }
.tinygap { margin-bottom: 3px }
.microgap { margin-bottom: 2px }
.picogap { margin-bottom: 1px }

.small { color #666666; font-family: Trebuchet MS, Arial, Verdana, Tahoma; font-size: 8pt; line-height: 10pt; }

.smallblack { color: #000000; font-family: Trebuchet MS, Arial, Verdana, Tahoma; font-size: 8pt }
.smallwhite { color: #ffffff; font-family: Trebuchet MS, Arial, Verdana, Tahoma; font-size: 8pt }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */