BODY {
 	MARGIN-LEFT: 12%; 
	MARGIN-RIGHT: 12%;
	background-color: #C7EDCC;
	

}


p.intr{
	width:100%; 
	font-size: 12px;
	margin-left :-12%;
}

h1{
	clear:both;
	LINE-HEIGHT:200%;
	text-align: center;
}

h2{
	clear: both;
	LINE-HEIGHT:100%;
	text-align: center;
}
h3{
	clear:both;
	LINE-HEIGHT:100%;
	text-align: center;
}
h4{
	clear:both;
	LINE-HEIGHT:100%;
	text-align: center;
}

p {
	text-indent:2em; 
	line-height:165%;
}

.notelink{

	vertical-align:super; 
	font-size:smaller;
}

.quote{
	text-indent:2em;
	margin: 10px 0 10px 30px;
	padding: 0 0 0 5px;
	border-left: 3px solid;
	font-size:90%;
	line-height: 150%;

}


div.footnote{

	padding:0.5ex 2ex;
	background-color: #c0c0c0;
	font-size:80%;

}

p.footnote{
	line-height: 100%;
}

.endnote{

	border-top: 6px solid;

}

hr.top{
	border-top: 3px solid;
	BORDER-BOTTOM:  1px solid;
	height:8px;
	color:#000000;
	clear:both;
}

hr.bottom{
	BORDER-TOP:  1px solid;
 	BORDER-BOTTOM:  3px solid;
	height:8px;
	color:#000000;
	clear:both;
}
pre {

	font-size:100%;
	line-height:150%;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* mozilla, since 1999 */
	white-space: -pre-wrap; /* opera 4-6 */
	white-space: -o-pre-wrap; /* opera 7 */
	word-wrap: break-word; /* internet explorer 5.5+ */
}
pre.table{
	clear:both;
	font-size:100%;
	line-height:100%;
	margin-left:2em;
	margin-right:2em;
	border-top: 3px double;
	border-bottom: 3px double;
	padding:12px;	
	word-wrap:normal;
	white-space:pre;
		
}	

.img{

	text-align:center;
}



ul{
	line-height:150%;
}

.notelink{

	vertical-align:super; 
	font-size:smaller;
}

.main{
	width:100%;
	text-size:normal;

}

.left{
    line-height:100%;
    float: left;
    width:50%;
    overflow: auto;
	text-align:left;

}

.right{
    line-height:100%;
    float: right;
    width: 50%;
    overflow: auto;
    text-align:right;

}
.footnote-as-sidebar {
	CLEAR: none; DISPLAY: block; PADDING-LEFT: 12px; FONT-SIZE: 11pt; BORDER-LEFT-COLOR: maroon; FLOAT: right; BORDER-BOTTOM-COLOR: red; PADDING-BOTTOM: 12px; MARGIN: 12px 0px 12px 24px; WIDTH: 50%; LINE-HEIGHT: 100%; BORDER-LEFT-STYLE: solid; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: solid; border-spacing: 8px }
	
.page{
	color:red;
	background-color: #00aaaa;
}





A:link {COLOR: #0033cc; TEXT-DECORATION: none}
A:visited {COLOR: #0033cc; TEXT-DECORATION: none}
A:active {COLOR: #0000ff; TEXT-DECORATION: none}
A:hover {COLOR: #ff0000; TEXT-DECORATION: underline}


/* =====================================*/
/* Adjustments for Mobile Devices       */
/* =====================================*/

@media (max-width: 480px) {
  p { font-size: 12pt; margin-left: 1%; margin-right: 1%; margin-bottom: 4pt; margin-top: 4pt; line-height: 125%; }
  p.indentb { margin-left: 6%; margin-right: 1%; }
  p.quoteb { margin-left: 6%; margin-right: 1%; }
  p.index { margin-left: 6%; margin-right: 1%; }
  h1 { font-size: 18pt; margin-left: 1%; margin-right: 1%; }
  h2 { font-size: 16pt; margin-left: 1%; margin-right: 1%; }
  h3 { font-size: 14pt; margin-left: 1%; margin-right: 1%; }
  h4 { font-size: 13pt; }
  h5 { margin-left: 1%; }
  h6 { margin-left: 1%; }
  img { width: 150px; height: auto; }
  img.auto {width: auto ; height: auto; }
  blockquote {margin-left: 1%; }
}