﻿/* style with background color */
body{
	text-align:center;
	margin:0.1em auto;
	padding:0;
	/*background-color:#EAEAEA;*/
}

form{
	margin:0;
	padding:0;
}

fieldset{
	margin:0.3em 0;
	padding:0.5em;
	border:1px solid #CCCCFF;
}

ul, ol{
	list-style-position:inside;
	padding:1em 0 1em 1em;
	margin:0; /* padding is used instead of margin as p may be used in a div with background/border style and margin will not show it  */
}

p + ul, p + ol, h1 + ul, h1 + ol, h2 + ul, h2 + ol, h3 + ul, h3 + ol, h4 + ul, h4 + ol, h5 + ul, h5 + ol, .likep + ul, .likep + ol, .likep > ul, .likep > ol, p > ul, p > ol{
	padding:0 0 1em 1em;
}

li {
	padding:0 0 0.3em 0;
}

pre{
	word-break:keep-all;
	background:#CECECE;
	border:1px solid #999999;
}

/* default th  note: may use same background as border color of TblList */
th{
	background:#93bee2;
}

h2, h3, h4, h5{
	padding:0;
	margin: 0 0 0.8em 0;
}

/* headers in layout divs already */
h2.in, h3.in, h4.in, h5.in{
	padding:0;
	margin: 0;
}

p, form.likep, div.likep{
	padding:0 0 1em 0;
	margin:0; /* padding is used instead of margin as p may be used in a div with background/border style and margin will not show it  */
}

img{
	border:0;
}

#wrapper{
	text-align:center;
	margin:0 auto;
	padding:0.5em;
	max-width:700px;
	width:expression(document.body.clientWidth > 750? "700px": "auto" );
}

.cleaner{
	clear:both;
	height:0px;
	font-size:1px;
	line-height:0px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}

div.a{
	text-align:left;
	width:100%;
	border:1px solid #D20000;
	margin:0.3em 0;
	padding:0.5em;
	/*background-color:#C7EDCC;*/
}

p, ul, ol{
	text-align:left;
}

.nav{
	font-size:smaller;
}

.qa li {
	padding:0 0 0.5em 0;
}

.cwith_ad_h {
	width:73%;
	float:left;
}

.ad_r {
	margin:1em 0;
	width:22%;
	float:right;
	/*background-color:#C7EDCC;*/
}

.cwith_half {
	width:47%;
	float:left;
}

.half_r {
	margin:1em 0;
	width:47%;
	float:right;
	/*background-color:#C7EDCC;*/
}

.ArtLeftImg{
	border:1px solid #B6B6B6;
	float:left;
	margin:0 0.6em 0.6em 0;
}

.ArtRightImg{
	border:1px solid #B6B6B6;
	float:right;
	margin:0 0 0.6em 0.6em;
}

.Note, .Tip, .Small{
	font-size:smaller;
}

.footer, .slogan{
	font-size:smaller;
}


h1, #PrinterH1{
	font-size:15px;
	font-weight:bold;
}

h2, #ProcDivTtl, .lev1{
	font-size:14px;
	font-weight:bold;
}

h3, .lev2{
	font-size:12px;
	font-weight:bold;
}

h4, h5, .lev3, .lev4{
	font-size:12px;
	font-weight:normal;
}

/* menu links, brief lists */
.menu, .menu a:link, .menu a:visited, .menu a:hover, .menu a:active{
	color:#339999;
	/*font-weight:bold;*/
	text-decoration:none;
}

ul.menu, ul.brief{
	list-style-type:none;
	list-style-position:outside;
}

ul.menu{
	padding-left:0;
}
ul.brief{
	padding:0;
}

ul.menu + ul.menu{
	padding-top:0;
}
