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

}


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

h1{

	LINE-HEIGHT:200%;
	text-align: center;
}

li{
	line-height:150%;
	font-size: 100%;

}

h2{

	LINE-HEIGHT:100%;
	text-align: center;
}
h3{

	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;

}

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

}
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+ */
}

.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: 40%; LINE-HEIGHT: 110%; BORDER-LEFT-STYLE: solid; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: solid; border-spacing: 8px }
	
.content {LINE-HEIGHT:165%; FONT-FAMILY:"ËÎÌå"; MARGIN-left:12%; MARGIN-right: 12%;}
.content IMG {MARGIN: 7px}
.TitleLinks {TEXT-ALIGN: center}
.TitleLinks .content {LINE-HEIGHT: 20pt}
.TitleLinks .content IMG {MARGIN-TOP: 7px; MARGIN-BOTTOM: 7px}
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%; }
}
