/* Basic.css */
/* for typography */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f8f8ff;
	color: #222222;
	background-repeat: no-repeat;
	background-position: 0px 300px;
	scrollbar-base-color:#0099FF; 
	scrollbar-shadow-color:#0033FF;
	scrollbar-track-color:#66CCFF;
	margin-top: 0px;
}

p {margin-top: 0px;}

A {text-decoration: underline;}
A:link {color: blue;} 
A:visited {color: blue;}
A:hover {color: #009900;} 
A:active {color: blue;}

h1 { width: 350px;
	xtext-indent: 15px;
	border: 2px none #669900;
	line-height: 28px;
	font-size: 20px;
	vertical-align: middle;
	font-weight: normal;
	background-image:  url(../img/basic/horiz4.gif);
	color: #0066FF;
}


H1.narrow {width: 280px;}

h2 {
	color: #009900;
	font-size: 22px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.content {
	font-size: 13px;
}

p.p1margin {margin-top: 10px;}

.boxthick {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 4px;
	border-top: 1px solid #66CC00;
	border-right: 2px solid #66CC00;
	border-bottom: 2px solid #0066FF;
	border-left: 1px solid #0066FF;
}

.boxthin {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 4px;
	border-top: 1px solid #66CC00;
	border-right: 1px solid #66CC00;
	border-bottom: 1px solid #0066FF;
	border-left: 1px solid #0066FF;
}

.boxthinblue {
	margin-top: 10px;
	margin-bottom: 4px;
	border: 1px solid #0066FF;
}

.boxthickblue {
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
	margin-bottom: 4px;
	border-top: 1px solid #0066FF;
	border-right: 2px solid #0066FF;
	border-bottom: 2px solid #0066FF;
	border-left: 1px solid #0066FF;
}

.picborder {
	margin: 0px;
	padding: 0px;
	border: 1px solid #0066FF;
}

.picturecaption {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	vertical-align: top;
	}

.hangingIndentToC1 img {width:8px; height: 8px; }
.hangingIndentToC1 {
	font-size:13px;
	font-weight:bold;
	padding-left: 20px; 
	text-indent: -20px;
	margin-bottom: 6px;
} 

.hangingIndent1 img {width:6px; height: 6px; }
.hangingIndent1 {
	padding-left: 20px; 
	text-indent: -17px;
	margin-bottom: 0px;
} 

.hangingIndent2 img {width:6px; height: 6px; }
.hangingIndent2 {
	padding-left: 58px; 
	text-indent: -36px;
	margin-bottom: 0px;
} 

.bullet8px img {width:8px; height: 8px;} 
.bullet8px {  /*	10 x 10 blue bullet	*/
	height: 23px;
	font-weight: bolder;
	font-size: 13px;
	text-align: left;
	padding-left: 17px;
	margin: 0px;
}

.bullet6px img {width:6px; height: 6px; } 
.bullet6px { 
	text-align: left;
	padding-left: 17px;
	margin: 0px;
}

img.bullet01 { /* these are the round bullet images */
	margin-right:7px;
	margin-left: 0px;
	width: 9px;
	height: 9px;
}


.copyright {font-size: 9px; color: #808080; text-align: center; padding: 40px 0px 20px 0px;}

.backToTopRegular{font-size: 12px; margin:20px;}
.backtotopsmaller {font-size: 10px; }

div.ToCtext p {margin-top: 0px; margin-bottom: 0px; line-height: 16px;}
p.ToC1 { font-size: 14px;  font-weight: bold;}
p.ToC2 {font-size: 12px; margin-left: 10px;}
p.ToC3 {font-size: 12px; margin-left: 20px;}

img {outline:none;}