/* interior page styles for DFA (Diagnostics for All) site  */


/* BREADCRUMB */

#divbreadcrumb {
  padding: 0px 0px 0px 145px;
  margin-bottom: 38px;
}
#divbreadcrumb ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divbreadcrumb ul li {
  float: left;
  font-size: 0.83em;
  font-weight: normal;
  color: #595a6b;
  text-transform: lowercase;
  white-space: nowrap;
}
#divbreadcrumb ul li a {
  display: block;
  padding-right: 12px;
  margin-right: 6px;
  background-image: url(/img/breadcrumbs/arrow.gif);
  background-position: right 60%;
  background-repeat: no-repeat;
}
#divbreadcrumb ul li a,
#divbreadcrumb ul li a:link,
#divbreadcrumb ul li a:visited {
  color: #9e9ea5;
  text-decoration: none;
}
#divbreadcrumb ul li a:hover {
  color: #9e9ea5;
  text-decoration: underline;
}



/* PAGE TITLE */

#divpagetitle {
  font-size: 1.67em;
  font-weight: normal;
  line-height: 100%;
  color: #d66926;
  padding-left: 145px;
  margin-bottom: 10px;
}



/* COLUMN LAYOUT */

#divsecondarynav {
  float: left;
  width: 126px;
  padding-right: 13px;
  margin-right: 6px;
}
#divtext {
  float: left;
  width: 658px;
}
div.twocolumn #divcentercolumn {
  float: left;
  width: 426px;
  padding-right: 13px; /* some things go into this padding */
  margin-right: 6px;
}
div.twocolumn #divrightcolumn {
  float: left;
  width: 213px;
  padding-top: 2px;
}



/* SECONDARY NAVIGATION */

#divsecondarynav ul {
  margin: -1px 0px 0px 0px;
  padding: 0px;
  list-style: none;
  width: 126px;
}
#divsecondarynav ul li {
  width: 126px;
}
#divsecondarynav ul li a {
  display: block;
  width: 126px;
  padding: 5px 0px 5px 0px;
  font-size: 0.83em;
  font-weight: bold;
  line-height: 110%;
  text-transform: uppercase;
  text-align: right;
}
#divsecondarynav ul li a,
#divsecondarynav ul li a:link,
#divsecondarynav ul li a:visited {
  color: #0073a0;
  text-decoration: none;
}
#divsecondarynav ul li a:hover {
  color: #0073a0;
  text-decoration: underline;
}
/* level 3 nav */
#divsecondarynav ul ul {
  padding-top: 3px;
}
#divsecondarynav ul li li a {
  padding: 3px 0px 3px 0px;
  font-size: 0.92em;
  font-weight: normal;
  text-transform: lowercase;
}
#divsecondarynav ul li li a,
#divsecondarynav ul li li a:link,
#divsecondarynav ul li li a:visited {
  color: #595a6b;
  text-decoration: none;
}
#divsecondarynav ul li li a:hover {
  color: #595a6b;
  text-decoration: underline;
}

/* active item - level 2 */
#divsecondarynav ul li.active-trail a,
#divsecondarynav ul li.active-trail a:link,
#divsecondarynav ul li.active-trail a:visited {
  color: #d66926;
  text-decoration: none;
}
#divsecondarynav ul li.active-trail a:hover {
  color: #d66926;
  text-decoration: none;
}
/* inactive item - level 3 */
#divsecondarynav ul li.active-trail li a,
#divsecondarynav ul li.active-trail li a:link,
#divsecondarynav ul li.active-trail li a:visited {
  color: #595a6b;
  text-decoration: none;
}
#divsecondarynav ul li.active-trail li a:hover {
  color: #595a6b;
  text-decoration: underline;
}
/* active item - level 3 */
#divsecondarynav ul li.active-trail li.active-trail a,
#divsecondarynav ul li.active-trail li.active-trail a:link,
#divsecondarynav ul li.active-trail li.active-trail a:visited {
  color: #d66926;
  text-decoration: none;
}
#divsecondarynav ul li.active-trail li.active-trail a:hover {
  color: #d66926;
  text-decoration: none;
}

/* level 3 nav visibility */
#divsecondarynav ul li ul {
  display: none;
}
body.about_team #divsecondarynav ul li.about_team ul {
  display: block;
}



/* TEXT STYLES */

#divtext h2 {
  font-size: 1.17em;
  font-weight: normal;
  line-height: 167%;
  color: #00a4d3;
  margin-bottom: 0px;
}
#divtext h3 {
  font-size: 1.0em;
  font-weight: bold;
  line-height: 167%;
  color: #595a6b;
  margin-bottom: 0px;
}
#divtext p {
  font-size: 1.0em;
  line-height: 167%;
  color: #595a6b;
  margin-bottom: 0.8em;
}
#divtext ul {
  margin-left: 0.65em;
  padding-left: 0.65em;
  margin-bottom: 0.8em;
}
#divtext ul ul {
  margin-bottom: 0px;
}
#divtext li {
  font-size: 1.0em;
  line-height: 167%;
  color: #595a6b;
}

/* small orange links */
/* 'morelink' is the generic type */
/* 'toplink' should only be used for back to top links */
#divtext a.morelink,
#divtext a.toplink {
  font-size: 9px !important;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
#divtext a.morelink,
#divtext a:link.morelink,
#divtext a:visited.morelink,
#divtext a.toplink,
#divtext a:link.toplink,
#divtext a:visited.toplink {
  color: #d66926;
  text-decoration: none;
}
#divtext a:hover.morelink,
#divtext a:hover.toplink {
  color: #d66926;
  text-decoration: underline;
}

/* table with horizontal orange rules */
#divtext table.hruletable {
  margin-bottom: 0.8em;
}
#divtext.twocolumn table.hruletable {
  margin-right: -8px;
}
#divtext table.hruletable td,
#divtext table.hruletable th {
  border-top: 1px solid #d66926;
  padding: 3px 24px 12px 0px;
  font-size: 1.0em;
  line-height: 167%;
  color: #595a6b;
}
#divtext table.hruletable th {
  font-weight: bold;
  white-space: nowrap;
}

/* table with vertical orange rules and images */
#divtext table.vruletable {
  border-left: 1px solid #d66926;
  margin-bottom: 0.8em;
}
#divtext.twocolumn table.vruletable {
  margin-right: -13px;
}
#divtext table.vruletable td {
  border-right: 1px solid #d66926;
  padding: 12px 6px 6px 6px;
  font-size: 0.92em;
  line-height: 130%;
  color: #595a6b;
}
#divtext table.vruletable tr.first td {
  padding-top: 0px;
}
#divtext table.vruletable td img {
  margin-bottom: 8px;
}
#divtext table.vruletable td.empty {
  border-right: 1px solid #ffffff;
}

/* inline headings */
/* default to text color - styled per page when required */
#divtext .inlinehead,
#divtext .inlinesubhead,
#divtext .inlinesubsubhead {
  font-weight: bold;
  margin-right: 4px;
}

/* photo to display with thickbox */
#divtext .thickboxphoto {
  margin: 0px;
}
#divtext .thickboxphoto a.thickbox {
  display: block;
  padding: 0px 0px 16px 0px;
  margin-bottom: 0.40em;
  background-image: url(/img/popupicon.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
}
#divtext .multithickboxphoto {
  margin: 0px;
}
#divtext .multithickboxphoto a.thickbox {
  display: block;
  padding: 0px;
  margin-bottom: 0px;
  background-image: none;
}
#divtext .multithickboxphoto a.last {
  padding: 0px 0px 16px 0px;
  margin-bottom: 0.40em;
  background-image: url(/img/popupicon.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
}

#divtext .multithickboxphoto table.gridtable {
  margin-bottom: 8px;
}
#divtext .multithickboxphoto table.gridtable td {
  padding-bottom: 3px;
  font-size: 0.83em;
  color: #9e9ea5;
}
#divtext .multithickboxphoto table.gridtable td.left {
  padding-right: 3px;
}
#divtext .multithickboxphoto table.gridtable td {
  padding-bottom: 3px;
}

/* "caption" text - small blue */
#divtext h2.bluecaption,
#divtext #divrightcolumn h2.bluecaption {
  font-size: 0.83em;
  font-weight: bold;
  line-height: 160%;
  color: #0073a0;
  margin-bottom: 0px;
}
#divtext p.bluecaption,
#divtext #divrightcolumn p.bluecaption {
  font-size: 0.83em;
  line-height: 160%;
  color: #0073a0;
}


/* right column text defaults */
#divtext #divrightcolumn h2 {
  font-size: 0.92em;
  font-weight: bold;
  color: #595a6b;
  margin-bottom: 0px;
}
#divtext h3 {
}
#divtext #divrightcolumn p {
  font-size: 0.92em;
  line-height: 150%;
  margin-bottom: 0.92em;
}
#divtext #divrightcolumn ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divtext #divrightcolumn li {
  font-size: 0.92em;
  line-height: 150%;
}

/* right column pullquote */
#divtext #divrightcolumn p.pullquote {
  font-family: Georgia, "Times New Roman", Times, "Bitstream Vera Serif", serif;
  font-size: 1.33em;
  font-style: italic;
  line-height: 160%;
  color: #d66926;
  margin-bottom: 0px;
}
#divtext #divrightcolumn p.pullquoteauthor {
  font-family: Georgia, "Times New Roman", Times, "Bitstream Vera Serif", serif;
  font-size: 1.17em;
  line-height: 160%;
  color: #d66926;
}

/* team lists and anchor nav on media kit pages */
#divtext #divrightcolumn ul.anchornav {
  margin: 0px 0px 0.92em 0px;
  padding: 0px;
  list-style: none;
}
#divtext #divrightcolumn ul.anchornav li {
  font-size: 0.92em;
  line-height: 110%;
  margin: 2px 0px 3px 0px;
}





/*** TEAM ***/

body.about_team #divtext .inlinehead {
  color: #0073a0;
}
body.about_team #divtext .inlinesubhead {
  color: #00a4d3;
}
body.about_team #divtext #teamtable {
  margin-top: 4px;
  margin-bottom: 1.8em;
}
body.about_team #divtext #teamtable a {
  font-weight: bold;
}
body.about_team #divtext #divrightcolumn #divpartnerlogos {
  margin-top: 26px;
  border-top: 1px solid #d66926;
}
body.about_team #divtext #divrightcolumn #divpartnerlogos p {
  margin: 0px;
  line-height: 100%;
  border-bottom: 1px solid #d66926;
}
/* on this page only, h2s look like h1 */
body.about_team_staff #divtext #divcentercolumn h2 {
  font-size: 1.67em;
  font-weight: normal;
  line-height: 100%;
  color: #d66926;
  padding-left: 0px;
  margin-bottom: 10px;
  margin-top: 20px;
}



/*** CONTACT ***/

body.about_contact #divcentercolumn {
  width: 439px;
  padding-right: 0px;
}
body.about_contact #googlemapframe {
  margin-top: 4px;
  border: 1px solid #d66926;
}


/*** PRESS RELEASES ***/

body.news_pressreleases table.hruletable {
  margin-top: 6px;
}


/*** IN THE MEDIA ***/

body.news_inthemedia table.hruletable {
  margin-top: 6px;
}


/*** VIDEO ***/

body.news_video #divtext #videotable {
  margin-top: 6px;
}
body.news_video #divtext #videotable td {
  font-size: 100%; /* reset font size */
}
body.news_video #divtext #videotable h2 {
  font-size: 0.83em;
  font-weight: bold;
  line-height: 160%;
  color: #0073a0;
  margin-bottom: 2px;
}
body.news_video #divtext #videotable p {
  font-size: 0.83em;
  font-weight: normal;
  line-height: 160%;
  color: #0073a0;
  margin-bottom: 0px;
}


/*** FAQS ***/

body.resources_faqs #divtext #divrightcolumn ul {
  margin-top: 23px;
}
body.resources_faqs #divtext #divrightcolumn li {
  font-size: 1.00em;
  line-height: 120%;
  margin-bottom: 0.75em;
}


/*** MEDIA KIT ***/

body.news_mediakit #divtext #divrightcolumn ul.anchornav,
body.resources_mediakit #divtext #divrightcolumn ul.anchornav {
  margin-bottom: 26px;
}
body.news_mediakit #divtext #downloadimagetable td,
body.resources_mediakit #divtext #downloadimagetable td {
  font-size: 1.0em;
  font-weight: bold;
}
body.news_mediakit #divtext #downloadimagetable td,
body.resources_mediakit #divtext #downloadimagetable td {
  font-size: 1.0em;
  font-weight: bold;
}


/*** SUPPORT OUR MISSION ***/

body.support #divtext p.donatenow {
  padding-top: 2px;
}


/*** SITE MAP ***/

body.sitemap #divtext h2 {
  margin-top: 1.5em;
}



/*** MAILING LIST ***/

body.mailinglist #signupform {
  display: block;
  margin: 28px 0px 24px 0px;
}
body.mailinglist #signupform input.mediuminput {
  border: 1px solid #acacb5;
  padding: 1px 2px;
  width: 250px;
}
body.mailinglist #signupform textarea.widetextarea {
  border: 1px solid #acacb5;
  padding: 1px 2px;
  width: 420px;
  margin-bottom: 16px;

}
body.mailinglist #signupform table {
  width: 426px;
  margin-bottom: 12px;
}
body.mailinglist #signupform table td {
  font-size: 1.00em;
  line-height: 120%;
  color: #595a6b;
  padding-bottom: 18px;
  vertical-align: middle;
}
body.mailinglist #signupform table td.column1 {
  width: 160px;
  padding-right: 10px;
}
body.mailinglist #signupform table td.column2 {
  width: 256px;
}
body.mailinglist #signupform p.submit {
  text-align: right;
}

body.mailinglist #divtext p.privacy {
  font-size: 0.83em;
}



/*** THICKBOX STYLE OVERRIDES ***/
/* the default styles are in /scripts/jquery/thickbox-3.1b.css */

#TB_window {
  font-size: 11px;
  border: none;
}
#TB_caption{
  height:auto;
  padding:3px 30px 3px 25px;
  float:none;
}

#TB_closeWindow{
  height:auto;
  padding:3px 25px 15px 0px;
  float:right;
}
#TB_secondLine {
  float: none;
  padding:3px 30px 15px 25px;
  font-size: 11px;
}
#TB_window img#TB_Image {
  border: none;
  margin: 0px;
  padding: 15px;
}
#TB_closeWindow {
  display: none;
}
#TB_window.captioned #TB_closeWindow,
#TB_window.multiple #TB_closeWindow {
  display: block;
}



#TB_window a,
#TB_window a:link,
#TB_window a:visited {
  color: #d66926;
  text-decoration: none;
}
#TB_window a:hover {
  color: #d66926;
  text-decoration: underline;
}
