html { width: 100%;}

body { 
	background: white;
	text-align: left;
	color: #039;
	font-size: 12pt !important;
	line-height: 130%;
	font-family: Geneva, Arial, Helvetica, Sans-serif;
	width: 100%;
 }
#header { height:0; }
#header img { float:right; }
#nav ul { display: none; }
#sideContent { display: none; }
#home #sideContent #sideInfo { display: block !important; }

.hide { display: none; }
#pageHead .hide { display: block; }

#wrapper { background: white; margin: 0; width:100%;}

/* -- LINKAGE -- */

a:link, a:visited {
   color: #C00;
   background: transparent;
   font-weight: bold;
   text-decoration: underline;
   }

/* -- PRINT URLS -- */
html>body #main-content a:link:after, html>body #main-content a:visited:after {
   	content: " (" attr(href) ")";
   	font-size: 75%;
	text-decoration: none;
	color: #900;
 	}

h1 a:after {font-size: 40% !important;}

html>body #main-content a[href^="/"]:after {
   	content: " (http://www.boc.com/education" attr(href) ")";
	}
html>body #main-content a[href^=""]:after {
   	content: " (http://www.boc.com/education/" attr(href) ")";
	}
html>body #main-content a.noPrint[href^=""]:after {
   	display: none;
	}

#demos object#mediaPlayer { display:none; }


h1, h2, h3, h4, h5, h6	{
	font-family: arial, helvetica, sans-serif;
	margin-top: 1em;
	margin-bottom: 2pt;
	}

h1 {font-size:1.4em;color:#699;}
h2 {font-size:1.1em;color:#C00;}
h3 {font-size:1em;margin:8px 0 0;}
h4 {font-size:1em;padding:5px 0 0;color:#C00;}
h5 {font-size:0.8em;padding:3px 0 0;}

#pageHead h1 { 
	font-size: 20pt;
	font-weight: lighter;
	font-style: italic;
	margin-bottom: 5pt;
	letter-spacing: 1pt;
 }

p { 
	margin: 0.2em 0 0.4em 0;
	padding: 0;
}

img { margin:0; padding:0; border:0; display: block; }
#main-content img { margin:3mm; }
div.imgInline img { float:left;margin:5mm; }
div.imgInline { margin:5mm 0;}

.leftClearer{clear:left;}
.rightClearer{clear:right;}
.clearer{clear:both;}

#pageHead p,#pageHead ul { margin: 0 2px; padding: 0; }
#pageHead ul { display: inline; }
#pageHead ul li { margin: 0; padding: 0; display: inline; }

/* -- TABLES -- */

.dataTable  { 
	text-align: center;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
 }
.dataTable th, .dataTable td  { 
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
 }
.dataTable caption { 
	font-size: 10pt;
 }
.dataTable { 
	margin:10px 0;
 }
.dataTable th, .dataTable td {
	padding:1px 25px;
}

/* -- SPANS -- */

.subScript { font-size: 0.7em; line-height: 1em; vertical-align: bottom; }
.superScript { font-size: 0.7em; line-height: 1em; vertical-align: top; }

/* -- CLASSES -- */

.highlight { border: 1px solid #FF6; padding: 5px;}
img.formula { border: 5px solid #FF6; }

/* -- LISTAGE -- */
ol.numeric { 
	list-style-type: decimal;
}
ol.numeric li { 
	margin: 0.5em 0; 
}
ol.alpha { 
	list-style-type: lower-alpha;
}
ol.alpha li { 
	margin:  0;
}

ul {padding:0;margin:5mm 0;}
ul li { list-style: disc url(../i/d/bulletR.gif) inside; margin: 5mm 0; }

dl {}
dt {}
dd {
	font-size: 80%;
	margin:2px 0 4px;
	padding:0;
	padding-left:10px;
}