/* CSS File designed by:   Philip Kiff
	 New Brunswick Easter Seal March of Dimes
	 Last Modified: 2004-09-16 */

/* Details about how this CSS file works are included as notes, but feel 
   free to contact Philip Kiff for additional details. */

/* The CSS file is divided into sections based on the DIVs in the XHTML files.
	 Each DIV has its own unique styles. DIVs are listed in order of appearance.  
	 Styles applicable to the entire site are listed alphabetically at the end 
	 of the file in three sections: 
	 Default Tag Styles, Specific Tag Class Styles, and Universal Class Styles */

/* CSS Table of Contents:
   HEADER DIV
	 SKIPNAV DIV
   MAINTITLE DIV
	 MENUBAR DIV
	 MAINBODY DIV
	 PAGETITLE DIV
	 TABLE OF CONTENTS DIV
	 CONFERENCE CONTENTS DIV
	 LOGOS DIV
	 FOOTER DIV
	 DATESTAMP DIV
	 DEFAULT TAG STYLES
	 SPECIFIC TAG CLASS STYLES
	 UNIVERSAL CLASS STYLES */

	 
/* ===========
   HEADER DIV 
	 =========== */

#header {
background-color: #eeffff;
color: #ffffff;
margin: 0;
padding: 0;
border: 0;
width: 100%;
} 

#header img {
border: 0;
margin: 0;
padding-right: 5%;
padding-left: .75em;
padding-top: 0;
padding-bottom: .75em;
float: left;
}

/* ============
   SKIPNAV DIV 
	 ============ */

#skipnav {
background-color: #eeffff;
color: #eeffff;
font-size: 75%;
width: 100%;
float: left;
}

#skipnav a:link, #skipnav a:visited {
background-color: #eeffff;
color: #eeffff;
}

#skipnav a:hover, #skipnav a:focus, #skipnav a:active {
background-color: #003366;
color: #eeffff;
}


/* ==============
   MAINTITLE DIV 
	 ============== */

#maintitle {
float: none;
background-color: #eeffff;
color: #000000;
padding: 0;
border: 0;
margin: 0;
width: auto;
}

#maintitle h1 {
font-size: 200%;
font-weight: bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
color: #003366;
padding-right: 2.5%;
padding-left: 2.5%;
padding-top: 2%;
padding-bottom: 2.5%;
margin: 0;
border: 0;
}


/* ============
   MENUBAR DIV 
	 ============ */

#menubar {
display: inline;
background-color: #003366;
color: #ffffff;
margin: 0;
padding: 0;
border: 0;
width: 100%;
} 

#menubar ul {
background-color: #003366;
color: #ffffff;
list-style: none; 
margin: 0;
padding: 0;
float: left;
width: 99%;
border-left-style: solid;
border-left-width: medium;
border-left-color: #003366;
border-right-style: none;
border-top-style: solid;
border-top-width: medium;
border-top-color: #003366;
border-bottom-style: solid;
border-bottom-width: medium;
border-bottom-color: #003366;
} 

#menubar ul li {
display: inline;
white-space: nowrap;
list-style: none; 
  } 

#menubar ul li a {
border-left-style: none;
text-decoration: none;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-variant: small-caps;
font-weight: bold;
padding-left: .75em;
padding-right: .75em;
display: inline;
float: left;
  } 

#menubar ul li a.menustandard {
background-color: #003366;
color: #ffffff;
border-right-style: solid;
border-right-width: medium;
border-right-color: #ffffff;
  } 

#menubar ul li a.menustandard:hover  {
background-color: #ffffff;
color: #003366;
border-right-style: solid;
border-right-width: medium;
border-right-color: #ffffff;
}

#menubar ul li a.menustandard:active  {
background-color: #ffffff;
color: #003366;
border-right-style: solid;
border-right-width: medium;
border-right-color: #ffffff;
}

#menubar ul li a.menuleftreversed {
background-color: #003366;
color: #ffffff;
border-right-style: solid;
border-right-width: medium;
border-right-color: #ffffff;
}

#menubar ul li a.menuleftreversed:hover {
background-color: #ffffff;
color: #003366;
border-right-style: solid;
border-right-width: medium;
border-right-color: #003366;
}

#menubar ul li a.menuleftreversed:active {
background-color: #ffffff;
color: #003366;
border-right-style: solid;
border-right-width: medium;
border-right-color: #003366;
}

#menubar ul li a.menureversed {
background-color: #ffffff;
color: #003366;
border-right-style: solid;
border-right-width: medium;
border-right-color: #003366;
}

#menubar ul li a.menureversed:hover {
background-color: #003366;
color: #ffffff;
border-right-style: solid;
border-right-width: medium;
border-right-color: #ffffff;
}

#menubar ul li a.menureversed:active {
background-color: #003366;
color: #ffffff;
border-right-style: solid;
border-right-width: medium;
border-right-color: #ffffff;
}


/* ==============
   MAINBODY DIV 
	 ============== */

#mainbody {
}


/* =================
   PAGE TITLE DIV
	 ================= */

/* Note that for the skipnav link to work in all browsers, the Page Title 
div and Table of Contents div must explicitly identify a width -- this is 
due to a bug in MSIE 5.x and 6. */

#pagetitle {
clear: both;
width: 94%;
background-color: #ffffff;
color: #000000;
border: 3px solid #003366;
margin-top: 3em;
margin-bottom: 2.5%;
margin-left: 2.5%;
margin-right: 2.5%;
}

#pagetitle h2 {
font-size: 180%;
font-weight: bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
color: #003366;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 2.5%;
padding-right: 2.5%;
text-align: center; 
}


/* ======================
   TABLE OF CONTENTS DIV 
	 ====================== */

/* Note that for the skipnav link to work in all browsers, the Page Title 
div and Table of Contents div must explicitly identify a width -- this is 
due to a bug in MSIE 5.x and 6. */

#tableofcontents {
float: right;
font-weight: bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
margin: 2em 2em 2em 2em;
padding: 0; 
padding-right: 0;
padding-top: 2em;
padding-bottom: 0;
background-color: #ffffff;
color: #000000;
border: 3px solid #003366;
width: 40%;
}

#tableofcontents h3 {
font-size: 150%;
font-variant: small-caps;
color: #003366;
margin: 0;
border: 0;
padding-top: .5em;
padding-bottom: .5em;
padding-left: 1em;
padding-right: .5em;
}

#tableofcontents h3 a {
background-color: transparent;
color: #003366;
text-decoration: none;
}

#tableofcontents h3 a:link, a:visited {
background-color: transparent;
color: #003366;
text-decoration: none;
}

#tableofcontents h3 a:hover, a:focus, a:active {
background-color: transparent;
color: #003366;
text-decoration: none;
}

#tableofcontents ul {
padding-top: 0;
padding-bottom: 0;
padding-left: 2em;
padding-right: 0;
margin-top: 0;
margin-bottom: 0;
}

#tableofcontents ul li {
list-style-type: none; 
padding-top: .75em;
padding-bottom: .25em;
padding-left: .5em;
padding-right: .5em;
border: 0;
margin: 0;
}

#tableofcontents ul.contactnames {
padding-top: 0;
padding-bottom: 0;
padding-left: 2em;
padding-right: 0;
margin-top: 0;
margin-bottom: 2em;
}

#tableofcontents ul.contactnames li {
font-weight: normal;
list-style-type: none; 
padding-top: .75em;
padding-bottom: .25em;
padding-left: .5em;
padding-right: .5em;
border: 0;
margin: 0;
}

#tableofcontents ul.embeddednames {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-top: 0;
margin-bottom: 2em;
}

#tableofcontents ul.embeddednames li {
font-weight: normal;
list-style-type: none; 
padding-top: .75em;
padding-bottom: .25em;
padding-left: 0;
padding-right: .5em;
border: 0;
margin: 0;
}

#tableofcontents ol {
padding-top: 0;
padding-bottom: 0;
padding-left: 2em;
padding-right: 0;
margin-top: 0;
margin-bottom: 2em;
}

#tableofcontents ol li {
list-style-type: decimal; 
padding-top: .75em;
padding-bottom: .25em;
padding-left: .5em;
padding-right: .5em;
border: 0;
margin: 0;
}

#tableofcontents a {
background-color: transparent;
color: #003366;
text-decoration: none;
}

#tableofcontents a:link, a:visited {
background-color: transparent;
color: #003366;
text-decoration: none;
}

#tableofcontents a:hover, a:focus, a:active {
background-color: #003366;
color: #ffffff;
text-decoration: none;
}


/* ======================
   CONFERENCE CONTENTS DIV 
	 ====================== */

#conferencecontents {
float: right;
font-weight: bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
margin: 2em 2em 2em 2em;
padding-top: 2em;
padding-bottom: 0;
padding-right: 0;
padding-left: 0; 
background-color: #ffffff;
color: #000000;
border: 3px solid #003366;
width: 40%;
}

#conferencecontents h3 {
font-size: 150%;
font-variant: small-caps;
color: #003366;
margin: 0;
border: 0;
padding-top: .5em;
padding-bottom: .5em;
padding-left: .5em;
padding-right: .5em;
}

#conferencecontents ul {
list-style: none;
padding-top: 0;
padding-bottom: 0;
padding-left: 1em;
padding-right: 0;
margin: 0;
}

#conferencecontents ul li {
font-size: 120%;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 0;
padding-right: 0;
border: 0;
width: 100%;
margin: 0;
}

#conferencecontents ul.months {
list-style: none;
clear: both; 
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin: 0;
}

#conferencecontents ul.months li {
font-size: 90%;
display: inline;
float: left;
font-weight: normal;
width: auto;
padding-top: 0;
padding-bottom: 0;
padding-left: .75em;
padding-right: .75em;
margin-top: .5em;
margin-bottom: .5em;
border-right-style: solid;
border-right-width: thin;
border-right-color: #003366;
}

#conferencecontents ul li a {
background-color: transparent;
color: #003366;
text-decoration: none;
font-weight: bold;
}

#conferencecontents ul li a:link, a:visited {
background-color: transparent;
color: #003366;
text-decoration: none;
}

#conferencecontents ul li a:hover, a:focus, a:active {
background-color: #003366;
color: #ffffff;
text-decoration: none;
}

#conferencecontents ul.months li a {
background-color: transparent;
color: #003366;
text-decoration: underline;
}

#conferencecontents ul.months li a:link, a:visited {
background-color: transparent;
color: #003366;
text-decoration: underline;
}

#conferencecontents ul.months li a:hover, a:focus, a:active {
background-color: #003366;
color: #ffffff;
text-decoration: none;
}


/* ==============
   MAIN BODY DIV
	 ============== */

#mainbody {
}


/* ==========
   LOGOS DIV
	 ========== */

#logos {
display: inline;
background-color: #eeffff;
color: #000000;
margin: 0;
padding: 0;
border: 0;
width: 100%;
}

#logos p {
padding-left: 2%;
padding-right: 2%;
padding-top: 2em;
padding-bottom: 0%;
margin: 0;
border: 0;
width: 45%;
float: left;
text-align: center;
}

#logos img {
padding-bottom: .75em;
}


/* ===========
   FOOTER DIV 
	 =========== */

#footer {
width: 100%;
padding-top: 2%;
}


/* ==============
   DATESTAMP DIV 
	 ============== */

#datestamp {
float: left;
font-size: 75%;
font-family : Arial, Verdana, Helvetica, sans-serif;
padding-left: 2.5%;
}


/* ===================
   DEFAULT TAG STYLES 
	 =================== */

a {
font-weight: bold;
}

a:link {
background-color: transparent;
color: #003366;
}

a:visited {
background-color: transparent;
color: #336666;
}

a:hover, a:focus, a:active {
background-color: #ffffff;
color:#000000;
text-decoration: none;
}

body { 
background-color: #eeffff ;
color: #000000;
margin: 0;
padding: 0;
border: 0;
}

/* Headings
   h1 - Site Title - used in top banner of every page
	 h2 - Page Title - used at top of page, provides specific page title
	 h3 - Main Headings - used for headings dividing main sections of any page
	 h4 - Secondary Headings - used within main sections of page
	 h5 - Paragraph Headings - used to add heading tag to a paragraph heading */

h1 {
font-size: 200%;
font-weight: bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
color: #003366;
margin-top: 0;
margin-bottom: 0;
padding-top: 2.5%;
padding-bottom: 0;
padding-left: 2.5%;
padding-right: 2.5%;
}

h2 {
font-size: 180%;
font-weight: bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
color: #003366;
margin-top: 0;
margin-bottom: 0;
padding-top: 5%;
padding-bottom: 2.5%;
padding-left: 2.5%;
padding-right: 20%;
text-align: center; 
}

h3 {
font-size: 150%;
font-weight: bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-variant: small-caps;
color: #003366;
margin-top: 0;
margin-bottom: 0;
padding-top: 2.5%;
padding-bottom: 1%;
padding-left: 2.5%;
padding-right: 2.5%;
}

h4 {
font-size: 100%;
font-weight: bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
color: #003366;
margin-top: 0;
margin-bottom: 0;
padding-top: 2.5%;
padding-bottom: 1%;
padding-left: 2.5%;
padding-right: 2.5%;
}

h5 {
font-size: 100%;
font-weight: bold;
font-family : inherit;
margin: 0;
border: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 2.5%;
padding-right: 2.5%;
}

img {
border: 0;
}

ol {
padding-left: 5%; 
padding-right: 5%;
padding-top: 0%;
padding-bottom: 0%;
margin-top: 0;
border: 0;
}

p { 
padding-left: 2.5% ; 
padding-right: 2.5% ;
padding-top: 0%;
padding-bottom: 0;
margin-top: 0;
border: 0;
}

ul {
padding-left: 5%; 
padding-right: 5%;
padding-top: 0%;
padding-bottom: 0%;
margin-top: 0;
border: 0;
}


/* ==========================
   SPECIFIC TAG CLASS STYLES 
	 ========================== */

ul.listoforgs {
list-style: none; 
border: 0;
margin: 0;
padding-top: 0.5em;
padding-bottom: 1em;
}

ul.listoforgs li {
padding-top: 0.25em;
padding-bottom: 0.25em;
}

ul.listofkeys {
list-style: none; 
border: 0;
margin: 0;
margin-bottom: 1em;
}


/* ========================
   UNIVERSAL CLASS STYLES 
	 ======================== */

.attribution { 
text-align: center; 
}

.center { 
text-align: center; 
}

.clear {
clear: both;
width: 100%;
}

.copyright {
font-weight: bold;
}

.headingcap {
font-weight: bold;
font-style: italic;
font-variant: small-caps;
}

.hidden {
display: none;
}

.left { 
float: left; 
}

.imagedivider {
float: right; 
background: #eeffff;
color: #eeffff;
}

.imageleft { 
float: left;
padding-right: 2.5%; 
}

.imageright { 
float: right;
padding-left: 2.5%; 
}

.imagecenter{
display: block;
text-align: center; 
}

.logodivider {
float: left; 
background: #eeffff ;
color: #eeffff;
}

.linkremoved {
font-weight: bold;
}

.linkseparator {
background: #eeffff ;
color: #eeffff;
}

.menusecondary {
font-weight: bold;
padding-top: 1%;
padding-bottom: 1%;
}

.nowrap  {
white-space: nowrap;
}

.nounderline {
text-decoration: none;
}

.orgnames {
font-weight: bold;
}

.paddedtop {
padding-top: 2.5%;
}

.paddedleft {
padding-left: 2.5%;
}

.paddedleftextra {
padding-left: 20%;
}

/* pubtitles - used for names of books, magazines, and other publications */
.pubtitles {
font-weight: bold;
font-style: italic;
}

.right { 
float: right; 
}

.sectiondivider {
width: 94%;
}

.staffnames {
font-size: 150%;
font-weight: bold;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-variant: small-caps;
color: #003366;
margin-top: 0;
margin-bottom: 0;
padding-top: 2.5%;
padding-bottom: 1%;
padding-left: 2.5%;
padding-right: 2.5%;
}

/* subhead1 - subheading, used only on first line(s) of a paragraph */
.subhead1 {
font-weight: bold;
}

/* subhead2 - subheading, used as secondary subheading after subhead1 */
.subhead2 {
font-weight: bold;
}

.textemphasis {
font-weight: bold;
}


