/*
For testing containers: border: medium double rgb(250,0,255);
*/

.Test{
POSITION: relative; MARGIN: 5px 0 0 0; PADDING: 0 5px 5px 5px; BACKGROUND-COLOR: #559C5A;
}
.Test h3{
COLOR: #FFFFFF;
}
.Test h1{
COLOR: #DEAB3D;
}

/* 
*******************************
1. CONTAINERS
*******************************
*/
/* 
*******************************
1.a. CONTAINERS BODY
*******************************
*/
/* Page background behind  */
 #ContBody1{
MARGIN: 0px; BACKGROUND: #f7f7f7 url('../images/BgLogo PAL.jpg') top left repeat-x;
}
#ContBody71{
POSITION: absolute; LEFT: 50%; MARGIN-LEFT: 460px; TOP: 30px; DISPLAY: none !important;
}
#ContBody72{
POSITION: absolute; LEFT: 50%; MARGIN-LEFT: 410px; TOP: 758px; DISPLAY: none !important;
}
#ContBody73{
POSITION: absolute; LEFT: 50%; MARGIN-LEFT: -758px; TOP: 250px; DISPLAY: none !important;
}
/* Page border or frame */
#ContBody2{
POSITION: absolute; LEFT: 50%; WIDTH: 1170px; MARGIN-LEFT: -585px; MARGIN-TOP: 10px; MARGIN-BOTTOM: 0px; BACKGROUND-COLOR: #ebebeb; 
}
/* Page Background*/
#ContBody3{
POSITION: relative; WIDTH: 1158px; MARGIN: 6px; BACKGROUND-COLOR: #FFFFFF;
}

#ContBody31{
POSITION: absolute; TOP: -6px; LEFT: -6px;
}
#ContBody32{
POSITION: absolute; TOP: -6px; RIGHT: -6px;
}
#ContBody33{
POSITION: absolute; BOTTOM: -6px; LEFT: -6px;
}
#ContBody34{
POSITION: absolute; BOTTOM: -6px; RIGHT: -6px;
}

#ContBodyPart2{
POSITION: absolute; BOTTOM: -10px; LEFT: 0px; HEIGHT: 10px; WIDTH: 752px;
}

#ContBody4{
POSITION: relative; FLOAT: left; WIDTH: 890px; MARGIN: 0px; PADDING-LEFT: 10px;padding-right:10px;
}
.ContBody5{
POSITION: relative; FLOAT: left; BACKGROUND-COLOR: #425538; MARGIN: 0 10px 10px 0; PADDING: 10px;
}
#ContBody6{
MARGIN-BOTTOM: 15px;
}

#ContBody6 a{
MARGIN: 0 5px 0 5px;
}
#ContBody8{
MARGIN-LEFT: 80px;
}

/* 
*******************************
1.b. CONTAINERS HEADER
*******************************
*/
#ContHeader1{
POSITION: relative; HEIGHT: 90px; BACKGROUND: url('../images/HeaderBg G.jpg') repeat;
}
#ContHeader2{
POSITION: absolute; TOP: 11px; RIGHT: 18px; TEXT-ALIGN: right;
}
/*Home And Cart Contact Us Buttons*/
#ContHeader2 a{
FONT-SIZE: 14px; FONT-WEIGHT: 600; FONT-FAMILY: verdana, arial, helvetica, sans-serif; COLOR: #663300;
}
/* Font Size Button And Print Button*/
#ContHeader3{
POSITION: absolute; TOP: 55px; RIGHT: 15px; TEXT-ALIGN: right;
}
#ContHeaderLogo{
POSITION: absolute; TOP: -10px; LEFT: 20px;
}
#ContHeaderSearch1{
POSITION: absolute; TOP: 28px; RIGHT: 15px; TEXT-ALIGN: right; HEIGHT: 22px;
}
#ContHeaderSearch2 {
POSITION: relative; BACKGROUND: url('../images/SearchBg ST.gif'); HEIGHT: 22px; WIDTH: 45px; BORDER: 0px; FONT-SIZE: 12px; FONT-WEIGHT: 600; FONT-FAMILY: verdana, arial, helvetica, sans-serif; COLOR: #FFFFFF;
}
.ContHeaderSearch3{
POSITION: relative; FONT-SIZE: 11px; FONT-WEIGHT: 400; FONT-FAMILY: verdana, arial, helvetica, sans-serif; MARGIN-RIGHT: 5px; BORDER: 1px solid #90866F; LINE-HEIGHT: 18px; HEIGHT: 18px;
}

/* 
*******************************
1.c. CONTAINERS MENU           '../images/HTBCButtonBg.gif'
*******************************
*/	
/*Main Buttons*/
#MenuL1{
POSITION: relative; HEIGHT: 27px; MARGIN-TOP: -30px; MARGIN-LEFT: 320px; WIDTH: 510px; z-index: 0;
}

#MenuL1 li {
	FLOAT: LEFT; HEIGHT: 36px; MARGIN: 0px 5px 0 0px; TEXT-ALIGN: center; LINE-HEIGHT: 36px;
	}


  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #MenuL1 a {float:none;}
  /* End IE5-Mac hack */
  #MenuL1 #MenuL1On a {
    BACKGROUND-IMAGE:url; COLOR: #000000;
    }


#MenuL1Cont1{
POSITION: absolute; TOP: 0px; RIGHT: 1px; HEIGHT: 30px; WIDTH: 299px; BACKGROUND: url('../images/MenuL1Clouds.gif') no-repeat;
}
#MenuL1Cont2{
POSITION: relative; FLOAT: right; MARGIN-RIGHT: 10px; LINE-HEIGHT: 30px; HEIGHT: 30px; WIDTH: 251px; FONT-SIZE: 12px; FONT-WEIGHT: 600; FONT-STYLE: italic; TEXT-ALIGN: center; BACKGROUND: url('../images/HTBCButtonBg.gif') right top no-repeat;
}
#MenuL1Cont2 a{
COLOR: #FFFF66;
}

#MenuBar{
BACKGROUND-COLOR: #559C5A; HEIGHT: 10px; WIDTH: 100%;
}

#MenuL2{
POSITION: relative; BACKGROUND: url('../images/MenuL2Bg STNG.gif') repeat; HEIGHT: 18px;
}
#MenuL2 div{
FLOAT: right; MARGIN: -10px 10px 0 15px; FONT-SIZE: 13px; FONT-WEIGHT: 400;
}
#MenuL2 a:link, #MenuL2 a:visited {
	TEXT-DECORATION: none; color: #ffffff; LINE-HEIGHT: 22px; PADDING: 1px 2px 3px 2px;
	}
#MenuL2 a:hover {
	TEXT-DECORATION: underline; color: #ffffff; LINE-HEIGHT: 22px; PADDING: 1px 2px 3px 2px;
	}
#MenuL2On{
BACKGROUND: url('../images/MenuL2OnArrow.gif') top center no-repeat; MARGIN: 0px; HEIGHT: 28px;
}
#MenuL2On a{
BACKGROUND-COLOR: #425538;
}
.ClearFloat{

}

#MenuL3{
POSITION: relative; BACKGROUND: #582716;COLOR: #ffffff; FONT-SIZE: 14px; FONT-WEIGHT: 600;HEIGHT: 30px; padding-LEFT: 130px;
}
#MenuL3 div{
FLOAT: right; MARGIN: -2px 10px 0 15px; FONT-SIZE: 130px; FONT-WEIGHT: 400;
}
#MenuL3 a:link, #MenuL3 a:visited {
	TEXT-DECORATION: none; color: #ffffff;
	}
#MenuL3 a:hover {
	TEXT-DECORATION: underline; color: #ffffff;
	}
#MenuL3On{
TEXT-DECORATION: underline; FONT-WEIGHT: bold;
}

#MenuL4Cont1{
POSITION: relative; BACKGROUND: url('../images/HierarchyBg.jpg') repeat; HEIGHT: 36px;
}
.MenuL4Cont2{
COLOR: #932613;
}
#MenuL4Cont3{
FLOAT: right;
}
#MenuL4Cont4{
MARGIN: 5px 0 0 10px;
}

/* 
*******************************
1.d. CONTAINERS PORTLET
*******************************
*/
#ContPortlet1{
POSITION: relative; FLOAT: right; WIDTH: 170px; MARGIN: 0px; PADDING-RIGHT: 20px;
}
.ContPortlet2{
POSITION: relative;text-align:center; COLOR: #FFFFFF; BACKGROUND: #74684B url('../images/PortalTab ST.gif') left top no-repeat; FONT-FAMILY: arial, helvetica, sans-serif; FONT-SIZE: 15px; FONT-WEIGHT: 600; PADDING: 7px 0 5px 10px; MARGIN-TOP: 15px;
}
.ContPortlet21{
POSITION: relative;text-align:center; COLOR: #FFFFFF; BACKGROUND: #74684B url('') left top no-repeat; FONT-FAMILY: arial, helvetica, sans-serif; FONT-SIZE: 15px; FONT-WEIGHT: 600; PADDING: 7px 0 5px 10px; 
}
.ContPortlet3{
POSITION: relative; PADDING: 5px 2px 5px 5px; WIDTH: 157px; FONT-FAMILY: arial, helvetica, sans-serif; BORDER-LEFT: 3px solid #B3A789; BORDER-RIGHT: 3px solid #B3A789; COLOR: #000000;
}
.ContPortlet3 a{
COLOR: #582716; 
}
.ContPortlet31 {
POSITION: relative; text-align:center; PADDING: 5px 2px 5px 5px; WIDTH: 157px; FONT-FAMILY: arial, helvetica, sans-serif; BORDER-LEFT: 3px solid #B3A789; BORDER-RIGHT: 3px solid #B3A789; COLOR: #000000;
}
.ContPortlet32 {
POSITION: relative; text-align:center; PADDING: 5px 2px 5px 5px; FONT-FAMILY: arial, helvetica, sans-serif; WIDTH: 157px; BORDER-LEFT: 3px solid #B3A789; BORDER-RIGHT: 3px solid #B3A789; COLOR: #000000; BACKGROUND: url('../images/PortalBg.jpg') left top repeat-x;
}

.ContPortlet4{
TEXT-ALIGN: center; MARGIN: 0 0 0 -8px; PADDING: 0px;
}
#ContPortlet5 {POSITION: relative; float:left;WIDTH: 650px; MARGIN-TOP: 8px; padding-right:10px;}
#ContPortlet5 a{
/* COLOR: #FFFFFF; */
}
.ContPortlet51{
FLOAT: right; MARGIN: 10px 15px 0 5px;
}

#ContPortlet6 {POSITION:relative;float:right;WIDTH:180px;padding:10px;TEXT-ALIGN:center;FONT-SIZE:13px;FONT-WEIGHT:600;margin-top:20px;margin-right:20px;border:1px solid #425538;}
#ContPortlet61 {POSITION:relative;BACKGROUND-COLOR:#FFFFFF;COLOR:#000000;MARGIN-BOTTOM:20px;PADDING-TOP:1px;}
#ContPortlet62 {POSITION:relative;BACKGROUND-COLOR:#425538;COLOR:#FFFFFF;margin:10px;padding:5px;}
#ContPortlet61 a,#ContPortlet62 a,#ContPortlet63 a{COLOR: #FFFFFF;}

#ContPortlet7{width:920px;float:left;MARGIN-TOP:10px;}
#ContPortlet7 a{/*COLOR: #FFFFFF;*/}

#ContPortlet8{
POSITION: relative; WIDTH: 930px; MARGIN-LEFT: 15px;
}
#ContPortlet8 a{
COLOR: #582716;
}
.ContPortlet9{
POSITION: relative; FLOAT: left; MARGIN: 15px 20px 5px 10px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center;
}

.ContPortletQuote1{
BACKGROUND: url('../images/QuoteB.gif') left top no-repeat; FONT-STYLE: italic; PADDING: 10px 10px 10px 80px;
}
.ContPortletQuote2{
PADDING: 10px 10px 10px 80px;
}
.ContentBlock {
width: 100%; padding: 2px
}

.ContPortletPBar1{
BACKGROUND-COLOR: #587498; TEXT-ALIGN: center; COLOR: #ffffff;
}
.ContPortletPBar1 a{
COLOR: #ffffff;
}
.Offer{
POSITION: relative; MARGIN-RIGHT: -45px; MARGIN-LEFT: -15px;vertical-align:bottom; /* bottom-align for V1.1 of XsPreview */
}
.OfferGreenSec{
POSITION: absolute; RIGHT: 0px; TOP: 90px;
}


.ContTable1 table{
PADDING-LEFT: 10px; FONT-SIZE: 13px; COLOR: #ffffff; FONT-WEIGHT: 600;
}
.ContTable2{
 POSITION: relative; MARGIN-BOTTOM: 20px; BORDER-BOTTOM: 1px solid #006633;
}
.DataRow {
TEXT-ALIGN: left;
}

#Left { position:relative;width:200px;float:left;margin:10px;padding-right:10px;border-right:1px solid gray; }
#MiddleR {float:left;width:920px;}

/* 
*******************************
1.e. CONTAINERS FOOTER
*******************************
*/
#ContFooter1{
DISPLAY: block; CLEAR: both; BORDER: 1px solid #DFD9C3; MARGIN: 0 20px 14px 20px; PADDING: 5px 2px 10px 15px;
}

#ContFooter2{
POSITION: relative; FONT-SIZE: 15px; PADDING: 5px 0 5px 20px; LINE-HEIGHT: 20px; COLOR: #425538; FONT-WEIGHT: 600; padding-LEFT: 190px;
}
#ContFooter2 a{
COLOR: #425538; MARGIN: 0 6px 0 6px;
}
#ContFooter3{
POSITION: relative; MARGIN: 0 20px 14px 20px; TEXT-ALIGN: center;
}
#ContFooterLinkToUs{
TEXT-ALIGN: center;
}

/* 
*******************************
1f. Defensive module
*******************************
*/
.ContDef1{
LINE-HEIGHT: 16px; BACKGROUND: #F9F2EE; BORDER: #ff0000 1px solid; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Sans-Serif;
WIDTH: 520px; PADDING: 10px; TEXT-ALIGN: left; MARGIN: 15px 0px 15px 15px;
}
.ContDef2{
BACKGROUND: url("../images/warning36red.gif") center left no-repeat; PADDING-LEFT: 50px;
}
.ContDef3{
COLOR: #ff0000;
}

/* 
*******************************
S3. HTML TAGS
*******************************
*/

/* Must have p, p.Center, p.Right, hr, td, th, pre, td.title, td.alt1, td.alt2 */
html{
	MARGIN: 0; PADDING: 0px;
}
body{ /* main place to define font family, size */
	BACKGROUND-COLOR: #EEEEEE; FONT-FAMILY: verdana, arial, helvetica, sans-serif; FONT-SIZE: 11px;
}

table, td {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif; FONT-SIZE: 11px;
}
p, blockquote, li, td, th, pre { /* main place for line height */
	margin: 0px; LINE-HEIGHT: 20px; padding: 5px 5px 5px 5px;
}

td a{
FONT-SIZE: 12px; FONT-WEIGHT: 600; FONT-FAMILY: verdana, arial, helvetica, sans-serif; COLOR: #000000;
}

p.DeEmph {
	font-size: 8pt;
	}
p.Footer {
	font-size: 8pt; text-align: center; padding: 10px;
	}
p.Footnotes {
	font-size: 8pt; padding: 10px;
	}
p.BackToTop {
	text-align: right;
	}
p.Center {
	text-align: center;
	}
p.Right {
	text-align: right;
	}
ul {
	LIST-STYLE-IMAGE: url('../../images/List ST.png'); MARGIN: 3px 3px 3px 10px; PADDING: 0px; LINE-HEIGHT: 10px; 
}
li {
	MARGIN:0 0 0px 0px; PADDING: 0px; LINE-HEIGHT: 12px;
}
input{
FONT-SIZE: 11px;
}
hr{
	COLOR: #425538; WIDTH: 90%; TEXT-ALIGN: center; HEIGHT: 1px;
}
h6 a{
	COLOR: #000000;
}

a.external {
	background: url("/images/exportWebReport.gif") right no-repeat; padding: 0 20px 0 0;
}
a.external_pdf {
	background: url("/images/exportPDF.gif") right no-repeat; padding: 0 20px 0 0;
}
a.external_doc {
	background: url("/images/exportWord.gif") right no-repeat; padding: 0 20px 0 0;
}
a.external_xls {
	background: url("/images/exportExcel.gif") right no-repeat; padding: 0 20px 0 0;
}

form{
MARGIN: 0px; PADDING: 0px;
}
textarea{
	FONT-FAMILY: verdana, arial, helvetica, sans-serif; FONT-SIZE: 12px;
}

/*
*******************************
S4. Headers
*******************************
*/

/*
SYNTAX FOR XML TAGS FOR MENUS (C) XSYNTHESIS LLC
Example: xsStyle name="TextSuperscript" group="Text" label="Superscript"
xsStyle tag = states that the tag is significant to be added to a particular list
	name attribute = xsTitle for title name entry of menus; others refer to the actual style, such as h1 for .h1 style, etc (required)
	group attribute = currently supported ones are: Text, Highlight, Block (required, must not be blank)
	label attribute = descriptive label show for the particular title or style (required, can be blank)
Tips: 
-- XML xsStyle tags have to be on one line (no line breaks are allowed inside it; 
*/

/* <xsStyle name="xsTitle_Titles" type="Title" group="Text" label="---------- TITLES ----------"/> */

/* <xsStyle name="h1" group="Text" label="Page Header"/> */
h1 {
	FONT-SIZE: 22px; COLOR: #000000; FONT-WEIGHT: 600; MARGIN: 10px 0 10px 0; FONT-FAMILY: arial narrow, verdana, arial, sans-serif;
	}
/* <xsStyle name="h2" group="Text" label="Section Header"/> */
h2 {
	FONT-SIZE: 18px; COLOR: #CC6600; FONT-WEIGHT: 600; MARGIN: 12px 0 6px 0; FONT-FAMILY: arial narrow, verdana, arial, sans-serif;
	}
/* <xsStyle name="h3" group="Text" label="Sub 3 Section Header"/> */
h3 {
	FONT-SIZE: 13px; COLOR: #425538; FONT-WEIGHT: 400; FONT-STYLE: italic; MARGIN: 10px 0 10px 0; LINE-HEIGHT: 18px;
	}
h3 a{
 COLOR: #425538;
	}
/* <xsStyle name="h4" group="Text" label="List Title"/> */
h4 {
	FONT-SIZE: 15px; FONT-STYLE: italic; MARGIN: 0 0 8px 0; LINE-HEIGHT: 20px; COLOR: #425538;
	}
/* <xsStyle name="h5" group="Text" label="Sub 5 Section Header"/> */
h5 {
	FONT-SIZE: 10px; COLOR: #582716; FONT-WEIGHT: 400; MARGIN: 4px 0 4px 0;
	}
h5 a{
COLOR: #582716; FONT-WEIGHT: 600;
	}

/* <xsStyle name="h6" group="Text" label="Sub 6 Section Header"/> */
h6 {
	FONT-SIZE: 12px; TEXT-ALIGN: right; MARGIN: 0 6px 0 6px; LINE-HEIGHT: 36px;
	}

/* 
*******************************
2. Text
*******************************
*/

/* <xsStyle name="xsTitle_Text" group="Text" label="---------- TEXT ----------"/> */
/* <xsStyle name="TextBold" group="Text" label="Bold"/> */
.TextBold { 
	 FONT-WEIGHT: 600;
	}
/* <xsStyle name="TextItalic" group="Text" label="Italic"/> */
.TextItalic { 
	 FONT-STYLE: italic;
}
/* <xsStyle name="TextUnderline" group="Text" label="Underline"/> */
.TextUnderline { 
	color: #4A6282; text-decoration: underline; FONT-WEIGHT: 600; 
	}
/* <xsStyle name="TextAllCaps" group="Text" label="All Caps"/> */
.TextAllCaps { 
	color: black; text-transform: uppercase;
	}
/* <xsStyle name="TextSuperscript" group="Text" label="Superscript"/> */
.TextSuperscript {
    vertical-align: super;
	}
/* <xsStyle name="TextSubscript" group="Text" label="Subscript"/> */
.TextSubscript { 
    vertical-align: sub;
	}
/* <xsStyle name="TextDeleted" group="Text" label="Deleted"/> */
.TextDeleted {
    text-decoration: line-through;
	}
/* <xsStyle name="TextRed" group="Text" label="Red"/> */
.TextRed { 
	 COLOR: #FF0000;
	}

/* <xsStyle name="TextEmph1" group="Text" label="Text 1"/> */
.TextEmph1 { 
	 COLOR: #4A6282; FONT-WEIGHT: 600;font-size:13px;
}
/* <xsStyle name="TextEmph2" group="Text" label="Text 2"/> */
.TextEmph2 {
	 COLOR: #425538; FONT-SIZE: 13px; LINE-HEIGHT: 17px; MARGIN: 8px 0 8px 0; PADDING: 0px;
	}
.TextEmph2 a{
	 COLOR: #000000;
	}

/* <xsStyle name="TextEmph3" group="Text" label="Text 3"/> */
.TextEmph3 {
	COLOR: #425538; FONT-WEIGHT: 600; 
	}
.TextEmph3 a{
	COLOR: #582716; 
	}	
/* <xsStyle name="TextEmph4" group="Text" label="Text 4"/> */
.TextEmph4 {
	COLOR: #425538; FONT-WEIGHT: 600; MARGIN: 0px; PADDING: 0 0 20px 0; FONT-SIZE: 13px; 
	}
/* <xsStyle name="TextEmph5" group="Text" label="Text 5"/> */
.TextEmph5 {
	 FONT-SIZE: 13px; FONT-WEIGHT: 600; COLOR: #FFFFFF; PADDING-TOP: 0px; MARGIN-TOP: 0px;
	}
.TextEmph5 a{
	 COLOR: #FFFFFF;
	}
/* <xsStyle name="TextEmph6" group="Text" label="Text 6"/> */
.TextEmph6 {
	COLOR: #ff0000; FONT-SIZE: 20px;
	}
.TextEmph7{
	 FONT-SIZE: 11px; FONT-FAMILY: verdana, arial, sans-serif; LINE-HEIGHT: 16px;
}
.TextEmph8 {COLOR: #DEAB3D; FONT-SIZE: 23px; FONT-FAMILY: arial narrow, verdana, arial, sans-serif; FONT-WEIGHT: 600; PADDING:  5px 0 0 5px; 
	LINE-HEIGHT: 20px;border-bottom:1px solid gray;margin-bottom:5px;}
.TextEmph9 {
	COLOR: #333333;font-weight:bold;margin-bottom:5px; FONT-SIZE: 17px;
	}

/* 
*******************************
S5. Text highlight and decoration (must start with "Highlight")
*******************************
*/

/******************************************
<xsStyle name="xsTitle_Highlights" group="Highlight" label="---------- HIGHLIGHTS ----------"/> 
*******************************************/
/* <xsStyle name="HighlightYellow" group="Highlight" label="Highlight Yellow"/> */
.HighlightYellow {
	background-color: #FFFF00;
	}
/* <xsStyle name="HighlightGreen" group="Highlight" label="Highlight Green"/> */
.HighlightGreen {
	background-color: #33FF99;
	}
/* <xsStyle name="HighlightTeal" group="Highlight" label="Highlight Teal"/> */
.HighlightTeal {
	background-color: #66CCCC;
	}
/* <xsStyle name="HighlightBlue" group="Highlight" label="Highlight Blue"/> */
.HighlightBlue {
	background-color: #33CCFF;
	}
/* <xsStyle name="HighlightPurple" group="Highlight" label="Highlight Purple"/> */
.HighlightPurple {
	background-color: #CC99FF;
	}
/* <xsStyle name="HighlightRed" group="Highlight" label="Highlight Red"/> */
.HighlightRed {
	background-color: #FF3300;
	}

/* <xsStyle name="Hi1" group="Highlight" label="Highlight 1"/> */
.Hi1 {
	background-color: #FF9933;
	}
/* <xsStyle name="Hi2" group="Highlight" label="Highlight 2"/> */
.Hi2{
	background-color: #000000; PADDING: 2px; COLOR: #ffffff; 
	}
/* <xsStyle name="Hi3" group="Highlight" label="Highlight 3"/> */
.Hi3{
	PADDING: 3px; border: 2px solid #ff0000;  
	}
/* <xsStyle name="Hi4" group="Highlight" label="Highlight 4"/> */
.Hi4{
	PADDING: 3px; border: 3px double #ff0000;  
	}
/* <xsStyle name="Hi5" group="Text" label="Highlight 5"/> */
.Hi5{
	background-color: #99FF00; PADDING: 2px;
	}
/* <xsStyle name="Hi6" group="Highlight" label="Highlight 6"/> */
.Hi6{
	background-color: #FFFFCC;color: #B22222;
	}
/* <xsStyle name="Hi7" group="Highlight" label="Highlight 7"/> */
.Hi7{
	background-color: #316AC5; PADDING: 2px; COLOR: #ffffff; 
	}
/* <xsStyle name="Hi8" group="Highlight" label="Highlight 8"/> */
.Hi8{
	background-color: #316AC5; PADDING: 2px; COLOR: #ffffff; 
	}


/* 
*******************************
S6. Note flags
*******************************
*/
	
/* <xsStyle name="xsTitle_Blocks" group="Block" label="---------- BLOCK TITLES ----------"/> */
/* <xsStyle name="ContentTitleA" group="Block" label="Block A"/> */
.ContentTitleA {
	position: relative; width: 400px; height: 10px; border: 1px solid #003399; background-color: #003399; padding: 3px
	}
/* <xsStyle name="ContentTitleB" group="Red" label="Block B"/> */
.ContentTitleB {
	position: relative; width: 400px; height: 10px; border: 1px solid #99CC00; background-color: #99CC00; padding: 3px
	}
/* <xsStyle name="ContentTitleC" group="Green" label="Block C"/> */
.ContentTitleC {
	position: relative; width: 400px; height: 10px; border: 1px solid #CCCCCC; background-color: #CCCCCC; padding: 3px
	}
.ContentText {
	position: relative; width: auto; border: 1px solid #99CC00; padding: 6px; margin:0; FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 11px;
	}
.NoteHandwriting{
	BACKGROUND-IMAGE: url("../images/NotebookBg.gif"); BORDER: 1px solid #386FC7; WIDTH: 250px; LINE-HEIGHT: 21px; PADDING: 4px 10px 4px 10px; 
	FONT-FAMILY: "Fine Hand", Verdana, sans-serif; FONT-SIZE: 12px; POSITION: absolute;
	}
.NoteBaloon{
	width: 200px; background: #eeeeee; border: 2px solid #999999; 
	padding: 0.5em; line-height:1.6; float: right;
	}
.NoteBaloon1{
	position: absolute; width: 245px; HEIGHT: 200px; BACKGROUND-IMAGE: url(../images/Baloon.gif); BACKGROUND-REPEAT: no-repeat;
	}
.NoteFlag { 
	font-family: Wingdings;	font-size: 10pt; color: #000080;
	}
.NoteFlagRed {
	font-family: Wingdings;	font-size: 10pt; color: #FF0000;
	}
.NoteFlagYellow {
	font-family: Wingdings;	font-size: 10pt; color: #cc9900; 
	}
.NoteFlagGreen {
	font-family: Wingdings;	font-size: 10pt; color: green; 
	}
.NoteFlagWeb {
	font-family: Webdings; font-size: 10pt; color: #006600;
	}
.NoteFlagRegular {
	font-size: 10pt; background-color: #cccccc; border: 1px solid black; padding-left: 1px; padding-right: 1px; 
	}
.NoteFlagRegularRed {
	font-size: 10pt; color: red; background-color: #ffcccc; border: 1px solid red; padding-left: 1px; padding-right: 1px; 
	}
.NoteFlagRegularYellow {
	font-size: 10pt; color: black; background-color: yellow; border: 1px solid black; padding-left: 1px; padding-right: 1px; 
	}
.NoteFlagRegularGreen {
	font-size: 10pt; color: green; background-color: #ccff33; border: 1px solid green; padding-left: 1px; padding-right: 1px; 
	}