/*
For testing containers: border: medium double rgb(250,0,255);
*/
html, body {
  background-color: #000; /* or #121212 or your dark background color */
}

.Test{
POSITION: relative; MARGIN: 5px 0 0 0; PADDING: 0 5px 5px 5px; BACKGROUND-COLOR: #559C5A;
}
.Test h3{
COLOR: #FFFFFF;
}
.Test h1{
COLOR: #DEAB3D;
}
::selection {
  background: #559c5a; /* Highlight color */
  color: #fff;      /* Text color */
}

/* 
*******************************
1. CONTAINERS
*******************************
*/
/* 
*******************************
1.a. CONTAINERS BODY
*******************************
*/
/* Page background behind  */
 #ContBody1{
MARGIN: 0px; WIDTH: 100%; BACKGROUND: #ffffff url('/images/BgLogo PALV3.jpg') top left repeat-x; z-index: 0;

}

#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; WIDTH: 100%; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; BACKGROUND-COLOR: #ffffff; BORDER: 0px solid red; z-index: 0;
}
body.dark-mode #ContBody2 {
  background-color: #000;
  color: #fff;
}
/* Page Background*/
#ContBody3 {
  position: relative;
  width: 100%;
  margin: 0;
  background-color: #ffffff; /* Light mode default */
  color: #000000; /* Light mode text */
  z-index: 0;
}

body.dark-mode #ContBody3 {
  background-color: #000;
  color: #fff;
}
#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; MARGIN: 0px; PADDING-LEFT: 0px; padding-right:0px;  MIN-WIDTH: 400px;  MARGIN-LEFT: 20px; MIN-HEIGHT: 3450px; MARGIN-RIGHT: 20px; z-index: -1;
}
#Res{
POSITION: relative; FLOAT: left; WIDTH: 70%; MARGIN: 0px; PADDING-LEFT: 25	0px; padding-right:10px;  MIN-WIDTH: 220px; MARGIN-LEFT: 25px; MIN-WIDTH: 300px;
}
.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;
}
#ContactUs{
POSITION: relative; FLOAT: left; WIDTH: 75%; MARGIN: 0px; PADDING-LEFT: 0px; padding-right:10px;  MIN-WIDTH: 220px; MARGIN-BOTTOM: 170px;
}

/* 
*******************************
1.b. CONTAINERS HEADER
*******************************
*/
#ContHeader1{
display: flex;
  justify-content: flex-start; HEIGHT: 94px; MARGIN-LEFT: 0px; WIDTH:1990; left: 0px;  MIN-WIDTH: 300px; background: linear-gradient(to right, #fff, #559c5a);

}
body.dark-mode #ContHeader1 {
  background: linear-gradient(to right, #000, #559c5a);
}

#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: 67px; RIGHT: 15px; TEXT-ALIGN: right;
}
#ContHeaderLogo{
  margin-left: 60px; display: flex; justify-content: flex-start; 
}
#HeaderLogoImage {
  width: 287px;
  height: 89px;
}
@media (max-width: 1000px) {
  #ContHeaderLogo {
     justify-content: center;
    width: 100%;
	margin-left: 0px;
	}

}
@media (max-width: 425px) {
  #HeaderLogoImage {
	width: 265px;
	height: 82px;
	MARGIN-TOP: 5px;
	}
}

@media (max-width: 415px) {
  #HeaderLogoImage {
	width: 240px;
	height: 75px;
	MARGIN-TOP: 8px;
	}
}

@media (max-width: 375px) {
  #HeaderLogoImage {
	width: 200px;
	height: 62px;
	MARGIN-TOP: 18px;
	}
}

#ContHeaderSearch1{
POSITION: absolute; TOP: 28px; RIGHT: 15px; TEXT-ALIGN: right; HEIGHT: 22px;
}
#ContHeaderSearch2 {

}
.my-link-GO {
        display: inline-block;
        padding: 4px 10px;
        font-size: 13px;
        text-decoration: none;
        border-radius: 25px;
        cursor: pointer;
        transition: background-color 0.5s ease, transform 0.3s ease;
        background: rgba(255, 255, 255, 0.3);
        color: #000;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        font-family: 'Nunito', Arial, sans-serif;
        border: none;
    }

    .my-link-GO:hover {
        transform: scale(1.15);
        background-color: #74684b;
        background: rgba(116, 104, 75, 1.0);
		color: #fff;
    }
	
	
.ContHeaderSearch3 {
  position: relative;
  font-size: 11px;
  font-weight: 400;
  font-family: 'Nunito', Arial, sans-serif;
  margin-right: 5px;
  border: 0px solid rgba(255, 255, 255, 0.3);
  border-radius: 14px;
  line-height: 10px;
  height: 17px;
  padding: 4px 10px;
  outline: none;
  background: rgba(255, 255, 255, 0.3);
  color: #000;
 
 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: background-color 0.5s ease, transform 0.2s ease, color 0.5s ease, border-color 0.2s ease;
}

.ContHeaderSearch3:focus {
   border-color: #74684b;
      outline: none;
	   background: rgba(255, 255, 255, 1.0);
	   transform: scale(1.03);
	   color: #000;
}
 
	.ContHeaderSearch3:hover {

	  transform: scale(1.03);
  
}
input.ContHeaderSearch3::placeholder {
  color: black; 
  transition: color 0.5s;
}
input.ContHeaderSearch3:hover::placeholder {
  color: gray; 
}
input.ContHeaderSearch3:focus::placeholder {
  color: gray; 
}





/* 
*******************************
1.c. CONTAINERS MENU           '../images/HTBCButtonBg.gif'
*******************************
*/	
/*Main Buttons*/
#MenuL1{
POSITION: relative; HEIGHT: 27px; MARGIN-TOP: -42px; MARGIN-LEFT: 36%; WIDTH: 510px; z-index: 0; MARGIN-BOTTOM: 15px; text-align: Center;
}
 @media screen and (max-width: 1000px) {
            #MenuL1 {
                display: none;

            }
		}


#MenuL1 li {
	FLOAT: LEFT; HEIGHT: 36px; MARGIN: 0px 2px 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: auto;
}

#MenuL2{
POSITION: relative; MARGIN-LEFT: 0px; WIDTH: 100%; BACKGROUND: #559c5a; HEIGHT: 8px; z-index: -10;  background: linear-gradient(to right, #fff, #559c5a);   BORDER-TOP: 4px solid #559c5a; BORDER-BOTTOM: 0px solid #582716; 
}
body.dark-mode #MenuL2 {
  background: linear-gradient(to right, #000, #559c5a);
}
#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; PADDING: 0px 0px 0px 0px; MARGIN-LEFT: 0px; WIDTH: 100%;  COLOR: #ffffff; FONT-SIZE: 14px; FONT-WEIGHT: 600;HEIGHT: 35px; padding-LEFT: 0px; MIN-WIDTH: 300px; z-index: -10; text-align: Center; font-family: 'Nunito', Arial, sans-serif; background-blend-mode: overlay;
 background:
   
    linear-gradient(to right, #fff,  #559c5a);
}
body.dark-mode #MenuL3 {
  background: linear-gradient(to right, #000, #559c5a);
}
@media (max-width: 1000px) {
  #MenuL3 {
	display: none;
	}
}


#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;
}


#HomeTop{
POSITION: relative; 
}

#CartB{
POSITION: relative; HEIGHT: 20px; TOP:0px; RIGHT:0px;
}

/* 
*******************************
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: 'Nunito', Arial, 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: 'Nunito', Arial, 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: 'Nunito', Arial, 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: 'Nunito', Arial, 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: 'Nunito', Arial, 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:95%; float:Center; MARGIN-TOP:10px; MARGIN-LEFT: 20px; }
#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:absolute; width:200px; float:left; margin:10px; padding-right:10px; border-right:1px solid gray; HEIGHT:1440px; }
#MiddleR {float:Center;width:100%;padding-RIGHT: 0px;MIN-HEIGHT: 400px; MARGIN-RIGHT: 0px;}

/* 
*******************************
1.e. CONTAINERS FOOTER
*******************************
*/
#ContFooter1{
DISPLAY: block; CLEAR: both; BORDER: 0px solid #DFD9C3; MARGIN: 0 0px 0px 0px; PADDING: 5px 2px 10px 15px; BACKGROUND-COLOR: #559c5a;   BORDER-TOP: 10px solid #582716;  PADDING-RIGHT:20px; 
}

#ContFooter2{
POSITION: relative; FONT-SIZE: 15px; PADDING: 5px 0 5px 20px; LINE-HEIGHT: 20px; COLOR: #582716; FONT-WEIGHT: 600; padding-LEFT: 0px; TEXT-ALIGN: center;  BACKGROUND-COLOR: #559c5a;   BORDER-TOP: 10px solid #559c5a;
}
#ContFooter2 a{
COLOR: #425538; MARGIN: 0 6px 0 6px;
}
#ContFooter3{
POSITION: relative; MARGIN-BOTTOM: 0px; TEXT-ALIGN: center; BACKGROUND-COLOR: #559c5a; BORDER: 10px solid #559c5a;
}
#ContFooterLinkToUs{
TEXT-ALIGN: center;
}

/* 
*******************************
1f. Defensive module
*******************************
*/
.ContDef1{
LINE-HEIGHT: 16px; BACKGROUND: #F9F2EE; BORDER: #ff0000 1px solid; FONT-SIZE: 12px; COLOR: #ff0000; font-family: 'Nunito', 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: 'Nunito', Arial, sans-serif; FONT-SIZE: 11px;
}

table, td {
	font-family: 'Nunito', Arial, 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; font-size: 12px;
}


p1 { /* main place for line height */
	margin: 0px; LINE-HEIGHT: 20px; font-size: 14px;
}

td a{
FONT-SIZE: 12px; FONT-WEIGHT: 600; font-family: 'Nunito', Arial, 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: 'Nunito', Arial, 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: 'Nunito', 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: 'Nunito', Arial, sans-serif; text-align:Center;
	}
/* <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: 12px; COLOR: #fff; FONT-WEIGHT: 300; MARGIN: 4px 0 4px 0; font-family: 'Nunito', Arial, sans-serif;
	}
h5 a{
COLOR: #fff; 

 
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.3s ease-in-out, color 0.3s;
  FONT-WEIGHT: 600;
  
	}
h5 a:hover {
  text-decoration-color: currentColor;
  
  
}




/* <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: 'Nunito', Arial, sans-serif; LINE-HEIGHT: 16px;
}
.TextEmph8 {COLOR: #CC6600; FONT-SIZE: 30px; FONT-FAMILY: 'Nunito', Arial, sans-serif; FONT-WEIGHT: 600; PADDING-BOTTOM:  10px; 
	LINE-HEIGHT: 20px; border-bottom:2px solid rgba(0, 0, 0, 0.1); margin-bottom:20px;  max-width: 1700px; text-align:Center; 
	  margin: 0 auto;}
	  
.TextEmph9 {
	COLOR: #ff0000;font-weight:bold;margin-bottom:5px;
	}
.TextEmph10 {FONT-SIZE: 18px; COLOR: #CC6600; FONT-WEIGHT: 600; MARGIN: 12px 0 6px 0; font-family: 'Nunito', Arial, sans-serif;}

/* 
*******************************
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: 'Nunito', Arial, 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: 'Nunito', Arial, 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; 
	}