body  {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #FFF;
	background-image: url(BG.png);
	background-repeat: repeat-x;
}
.twoColHybLtHdr #container { 
	width: 100%;  /* this will create a container 80% of the browser width */
	margin-left: 0px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColHybLtHdr #header { 
	padding-top: 40px;
	padding-left: 60px;
	background-color:#FFF;
} 
.twoColHybLtHdr #header h1 {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	font: 28px bolder Arial, Helvetica, sans-serif;
	color:#900;
}
.twoColHybLtHdr #header h2 {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	font: normal 26px Arial;
	color: 0;
	text-indent:
}
.twoColHybLtHdr #menu { 
	font: 12px Arial;
	background-color:#FFF;
	padding: 0px 0px 0px 0px;
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:none;
	border-right:none;
	margin: 0;
} 
.twoColHybLtHdr #menu span {
	margin: 0px;
	padding: 5px 4px 5px 5px;
	border-right: solid 1px;
	text-decoration: none;
	display:inline-block;
}
.twoColHybLtHdr #menu span.first {
	padding-left:5px;
	border-left:none;
}
.twoColHybLtHdr #menu span.last {
}
.twoColHybLtHdr #menu a {
	color:#000;
	text-decoration:none;
}
/* ---------------------------------- index.html Content ---------------------------------- */

.twoColHybLtHdr #welcomeContent {  /* for Home.html only */
	font: 14px Arial;
	padding-left: 0px;
	width: 880px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
} 
/* ---------------------------------- Home.html Content ---------------------------------- */

.twoColHybLtHdr #homeContent {  /* for Home.html only */
	font: 14px Arial;
	padding-left: 70px;
	padding-top: 50px;
	width: 830px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
} 

.twoColHybLtHdr #homeContent h2 {  /* for Home.html only */
	font: bold 18px Arial;
	color: #2C5DAA;
	margin:0px;
}

.twoColHybLtHdr #homeContent h2 a {  /* for Home.html only */
	color: #2C5DAA;
	display:block;
	width:100%;
	clear:both;
}

.twoColHybLtHdr #homeContent h2 a div.titleOnly {  /* for Home.html only */
	color: #2C5DAA; float:left; width:810px; clear:left;
}

.twoColHybLtHdr #homeContent h2 a div.title {  /* for Home.html only */
	color: #2C5DAA; float:left; width:130px; clear:left;
}

.twoColHybLtHdr #homeContent h2 a div.hyphen {  /* for Home.html only */
	color: #2C5DAA; float:left; width:20px; clear:none;
}

.twoColHybLtHdr #homeContent h2 a div.desc {  /* for Home.html only */
	color: #2C5DAA; float:left; width:660px; clear:right;
}

.twoColHybLtHdr #homeContent p {  /* for Home.html only */
	margin:0px;
	margin-bottom:0px;
	padding:0px;
} 
.twoColHybLtHdr #homeContent div.spacer {  /* for Home.html only */
	width:100%; height:20px; clear:both; margin:0px;
}

/* ---------------------------------- main Content ---------------------------------- */
.twoColHybLtHdr #mainContent { 
	font: 14px Arial;
	padding-left: 60px;
	line-height:24px;
	width: 960px; 
	margin-top: 40px;
} 

.twoColHybLtHdr #mainContent h1 { 
	font: bold 20px Arial;
	margin-top:40px;
	margin-bottom:20px;
} 

.twoColHybLtHdr #mainContent h2 { 
	font: bold 18px Arial;
	margin-bottom:20px;
	margin-left:20px;
} 

.twoColHybLtHdr #mainContent h3 { 
	font: bold 14px Arial;
	margin-bottom:20px;
	margin-left:40px;
} 

.twoColHybLtHdr #mainContent a.link { 
	color:#2C5DAA;
	text-decoration:underline;
}

.twoColHybLtHdr #mainContent a.item { 
	color:#000;
	text-decoration:none;
} 

.twoColHybLtHdr #mainContent ul { 
	margin:20px 0px;
	padding:0px;
} 

.twoColHybLtHdr #mainContent li { 
} 

/* Paragraph identation for Chapter 1 */
#P1 p, #P2 p, #P4 p {
	margin-left: 21px;
}

#P31 p, #P32 p, #P33 p {
	margin-left: 45px;
}

#P1 a, #P2 a, #P4 a {
	background-color:#036; margin-left: 21px; padding:2px 8px; color:#FFF; font-size:10px;
}

#P31 a, #P32 a, #P33 a {
	background-color:#036; margin-left: 45px; padding:2px 8px; color:#FFF; font-size:10px;
}

/* Style for Chapter 2 */
#C2M2T2PPT
{
	position:absolute; background:#CAD3FF; margin-left:70px;  padding: 2px 5px; 
}

#C2M2T2PPT a
{
	color:#036; font-size: 12px; 
}

#C2M2T2PPT img
{
	vertical-align:middle;
}



/* Paragraph setting for Appendix 1 */
#Q1,#Q2,#Q3,#Q4,#Q5,#Q6,#Q7,#Q8,#Q9,#Q10 {
	color:#036;
	
}

#Q1 a,#Q2 a,#Q3 a,#Q4 a,#Q5 a,#Q6 a,#Q7 a,#Q8 a,#Q9 a,#Q10 a{
	color:#FFF; background-color:#036; padding:2px 8px; font-size:10px;

}

#Q1a.close {
	background-color:#036; margin-left: 45px; padding:2px 8px; color:#FFF; font-size:10px;
}

#Q6 ul li
{
	margin-top:20px; margin-bottom:5px;
}

#Q6 ul li ol
{
	list-style-type:lower-alpha; margin-top:0px;
}

#Q6 ul li ol li
{
	margin-top:0px;
}

#Q6 ul li ol li a
{
	color:#039;background-color:transparent;font-size:14px;padding:0px;
}

/* footer */
.twoColHybLtHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 
.twoColHybLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.blue {
	color:#2C5DAA
}

.green {
	color:#060
}

.secitem {
	margin:0px; width:600px; height:60px; overflow:hidden; float:left; border: 0px; padding:0px; line-height: 30px;
}

.secitem2 {
	margin:0px; width:600px; height:40px; overflow:hidden; float:left; border: 0px; padding:0px; line-height: 30px;
}

.hide { display:none}
.show { display:block} 

img {
	text-decoration:none;  border: 0px;
}

#LS table {
	vertical-align:middle;
	border-color:#999;
	border-style:solid;
	border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}
#LS td {
	vertical-align:middle;
	border-color:#999;
	border-style:solid;
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}
#LS td.c {
	text-align:center
}

a {text-decoration:none; color:#000}
a:hover {
	color:#F00;
	font-style: italic;
}

.L0 {padding-left:0px;}
.L1 {padding-left:20px;}
.L2 {padding-left:40px;}
.L3 {padding-left:60px;}
.italic {
	font-style: italic;
}
#container #mainContent li {
	margin-left: 20px;
	list-style-type: disc;
}