@charset "utf-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #DADFD7;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333;
}
img {
	border: none;
}
#Container {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	width: 48em;
	margin: 0 auto;
}
#Banner {
        background-image: url(../images/ECDI-background.jpg);
	background-repeat: no-repeat;
	background-color:#039;
	width: 48em;
	height: 68px; /*I tried using 3em; instead as a different measure which worked, but poorly */
	link: <a href="index.html">;
}
#Tabs {
	width: 48em;
	height: 40px;
}
#SideBarRight {
	float: right;
	width: 10em;
	margin-right: 15px;
	padding: 15px 0;
}
#ContainerMain {
	/* float: left; */
	/* width: 38em; */
	margin: 0 13em 0 20px; /* changed from 0 13em 0 8px */
	text-align: left;
	padding: 15px 15px 15px 0;
}
#SideBarRight p {
	font: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #006;
	text-align: left;
	margin-bottom: 10px;
}
#SideBarRight psm {
	font: Arial, Helvetica, sans-serif;
	font-size: 60%;
	color:#339;
	text-align: left;
	margin-bottom: 10px;
}
#SideBarRight pr {
	font: Arial, Helvetica, sans-serif;
	font-size: 65%;
	text-align: right;
	margin-bottom: 10px;
}
#Footer {
	width: 48em;
	/*background-image: url(../images/Footer.jpg);
	background-repeat: no-repeat; */
	background-color:#039;
	height: 48; /* Again, tried using 2em; here and it was passable, but not perfect */
	/* margin: 0 auto;
	padding: 5px 0; */
}
.fltlft {
	float: left;
	margin-right: 20px;
	margin: 7px 20px;
}
.fltrt {
	float: right;
	margin-left: 30px;
	margin: 3px 15px;
}
.fltcenter {
	float: center;
	margin: 3px 3px;
}
#Container h1 {
	font: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
}
#Container h2 {
	font: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
}
/* Trying an alternation for use in the sidebar 12-31-09 MDM */
#Container h3 {
	font: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
        Text-align: left;
	color:#006
}
#Container h4 {
	font: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
/* Header 5 (h5) is used for the text in the footer and Header 6 (h6) for the text in the banner */
#Container h5 {
	font: Arial, Helvetica, sans-serif;
	font-size: 60%;
        color: #FFF;
        Text-align: right;
        margin: 4px 15px 1px 1px;
    /*  margin-top: 15px;
        margin-right: 12px; */
}
/* According to Monique, this will work for IE6 */
#Container h6 {
	font: Arial, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: bold;
        color: #FFF;
	text-align: left;
        /* JPS try this from website: http://phrogz.net/CSS/vertical-align/index.html */
        /* will only work if only one line of text */
     line-height: 68px;
        /* commenting out this line in favor of the test Joyce sent 1-8-10 margin: 15px 1px 1px 100px; */
     /*margin-top: 15px;*/
     margin-left: 100px; /* Must enable this margin now, otherwise the new line from Joyce donesn't work */
}
/* JPS This will work for all other browsers */
html > body #Container h6 {
	font: Arial, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: bold;
        color: #FFF;
	text-align: left;
        /* JPS try this from website: http://phrogz.net/CSS/vertical-align/index.html */
        /* will only work if only one line of text */
        line-height: 68px;
        /* commenting out this line in favor of the test Joyce sent 1-8-10 margin: 15px 1px 1px 100px; */
        margin-top: 0px;
        margin-left: 100px; /* Must enable this margin now, otherwise the new line from Joyce donesn't work */
}
#ContainerMain p {
	font: Ariel, helvetica, sans-serif;
	font-size: 85%;
}
#ContainerMain p1 {
	font: Ariel, Helvetica, sans-serif;
	font-size: 80%;
}
#ContainerMain p2 {
	font: Ariel, helvetica, sans-serif;
	font-size: 75%;
	text-align:justify;
	padding-left: 10px;
	padding-right: 10px;
}

/* Joyce P. Simkin added #TopicList specs for the 2-column lists in ACOL1.html and WCOL1.html; Added 2-12-2010 */
#TopicList ul {
 width: 500px; /* was 700px */
 list-style-type:none;
 font-size: 75%;
}

#TopicList li {
 width:250px;
 margin:0 0 0 0;  /* was 15px 0 0 0 */
 padding:0 0 0 0; /* was 0 10px 0 0 */
 line-height: 15px; /* was 15px */
 float:left;
}