@charset "utf-8";
body  {
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

h1 { font-weight:normal; font-size: 1.6em;}
h1 small { margin-left: 10px;font-size: .6em;}
h2 { font-weight:normal; font-size: 1.4em; margin-top: 1.5em;}
h3 { font-weight:bold; font-size: 1.2em;}
h4 {font-weight:normal;font-size: 1.2em;}
h5 { font-weight:bold; font-size: 1.1em; margin: 1.5em 0 .3em 0;;}
h6 { font-size: 1em; font-style:italic; margin-top: 0px; margin-bottom: 0px; color: red}
h7 { font-size: .8em; font-style:italic; margin-left: 60px; margin-top:40px;margin-bottom:0px;}
.nt { margin: 0px; padding: 0;}
sup { font-size: 6pt;}
#container { 
	width: 772px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: justify;
} 

#mainContent {
	margin: 0 1.5em 0 1.5em;
}  

#header { width: 100%;position:relative;}

/* menu class styles */
#menu, .menu{ font-size: 1.2em; background-image:url(images/menu_bkg2.png); vertical-align:top; text-align:left; background-repeat:no-repeat; background-position:top; display:inline-block;height:26px; width: 100%}
#menu ul, .menu ul{margin: 3px 0 0 10px; padding: 0 0 0 0; list-style-image:none; width: 100%}
#menu li, .menu li{
	display:inline;
	width: 120px;
	color: #88;
	margin: 0px 15px;
}
#menu ul a, .menu ul a{
	text-decoration:none;
	color:blue;
}
#menu ul a:hover, .menu ul a:hover{
	text-decoration:underline;
}

#m2 .menu { background-image:none; background-color:#cceeff;}

/* form class styles */
form {font-size:1em;}
label {width:12em; display:inline-block; margin-left: 20px; margin-right: 10px;margin-bottom: 10px; text-align:right; vertical-align:top;}

label.error {color: red; margin: 0 0 0 8px;text-align:left;width:auto}
input[type=text] {width:200px;}
.required {border: solid red 1px; }
#inner {position: relative; width:100%; margin: 0 auto}

#df { display: block; width:100%;}
#ans {display: none;}

/* join.html class styles */
#joinForm { display: block;}
#list table {width: 100%; text-align:center}
#list td {width:33%;}
.btnRow {text-align:left;}

.reslist {margin-left: 16px;}
.pIn {margin-left: 1.5em; line-height: 1.5; font-weight:bold;}
.i256 {float: right;margin-left: 10px; border:none;}
.i256 span {font-size:.7em;}
.iTitle {float: right; font-size:.7em; }
.emph {font-size: 1.2em; font-weight: bold;}
.numList {list-style-type:decimal;}
.numList li { margin: 1em 0 .0 0;}
.numList li a {text-align:center;}
.addr { margin-left: 1.5em; font-weight: bold;}
.cList {line-height: 1.5em;}
.note {float: right;margin-left: 10px; width: 220px; background-color:#84a2ba; padding: 20px 20px 20px 20px; color:#FFF}
.note p {margin: 0 0 0 0}
.widenote { background-color:#84a2ba; padding: 20px 20px 20px 20px; color:#FFF;margin-top: 1.5em;;}
.widenote p {margin: 0 0 0 0}
p a { margin: 0 0 0 0; padding: 0 0 0 0; display: inline; color yellow}
.dl {margin:1.5em;}
.dl img {border:none;}
.dlTitle {margin: 0 20px 0 90px; width: 120px; display:inline-block; vertical-align:middle}
li {margin-bottom:.5em;}
.respErr {color: red;}
#qstn { line-height:2em;}
.ansr h6 { color:black; background-color:#CeF; padding: 4px 6px 4px 6px; margin-top: 20px;}
ol li { line-height: 1.4em; margin-bottom: 20px;}
ol li a { margin: 30px 0 30px 20px;}
.pr { color: red; font-weight:bold;}
.cr {font-size: .7em; color: #aaaaaa; margin: 8px 0 4px 0;}
ol li ul li {margin : 0 0 0 0;}

#freedraw { border: dotted red 2px;  display: none; padding: 6px 6px 6px 6px;}
.plinks a { line-height: 2em;}

.resSection { max-height: 300px; overflow:auto;}
#ww {position: absolute; top: 0px; left: 0px; zIndex: 10;}

.sl_box {border: 1px red dashed; margin:10px 10px 30px 10px; padding: 10px 10px 10px 10px;}
.addr {font-family:"Courier New", Courier, monospace; margin-left: 50px;}