/* styles.css.  [Styles for www.racialequitytools.com]             */

/*******************************************************************/
/*                                                                 */
/*  These are general and some page-specific styles.               */
/*                                                                 */
/*  They contain both layout and formatting styles                 */
/*                                                                 */
/*  Additional style sheets files used are:                        */
/*                                                                 */
/*     base.css:           removes all default styles              */
/*     styles-search.css:  page-specific styles for Search Page    */
/*     styles-sitemap.css: page-specific styles for Site Map Page  */
/*     prform.css:         styles for interactive forms            */
/*                                                                 */
/*  There is a special file containing formatting styles to which  */
/*  users of Adobe Contribute are restricted.  This assures that   */
/*  the structure of the site will not be accidentally broken.     */
/*  The styles in the user styles file are included in this file   */
/*  but are commented out.                                         */
/*                                                                 */
/*     styles-users.css:   restricted styles for Contribute users  */
/*                                                                 */
/*******************************************************************/


/* Universal Page Styles */
/* These styles are applied to all pages in the site */

a {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 13px;
}

a:active {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 13px;
}

.pagebackground {
background-color: #cccccc;
}

/* This draws the blue margin around the entire page */

#pagecontainer {
margin: 10px auto 0px auto;
border: 1px solid #2a87ba;
padding: 0px;
width: 800px;
text-align: left;
display: inline;
background-color: #ffffff;
}

div#pagecontainer {
display: block;
}


/* Banner Area Styles */

/* The Banner Area contains the graphic logo, the horizontal menu, and
   the "swirly colored bar" at the top of every page. */

/* This puts the graphic into the banner */

#bannerarea {
margin: 0px auto 0px auto;
border-bottom: 0px solid #fff;
padding: 0px;
width: 800px;
height: 110px;
background: #fff url(graphics/banner6.jpg) no-repeat;
position: relative;
}

/* These styles define apply to the horizontal menu in the Banner Area
   Similar styles are specified below for the horizontal menu in the Footer Area */

#bannerareamenu {
position: relative;
top: 56px;
left: 356px;
}

.bannerareamenuhead {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #2a87ba;
text-align: left;
}

#bannerareamenu a {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #555555;
}

#bannerareamenu a:hover {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none ;
background-color: #cccccc;
color: #2a87ba;
}


/* Main Area Styles */

/* The Main Area consists of the area from the bottom of
   the Banner Area to the blue horizontal line above the 
   first footer area. */

/* The Main Area is further divided into two columns:
      the Navigation Area and the Content Area */

#mainarea {
margin: 10px auto 0px auto;
width: 800px;
background-color: #ffffff;
clear: both;
}


/* Navigation Area Styles */

/* The Navigation Area is the area from the left margin of the page
   to, and including, the internal blue vertical line. */

/* This style defines the Navigation Area box. */

#navigationarea {
margin: 0px auto 10px auto;
border-right: 1px solid #2a87ba;
padding-top: 0px;
width: 199px;
text-align: left;
background-color: #ffffff;
float: left;
}

/* The following styles define the text and link elements
in the Navigation Area. */

/* This style applies to the names of the main parts 
   of the website. */

.navhead {
margin: 0px auto 0px auto;
border: 0px;
padding: 0px 5px 3px 5px;
width: 189px;
line-height: 15px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
color: #000000;
text-align: left;
}

/* This style applies to the name of the current Section Page.
   It replaces the link to the page to indicate that this is the current location. */

.sectionhead {
margin: 0px auto 0px auto;
border: 0px;
padding: 0px 5px 0px 5px;
width: 189px;
line-height: 15px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #000000;
}

/* These styles apply to the links to Section Pages. */

.sectionlink {
margin: 0px auto 0px auto;
border: 0px;
padding: 0px 5px 0px 5px;
width: 189px;
line-height: 15px;
}

.sectionlink a {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #555555;
}

.sectionlink a:hover {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none;
background-color: #cccccc;
color: #2a87ba;
}

/* These styles apply to the link to a Section Page
   whenever that page is a parent of a current subordinate page. */

.sectionlinkactive {
margin: 0px auto 0px auto;
border: 0px;
padding: 0px 5px 0px 5px;
width: 189px;
line-height: 15px;
}

.sectionlinkactive a {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #2a87ba;
}

.sectionlinkactive a:hover {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 12px;
text-align: left;
text-decoration: none;
background-color: #cccccc;
color: #2a87ba;
}

/* This style applies to the name of the current Subsection Page.
   It replaces the link to the page to indicate that this is current location. */

.subsectionhead {
margin: 0px auto 0px auto;
border: 0px;
padding: 0px 5px 0px 15px;
width: 179px;
line-height: 15px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #000000;
}

/* These styles apply to the links to Subsection Pages. */

.subsectionlink {
margin: 0px auto 0px auto;
border: 0px;
padding: 0px 5px 0px 15px;
width: 179px;
line-height: 15px;
}

.subsectionlink a {
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #555555;
}

.subsectionlink a:hover {
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none;
background-color: #cccccc;
color: #2a87ba;
}

/* These styles apply to the link to a Subsection Page
   whenever that page is a parent of a current subordinate page. */

.subsectionlinkactive {
margin: 0px auto 0px auto;
border: 0px;
padding: 0px 5px 0px 15px;
width: 179px;
line-height: 15px;
}

.subsectionlinkactive a {
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #2a87ba;
}

.subsectionlinkactive a:hover {
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 12px;
text-align: left;
text-decoration: none;
background-color: #cccccc;
color: #2a87ba;
}

.subsubsectionlink {
margin: 0px auto 0px auto;
border: 0px;
width: 169px;
padding: 0px 5px 0px 25px;
line-height: 15px;
}

/* This style applies to the name of the current Sub-subsection Page.
   It replaces the link to the page to indicate that this is current location. */

.subsubsectionhead {
margin: 0px auto 0px auto;
border: 0px;
width: 169px;
padding: 0px 5px 0px 25px;
line-height: 15px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #000000;
}

/* These styles apply to the links to Sub-Subsection Pages. */

.subsubsectionlink a {
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #555555;
}

.subsubsectionlink a:hover {
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none;
background-color: #cccccc;
color: #2a87ba;
}

/* This style defines the area that holds the horizontal 
   graphic bar that separates the links for the main parts of
   the website */

.sectionspacer {
margin: 3px auto 3px auto;
width: 189px;
line-height: 6px;
text-align: left;
background-color: #ffffff;
}

/* This style provides a small space between the text and link
   elements in the Navigation Area */

.linkspacer {
margin: 0px auto 0px auto;
width: 199px;
line-height: 2px;
text-align: left;
background-color: #ffffff;
}


/* Main Content Area Styles */

/* The Main Content Area is the area from the internal blue vertical line
to the right page margin */

/* The Main Content Area is further divided (on some Resource Pages) into 
   the Bread Crumb Area and the Content Area. */

#maincontentarea {
margin: 0px auto 0px auto;
border: 0px;
width: 580px;
padding: 0px 10px 50px 10px;
background-color: #ffffff;
text-align: left;
float: right;
}

/* This style provides padding for the "brand" images that appear
   in the upper right-hand corner of the Main Content Area */

#maincontentarea img {
padding-left: 10px;
padding-bottom: 10px;
}


/* Use these if Main Area is 2-column */
/* Currently unused */

#maincontentleftarea {
margin: 0px auto 0px auto;
border: 0px;
width: 290px;
padding: 0px;
background-color: #ffffff;
float: left;
}

#maincontentrightarea {
margin: 0px auto 0px auto;
border: 0px;
width: 290px;
padding: 0px;
background-color: #ffffff;
float: right;
}



/* Bread Crumb Area Styles */

/* The Bread Crumb Area is directly above the Page Title on
   each of the Resource Subsection and Sub-Subsection Pages */

#crumbarea {
margin-bottom: 12px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 10px;
color: #000000;
}

#crumbarea a {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
text-align: left;
text-decoration: none;
color: #2a87ba;
}

#crumbarea a:hover {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
text-align: left;
text-decoration: none;
background-color: #cccccc;
color: #2a87ba;
}


/* Content Area Styles */

/* The Content Area extends from the top of Main Area or 
   from the bottom of the Bread Crumb Area, if any, to the bottom
   of the Main Content Area */

/* Page Title Area Styles */

#pagetitlearea {
margin-bottom: 12px;
}

/* ***** Moved to styles-users.css ******
.pagetitle {
margin: 0px;
padding: 0px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
color: #000000;
}
************************************** */


/* General Content Area Styles */

/* These styles apply to internal page links on a few
   very long pages */

.pageindexarea p {
margin-bottom: 12px;
background-color: #ffffff;
text-indent:20px;
}

.pageindexarea a {
font-size: 11px;
font-style: italic;
font-weight: bold;
}

/* These styles apply to all paragraph and list elements in
   the Content Area on all pages */

#contentarea p {
margin-bottom: 16px;
background-color: #ffffff;
}

#contentarea ul {
margin-bottom: 16px;
list-style-type: disc;
}

#contentarea ol {
margin-bottom: 16px;
list-style-type: decimal;
}

#contentarea li {
margin-left: 30px;
margin-bottom: 10px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
}

/* These styles apply to the text in the Content Area on all pages */


/* ***** Moved to styles-users.css ******
.contenttext {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
}

.contenttextbold {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 13px;
}

.contenttextitalic {
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: normal;
font-size: 13px;
}

.contenttextbolditalic {
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 13px;
}

.footnote {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
margin-top: 4px;
margin-left: 30px;
margin-right: 30px;
}
************************************** */


.footnote a {
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: normal;
font-size: 10px;
}

.footnoteinternal {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
margin-top: 4px;
}

/* These styles apply to links to Tipsheets that appear on 
   some Resource Pages */

#tipsheet a {
font-style: italic;
}

#tipsheet a hover {
font-style: italic;
}


/* Footer Area Styles */

/* The Footer Area extends from, and including, the horizontal blue line
   at the bottom of the Main Content Area to the bottom margin of the page */

/* The Footer Area is further divided into two rows: 
      Footer Area 1 and Footer Area 2. */

#footerarea {
margin: 0px auto 0px auto;
border-top: 1px solid #2a87ba;
width: 800px;
padding: 0px;
background-color: #ffffff;
clear: both;
}


/* Footer Area 1 Styles */

/* Footer Area 1 contains the horizontal menu at the bottom of the page */

/* These styles define apply to the horizontal menu in Footer Area 1.
   Similar styles are specified above for the horizontal menu in the Banner Area */

#footerarea1 {
margin: 0px auto 0px auto;
border-top: 1px solid #2a87ba;
width: 780px;
padding: 10px;
background-color: #ffffff;
text-align: center;
clear: both;
}

#footerareamenu {
margin: 0px auto 0px auto;
padding: 0px;
background-color: #ffffff;
}

.footerareamenuhead {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #2a87ba;
text-align: left;
}

#footerareamenu a {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #555555;
}

#footerareamenu a:hover {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none ;
background-color: #cccccc;
color: #2a87ba;
}

.verticalbar {
font-size: 14px;
}


/* Footer2 Area Styles */

/* Footer Area 2 contains a link to the Privacy Poly Page and 
   the copyright notice for the site */

#footerarea2 {
margin: 0px auto 0px auto;
border-top: 1px solid #2a87ba;
width: 790px;
padding: 5px;
background-color: #ffffff;
text-align: center;
}

#footerarea2 a {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #555555;
}

#footerarea2 a:hover {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
text-align: left;
text-decoration: none ;
background-color: #cccccc;
color: #2a87ba;
}

.footercopyrighttext {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
}


/* The following styles apply to specific pages in the site */


/* Home Page Styles */

/* ***** Moved to styles-users.css ******
.photocaption {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
padding: 0px 30px 0px 30px;
text-align: justify;
text-indent: 0px;
display: block;
}
************************************** */


/* About Us Page Styles */

#contentareaaboutus p {
margin-bottom: 16px;
background-color: #ffffff;
}

#contentareaaboutus ul {
margin-bottom: 16px;
list-style-type: disc;
}

#contentareaaboutus ol {
margin-bottom: 16px;
list-style-type: decimal;
}

#contentareaaboutus li {
margin-left: 30px;
margin-bottom: 0px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
}


/* Tipsheet Page Styles */

#contentareatipsheet p {
margin-bottom: 16px;
background-color: #ffffff;
}

#contentareatipsheet ul {
margin-bottom: 16px;
list-style-type: disc;
}

#contentareatipsheet ol {
margin-bottom: 16px;
list-style-type: decimal;
}

#contentareatipsheet li {
margin-left: 30px;
margin-bottom: 6px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
}


/* Glossary Page Styles */

#glossarytable table {
width: 560px;
margin: 10px;
background-color: #ffffff;
clear: both;
}

#glossarytable td {
vertical-align: top;
padding: 6px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
}

#glossarytable ul {
margin-bottom: 16px;
list-style-type: disc;
}

#contentareaglossary ol {
margin-bottom: 16px;
list-style-type: decimal;
}

#contentareaglossary li {
margin-left: 30px;
margin-bottom: 0px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
}


/* Search Page Styles */

.acrobatreaderfootnote {
margin: 0px auto 0px auto;
border: 0px;
padding: 0px 5px 0px 5px;
width: 189px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
}


/* Resource Page Styles */

/* The Resource Pages are the lowest-level pages in the Resource Section of the 
   website.  They contain the links to the resource documents in the site library. */

/* Resource Area Styles */

/* These styles apply to the various components of the descriptions of,
   and links to, the resource documents */

#resourcearea a {
text-decoration: underline;
color: blue;
}

#resourcearea a:hover {
text-decoration: underline;
color: #ff00ff;
}


/* ***** Moved to styles-users.css ******
.resourceheading {
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 13px;
margin-bottom: 12px;
}

.resource {
margin-left: 20px;
margin-bottom: 10px;
}

.title {
font-family: arial, verdana, helvetica, sans-serif;
font-style: italic;
font-weight: normal;
font-size: 12px;
color: blue;
}

.author {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
}

.pdfnote {
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
}
************************************** */

/* END OF styles.css:  Styles for www.racialequitytools.com */