/* CSS 3-column by Marsha Allen published 7/2007; last update: 4/2010*/
/*common tags*/
body { font-family: verdana, arial, helvetica, sans-serif; font-size: 85%; margin: 0 20px; padding: 0; background: #999; color: #000;}
strong { font-weight: bold; }
acronym, abbr {border-bottom: 1pt dashed #e1e1e1;}
label {font-weight: bold; font-size: 95%;}
legend {color: #11147f; font-weight: bold;}
fieldset {margin: 1em; border: 2px solid #11147f;}
fieldset p {margin: 0 0 1em 0; padding: 0; font-size: 90%;} /*text-indent: 5px;*/
/*images*/  
img, #logophone img{ border: none;}
#skiplinks img {vertical-align:top;}
.imgvalign {vertical-align: middle;}
.imgright {float: right;}
/*positions*/
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
/*colors*/
.black {color: #000;}
.blue { color: #11147f; font-weight:bold;}
.green { color: #006600; font-weight: bold;}
.red { color: #d60238; font-weight:bold;} 
.white {color: #fff;}
.yellow {color: #ffff00; font-weight: bold;}
.grayback {background: #eee; }
/*fonts, special texts*/
.noborder {background-image: none; border: none;}
.phoneno, .phone_dbtacmap {color: #d60238; font-weight:bold; letter-spacing: 1pt; }
.phone_dbtacmap {font-size: 105%; padding-bottom: 9pt;}
.moreinfoinline{ font-size: 80%; font-weight: normal;}
.smallcaps {font-variant: small-caps;}
.xsmall {font-size: x-small;}
.xxsmall {font-size: xx-small;}
.small {font-size: small;}
.medium {font-size: medium;}
.large {font-size: large;}
/*lists*/
.listonerow ul {display:inline; list-style-type: none; margin: 0; padding: 0;}
.listonerow li { display: inline; list-style-type: none; margin: 0 3px; padding: 0;}
li.bulletnew { list-style-image: url(http://adacourse.org/images/new.gif);}
li.bulletnew a {margin-left: 1px; padding-left: 1px;}
#rebuildaccess {background: url(http://adacourse.org/images/rebuildingaccessibleicon.gif) left no-repeat; padding-left: 40px;}
#adaaudioconf {background: url(http://adacourse.org/images/audioconfadaicon.gif) left no-repeat; padding-left: 40px;}
.nobullets {list-style-type: none; list-style-image: none; margin:0; padding:0;}
#columnbox ul { list-style-image: url(http://adacourse.org/images/redtriangle.gif);}
/*div holds entire webpage*/
#webpagebox { background:#fff; margin:0; border: .5pt solid #123456; height: auto; color: #000;}
/*div holds skiplinks, logo, topnavbar*/
#banner { background: #c8cde1;}
#logoname { color: #d60238; background: #c8cde1; font-weight: bolder; font-size: 190%; line-height: 1.3; margin: 8pt 0 0 105px; padding: 8pt 0 0 105px; font-family: geneva, sans-serif, "MS sans serif";}

/*banner <p> skip, div/span phone*/
#skiplinks { background: #c8cde1; float: right; font-size: 70%; text-indent: 12px; top: 0; margin: 1px 5px 0 0; padding: 1px 5px 0 0; color: #11147f; background: url(http://adacourse.org/images/arrow_down.gif) left no-repeat; clear: both;}
#skiplinks a, #skiplinks a:hover, #logophone a, #logophone a:hover {margin:0; padding:0; }
#logophone { float: right; position:relative; top: 50px; right: -75px;  padding: .1em; font-weight: bold; font-size: 95%; text-align: center; font-family: helvetica, sans-serif, "MS sans serif"; color: #d60238; border: 1px solid #ddd;  line-height: 1.5; background: #fff /*#f1f1f1*/; }
#logophone2 { float: right; position:relative; top: 50px; right: 10px;  padding: .1em; font-weight: bold; font-size: 95%; text-align: center; font-family: helvetica, sans-serif, "MS sans serif"; color: #d60238; border: 1px solid #ddd;  line-height: 1.5; background: #fff /*#f1f1f1*/; }
.logophoneno {color: #11147f; font-weight:bold; padding: 5pt 2pt 5pt 10pt; font-size: 97%; letter-spacing: 1pt; }
.logophonetype {font-size: 90%; color: #11147f; padding-right: 5pt;}
/*positions off-page - no impact layout but maintains order relative to content; used to help. i.e. screenreaders, text-only*/
.hide_hinttext, .hide, a span{ height:1px; width:1px; overflow:hidden; position:absolute; top:-60px; }
/*div in banner*/
#logoheader {float:left;  background: #c8cde1 /*#fff*/; padding: 0; margin: 0; width: 100%; clear:both;}
#logoheadernew {float:left;  background: #fff /*#fff*/; padding: 0; margin: 0; width: 100%; clear:both;}
/*div holds i.e. solutions in header/leftnav*/
.navlist{list-style-image:none; border: 1px solid #f1f1f1; margin: 0;padding: 0;}
.navlist li{ background: #f3f6fb; padding: 6px 2px; margin:0;list-style-type: none; font-size: 90%;font-weight: normal;color: #11147f; border-bottom: 1px dotted #ccc;} 
/*div below banner - red line only*/
#subnavbar { clear: both; color: #fff; background: #d60238; margin: 0; padding: .2em .7em; text-align: center;}
#subnavbardbtac { clear: both; color: #fff; background: #1c3f94; margin: 0; padding: .2em .7em; text-align: center;}
/*tabbed top-nav*/
#topnavbar { clear: both; margin:7pt 0 0 0; padding-bottom: 0; white-space: nowrap; text-align: center; } 
#topnavbar ul, #topnavbar li {display:inline; list-style-type: none;  padding: 0;}
#topnavbar ul {margin: 0;}
#topnavbar li {margin: 0 3px;}
#topnavbar a { background: #eee; text-decoration: none; padding: 1pt 5pt 0 5pt; font-size: 100%; font-weight: bold; margin: 0; }
#topnavbar a:hover { background: #ffffcc; text-decoration: underline; padding: 1pt 5pt 0 5pt; font-size: 95%; font-weight: bold;} 
.topnavOff { font-size: 90%; color: #fff; background: #eee; white-space: nowrap; padding: 1pt 5pt; margin: 0; font-weight: bold; border: 1pt solid #ccc;}
.topnavOn { color:#fff; font-weight:bold; font-size: 95%; background: #11147f url(redblock.gif) left center repeat-y; font-weight: bold; white-space: nowrap; padding: 1pt 5pt 1pt 15pt; margin: 0; border-top: #fff solid 2pt;} 
/*links - change hover for improved contrast;*/
a:link, #skiplinks a, #logophone a, .navlist a, #topnavbar a, .notebox a, .infobox a { color: #11147f;}
a:hover, #skiplinks a:hover, #logophone a:hover, .navlist a:hover, #topnavbar a:hover, .notebox a:hover, .infobox a:hover { color: #d60238; background: #ffffcc; text-decoration: underline;}
a:link img, .navlist a {text-decoration: none;}
/*format icons*/
a.confevent:hover {background: #ffffcc url(http://adacourse.org/images/conficon.gif) no-repeat top left;}
a.email:hover {background: #ffffcc url(http://adacourse.org/images/email.jpg) no-repeat top right;}
a.faq_doc:hover {background: #ffffcc url(http://adacourse.org/images/unanswered.gif) no-repeat top left;}
a.f2fevent:hover {background: #ffffcc url(http://adacourse.org/images/icon_f2fevent.jpg) no-repeat top left;}
a.lawdoc:hover {background: #ffffcc url(http://adacourse.org/images/scales2.gif) no-repeat center left;}
a.legal_doc:hover {background: #ffffcc url(http://adacourse.org/images/icon_legalscales_sm.gif) no-repeat top left;}
a.list_doc:hover {  background: #ffffcc url(http://adacourse.org/images/bulleted_list.gif) no-repeat center left;}
a.lppdf_doc:hover {background: #ffffcc url(http://adacourse.org/images/pdf_lp.gif) no-repeat top left;} 
a.lpword_doc:hover {background: #ffffcc url(http://adacourse.org/images/word_lp.gif) no-repeat top left;}
a.makediff:hover {background: #ffffcc url(http://adacourse.org/images/icon_makediff.gif) no-repeat center left;}
a.national_doc:hover {background: #ffffcc url(http://adacourse.org/images/usmap_icon.gif) no-repeat center left;}
a.new:hover {background: #ffffcc url(http://adacourse.org/images/new.gif) no-repeat center left;}
a.newsletterdoc:hover {background: #ffffcc url(http://adacourse.org/images/newslettericon3.gif) no-repeat center left;}
a.offsite:hover { background: #ffffcc url(http://adacourse.org/images/offsite.gif) no-repeat center right;}
a.pdf_doc:hover { background: #ffffcc url(http://adacourse.org/images/pdficon20.gif) no-repeat center left;}
a.podcast_asl:hover { background: #ffffcc url(http://adacourse.org/images/podcasticon_asl.gif) no-repeat center left;}
a.podcast:hover { background: #ffffcc url(http://adacourse.org/images/podcasticon.gif) no-repeat top left;}
a.ppt_doc:hover { background: #ffffcc url(http://adacourse.org/images/ppt-icon.jpg) no-repeat center left;}
a.promisedirectdoc:hover {background: #ffffcc url(http://adacourse.org/images/promisingdirectionsicon5.gif) no-repeat center left;}
a.pub_file:hover {  background: #ffffcc url(http://adacourse.org/images/pubicon.gif) no-repeat center left;}
a.qdoc:hover {background: #ffffcc url(http://adacourse.org/images/questionmark.gif) left top no-repeat;}
a.researchdoc:hover {background: #ffffcc url(http://adacourse.org/images/researchicon.jpg) no-repeat center left;}
a.text_doc:hover { background: #ffffcc url(http://adacourse.org/images/texticon.gif) no-repeat center left;}
a.toolkitpkg:hover { background: #ffffcc url(http://adacourse.org/images/toolbox-icon.jpg) no-repeat center left;}
a.video:hover { background: #ffffcc url(http://adacourse.org/images/video_icon.jpg) no-repeat top left;}
a.webcast:hover { background: #ffffcc url(http://adacourse.org/images/webcasticon.gif) no-repeat top left; }
a.web_doc:hover {background: #ffffcc url(http://adacourse.org/images/html_icon.jpg) no-repeat top left; }
a.word_doc:hover { background: #ffffcc url(http://adacourse.org/images/word_icon.gif) no-repeat center left;}

.lppdf_doc, .lpword_doc {padding-top: 7px; padding-bottom: 7px;}
.email, .offsite { padding-right: 20px; }
.pub_file, .qdoc,  .text_doc, .word_doc, .f2fevent { padding-left: 20px; }
.legal_doc, .list_doc, .makediff, .ppt_doc, .toolkitpkg, .video { padding-left: 23px;}
.pdf_doc, .web_doc {padding-left: 23px; padding-bottom: 6px;}
.faq_doc, .newsletterdoc, .promisedirectdoc, .podcast, .researchdoc, .webcast { padding-left: 27px;}
.lawdoc, .lppdf_doc, .lpword_doc, .national_doc, .new, .podcast_asl {padding-left: 31px; }
.confevent {padding-left: 35px;}

.confevent {background: url(http://adacourse.org/images/conficon.gif) no-repeat top left;}
.email {background: url(http://adacourse.org/images/email.jpg) no-repeat top right;}
.faq_doc {background: url(http://adacourse.org/images/unanswered.gif) no-repeat top left;}
.f2fevent {background: url(http://adacourse.org/images/icon_f2fevent.jpg) no-repeat top left;}
.lawdoc {background: url(http://adacourse.org/images/scales2.gif) no-repeat center left;}
.legal_doc {background: url(http://adacourse.org/images/icon_legalscales_sm.gif) no-repeat center left; }
.list_doc {background: url(http://adacourse.org/images/bulleted_list.gif) no-repeat center left; }
.lppdf_doc {background: url(http://adacourse.org/images/pdf_lp.gif) no-repeat top left;} 
.lpword_doc {background: url(http://adacourse.org/images/word_lp.gif) no-repeat top left;}
.makediff {background: url(http://adacourse.org/images/icon_makediff.gif) no-repeat center left;}
.national_doc {background: url(http://adacourse.org/images/usmap_icon.gif) no-repeat center left; }
.new {background: #ffffcc url(http://adacourse.org/images/new.gif) no-repeat center left;}
.newsletterdoc {background: url(http://adacourse.org/images/newslettericon3.gif) no-repeat center left;}
.offsite { background: url(http://adacourse.org/images/offsite.gif) no-repeat center right;}
.pdf_doc { background: url(http://adacourse.org/images/pdficon20.gif) no-repeat center left;}
.podcast_asl { background: url(http://adacourse.org/images/podcasticon_asl.gif) no-repeat center left;}
.podcast { background: url(http://adacourse.org/images/podcasticon.gif) no-repeat top left;}
.ppt_doc { background: url(http://adacourse.org/images/ppt-icon.jpg) no-repeat center left;}
.promisedirectdoc {background: url(http://adacourse.org/images/promisingdirectionsicon5.gif) no-repeat center left;}
.pub_file { background: url(http://adacourse.org/images/pubicon.gif) no-repeat center left;}
.qdoc {background: url(http://adacourse.org/images/questionmark.gif) left top no-repeat;}
.researchdoc {background: url(http://adacourse.org/images/researchicon.jpg) no-repeat center left;}
.text_doc { background: url(http://adacourse.org/images/texticon.gif) no-repeat center left;}
.toolkitpkg { background: url(http://adacourse.org/images/toolbox-icon.jpg) no-repeat center left;}
.video { background: url(http://adacourse.org/images/video_icon.jpg) no-repeat top left;}
.webcast { background: url(http://adacourse.org/images/webcasticon.gif) no-repeat top left; }
.web_doc {background: url(http://adacourse.org/images/html_icon.jpg) no-repeat top left; }
.word_doc { background: url(http://adacourse.org/images/word_icon.gif) no-repeat center left;}
/*div clears prior floats, esp. if multiple/consecutive columns*/
.cleardiv { clear: both; }
/*div holds 2-3 columns ( 1-left nav, 2-content, 3-other info*/
#columnbox{ padding: 10px 0 25px 10px; margin: 0;}
#nocolumnsbox { padding: 1em 2em 2em 2em; margin: 0;} 
/*div left nav*/
#column1 { width: 20%; float: left; margin-right: 10px; padding-right: 10px;}
/*headings 2-6*/
h2 {font-size:115%; margin-top:1em; padding:.3em .5em .3em 1em; background: #fff url(http://adacourse.org/images/diamond_med.jpg) left center no-repeat; border-top: 1pt solid #11147f;} /*http://adacourse.org/images/blue_solid.gif*/
h2,h3 {color: #11147f;}
h3,h4,h5,h6 {color: #d60238; margin:1em .5em 0 0; padding:.3em .5em 0 0;}
h3 {font-size:110%; margin: .1em 0 0 0; padding: .1em 0 0 0;}
h4 {font-size:105%;}
h5 {font-size:100%;}
h6 {font-size:95%;}
.moreinfoinheading{font-size:90%; font-weight:normal; }
/*heading 1 page name*/
h2.pgname {font-size: 135%; color: #d60238; background: #fff; background-image: none; border: none; padding-left: 0;}
/*div holds content of webpage*/
#column2 { float: left; width: 53%; padding: 0px 10px; } 
#column2 li{ padding-bottom: 7px;}
#column2 p { line-height: 1.5;}

#adahelp {margin: 0; padding: 0; color: #d60238; background: #fff; background-image: none; border: none; text-align: center; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-size: 150%;}
#whatsnew, #popbookmarks {margin: 0; padding: 3px 0; color: #d60238; background: #e5e5e5; background-image: none; border: none; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-size: 125%; font-weight: bold;}
#whatsnewbox ul, #whatsnewbox li {list-style-type: none; list-style-image: none; margin:3pt 0; padding:3pt 0; font-size: 100%;}
#whatsnewbox p {font-size: 90%; margin: 0; padding: 0;}
#whatsnewbox h3 { text-align:left; margin-top: .5em; padding-top: .5em; font-variant: small-caps;}
#whatsnewbox h4 {color: #000; font-size: 90%; margin-top: 7px; padding-top: 7px;}

.h2tagline {text-align: left; font-size:  110%;}

/*dash bordered box in content to highlight*/
#featuresbox { font-size: 70%; background: #fff; padding:.5em; margin:.5em; border: 1px dashed #f1f1f1;}
#featuresbox strong {color: #d60238; font-weight: bold;}

#featuresbox h2, .notebox h2, .infobox h2, #whatsnew h2, #popbookmarks h2 { margin: 0; padding: 0; background-image: none; border: none;}
.notebox h3, .notebox h4 { border: none;}
#featuresbox p, .notebox p {margin-top: 1pt;}

/*gray box in content for attention*/
.notebox { background: #f1f1f1; padding: 4px; margin: 2em; width: 90%; font-size: 85%;} 
.notebox h2, .notebox h3, .notebox h4 { background: #f1f1f1;}
.notebox ul, .notebox li {list-style-type: disc; list-style-image: none; margin:0; padding:0;}
.notebox li {margin-left: 20px; }
.notebox ul li ul, .notebox ul li ul li {display:inline; list-style-type: none; margin: 0; padding: 0;}
.notebox ul li ul li { padding: 0 4pt;}

/*gray box in content for extra attention*/
.infobox { background: #ffeeee; padding: 4px; margin: 2em; width: 90%; font-size: 90%; } 
.infobox h2, .infobox h3, .infobox h4 { margin: 0; padding: 0; color: #d60238 /*#9b1514*/; background:#ffeeee; border: none;}
.infobox p {margin: 2px; padding: 2px;} 
.infobox .phoneno {color: #d60238;}

/*example box*/
.examplebox { padding: 0.5em; margin:0.5em 1em; font-size: 95%; border: 1px dashed #ccc; }
.examplebox strong {color: #d60238 /*#483d8b*/;}
.examplebox ul	{padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0;}

/*bordered box in content to highlight*/
#mission { background: #ffeeee; color: #000; padding: 0 0.5em; margin:0; border: 1pt solid #f1f1f1;}
#mission h3 {color:#d60238; font-variant:small-caps; font-size: 125%;}
#mission ul {text-align: left; margin-left: 2px; padding-left: 2px; padding-bottom: 0; margin-bottom: 0; padding-top: 0; margin-top: 0; list-style-image: none; list-style: none; font-size: 95%;}
#mission li p {margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; margin-left: 28px; text-indent: 0; font-size: 90%;}
#mission li {margin-bottom: 5px; padding-bottom: 0; list-style-image: none; list-style: none;}
#mission a {font-size: 105%;}
p.searchicon {background: url(http://adacourse.org/images/icon_search.gif) left top no-repeat;}
p.calendaricon { background: url(http://adacourse.org/images/icon_calendar3.gif) left top no-repeat;}
p.solutionicon {background: url(http://adacourse.org/images/icon_solutions.gif) left top no-repeat;}
p.searchicon, p.calendaricon, p.solutionicon {padding-left: 65px;}

/*box on homepage with contact*/
#contacthelp {margin: 0; padding: 0; color: #d60238; background: #fff/*#e5e5e5*/; background-image: none; border: none; text-align: center; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-size: 150%;}
#contacthelpbox { color: #000; padding: 0 .5em; margin:0; }
#contacthelpbox h3 {color:#d60238; font-variant:small-caps; font-size: 125%;}
#contacthelpbox ul {text-align: left; margin-left: 2px; padding-left: 2px; padding-bottom: 0; margin-bottom: 0; padding-top: 0; margin-top: 0; font-size: 95%;}
#contacthelpbox li p {margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; margin-left: 28px; text-indent: 0; font-size: 90%;}
#contacthelpbox li {margin-bottom: 5px; padding-bottom: 0; margin-top: .2em; padding-top: .2em;}
/*#contacthelpbox a {font-size: 105%;} */

/*bordered box in content to highlight info and links for a section or in page, i.e. Solutions*/
#pageintrobox {font-size: 95%; border: 1px dashed #16437a; padding: 0 .5em .5em .5em;}
#pageintrobox strong {color: #000;}
#pageintrobox h2 {margin: 4pt 0 0 0; padding: 4pt 0 0 0; /*color: #11147f;*/ background-image: none; font-size: 115%; border: none;}
#pageintrobox h3 {color: #000; font-size: 105%; margin: 3pt 0 0 0; padding: 3pt 0 0 0;}
#pageintrobox .selected { color: #d60238; font-weight:bold;}
#pageintrobox p {margin-bottom: 0; padding-bottom: 0;}
#pageintrobox ul {list-style-type: none; list-style-image: none; margin:0; padding:0;}
#pageintrobox li { padding:0 0 3pt 0; margin-left: 20px; list-style-image: url(bluesquare.gif);}
#pageintrobox ul li ul {display:inline; list-style-type: none; margin: 0; padding: 0;}
#pageintrobox ul li ul li { display: inline; list-style-type: none; margin: 0; padding: 0 4pt;}

/*gray box for navigation of specific area/topic within a page, i.e. Events by Topic*/
.pagesubnavbox { background: #efefef; padding: 4px; margin: 3%; width: 90%; font-size: 85%; } 
.pagesubnavbox a { color:#000; background:#efefef;}  
.pagesubnavbox a:hover {color: #d60238; background: #ffffcc; text-decoration:underline;}
.pagesubnavbox h2 { margin: 0; padding: 0; color: #d60238; background: #efefef; background-image: none; border: none;}
.pagesubnavbox h3 { color: #d60238; padding: 0; margin: 0; border: none;}
.pagesubnavbox p {margin-top: 1pt;}
.pagesubnavbox ul {list-style-type: none; list-style-image: none; margin:0; padding:0;}
.pagesubnavbox li { padding:0; margin-left: 20px; list-style-image: none; list-style-type: none;}
.pagesubnavbox ul li ul {display:inline; list-style-type: none; margin: 0; padding: 0;}
.pagesubnavbox ul li ul li { display: inline; list-style-type: none; margin: 0; padding: 0 4pt;}
.pagesubnavbox .eventslistbyregion li {list-style-type: square; padding: 4pt 0;}

.eventsh2states { font-size: 90%; color: #000; font-weight: normal; }

/*Box to hold image and caption to the right of related content,i.e. rotating image in ADA Alert on homepage*/
.rightbox { float: right; margin: .5em;}
.rightboximg { background: #fff;
padding: 0.1em; margin: 0.1em; font-size: .75em; text-align: center;}
.rightboxcaption { border: none;  padding: 0.1em; margin: 0 .1em .1em .1em; font-size: .95em;} 
.rightboxtitle {color: #d60238; font-size: 140%; font-weight: bold; font-variant: small-caps; }
.rightboxcaption a {font-variant: small-caps;  color: #d60238; text-decoration: none; border-bottom: 1pt solid #ccc;}

/*Div creates two columns, side-by-side content, i.e. homepage, Solutions*/
.columntworow { margin: 0px 5px;}
.columntwoA { float: left; width: 48%;}
.columntwoB { float: right; width: 48%;}

/*Div contains upcoming events, national initiatives*/
#column3 { float: left; width: 18.5%; margin: 0 0 0 .55em; padding: 0;}

/*Div contains search box in leftnav*/
#searchtoolsbox {  color: #000; font-size: 95%; padding: 2pt; margin-bottom: 0; vertical-align: middle; border-left: 1pt #11147f solid; border-right: 1pt #11147f solid; border-bottom: 1pt #11147f solid; background: #f3f6fb;} 
#searchtoolsbox h2 { border: none; color: #11147f; background-image: none; margin: 0 0 5px 20px; background-color: transparent; }
#searchtoolsbox form { margin: 3px 0 0 5px; padding: 3px 0 0 5px;}
#searchtoolsbox label {font-weight: bold; color: #000; vertical-align: middle; margin: 0; padding: 0; font-size: 95%; text-align: left;}
#searchtoolsbox select {font-size: 85%;}
#searchtoolsbox option {font-size: 85%; margin: 0; padding: 0;}
#searchtoolsbox input {margin: 0; font-size: 95%;}
#searchtoolsbox a { color: #000088; text-decoration: underline; margin: 5pt 0 0 0; padding: 5pt 0 0 0; font-size: 90%;} 
#sitetools a:hover { color: #d60238; background: #ffffcc; text-decoration: underline; margin: 5pt 0 0 0; padding: 5pt 0 0 0;}

/*Div contains course login, links to new user and forgot login*/
#webcoursebox { color: #000; font-size: 95%; padding: 2pt; margin-bottom: 0; vertical-align: middle; border-left: 1pt #11147f solid; border-right: 1pt #11147f solid; border-bottom: 1pt #11147f solid; text-align: center;}
#webcoursebox h2 {background: #fff; color: #d60238; margin: 0; padding: 0 0 2px 0; border: none; font-size: 95%;}
#webcoursebox form { margin: 0; padding: 0; }
#webcoursebox select {font-size: 90%;}
#webcoursebox label {color: #000; vertical-align: middle; margin: 0 2pt 0 0; padding: 0; font-size: 90%; text-align: left;} 
#webcoursebox input {margin: 0; font-size: 95%;}
#webcoursebox a { color: #000088; text-decoration: underline; margin: 5pt 0 0 0; padding: 5pt 0 0 0; font-size: 90%;} 
#webcoursebox a:hover { color: #d60238; background: #ffffcc; text-decoration: underline; margin: 5pt 0 0 0; padding: 5pt 0 0 0;}
#webcoursebox hr {margin: 3pt 0 1pt 0; color: #ddd; height: 1pt;}
#webcoursebox p { margin: 5pt 0 1pt 0; text-align: center; }

#showcasebox { color: #000; font-size: 95%; padding: 2pt; margin-bottom: 0; vertical-align: middle; border-right: 2px dotted #11147f; border-left: 2px dotted #11147f; border-bottom: 2px dotted #11147f; text-align: center;}
#showcasebox a {line-height: 1.5; font-size: 95%;}
#showcasebox ol {margin-left:10px; padding-left: 10px; font-size: 90%;}
#showcasebox ul {margin-left:0; padding-left: 0; margin-top: 0; font-size: 95%;}
#showcasebox ul li {list-style-image: none; list-style-type: none; margin-bottom: 5px; padding-bottom: 5px;}
#showcasebox ol li {margin-bottom: 3px; padding-bottom: 3px;}

/*List of upcoming events in column3 div*/
.eventslistbox { margin: 0; padding: 0; border: 1px solid #f1f1f1; background: #f3f6fb;}
.eventslistbox li { font-size: 90%; padding: 0.1em 0.2em 0.5em 0.1em; margin: 0 0 0.5em 0; list-style: none; }
.eventslistbox a {text-decoration: none; border-bottom: 1pt solid #ccc; line-height: 1.5;} 

/*Contains search box and link for ADA Document Portal*/
#adaportal {  color: #000; font-size: 100%; padding: 7px 0 0 0; margin: 0; vertical-align: middle;}
#adaportal form { background: url(books.gif) top left no-repeat; margin: 0; padding: 2px 0 0 0;}
#adaportal label {font-weight: normal; color: #11147f; padding: 0.1em 0.1em 0.1em 3em; margin: 2px; } 
#adaportal input {margin-top: 0.2em; margin-left: 27px;} 
#adaportal .gobutton {margin-top: 0.2em; margin-left: 0.1em;}
#adaportal a { color: #000088; text-decoration: underline; margin: 0 0 0.1em 0; padding: 0 0 0.1em 0; } 
#adaportal a:hover { color: #d60238; background: #ffffcc; text-decoration: underline; margin: 5pt 0 0 0; padding: 5pt 0 0 0;} 

/*h2 headings in columns*/
#sponsors {margin-bottom: 2pt;}
#searchtools, #eventslist, #solutionlinks, #findcenter, #nationalinitiatives, #showcase {color: #fff; font-weight: bold; margin-top: 1em; padding: .8em .5em .8em 42pt; font-size: 95%; text-align:left; margin-bottom: 1pt; border:none;}
#showcase, #nationalinitiatives, #findcenter, #eventslist {color: #eee;}
#eventslist a {color: #fff;}
#showcase {background: #111457 url(http://adacourse.org/images/icon_lightbulb_newblue.gif) left center no-repeat;} 
#searchtools {background: #111457 url(http://adacourse.org/images/icon_search_newblue.gif) left center no-repeat;}
#eventslist { background: #111457 url(http://adacourse.org/images/icon_calendar3_newblue.gif) left center no-repeat;}
#solutionlinks {background: #111457 url(http://adacourse.org/images/icon_solutions_newblue.gif) left center no-repeat;}
#nationalinitiatives {background: #111457 url(http://adacourse.org/images/icon_national_newblue.gif) left center no-repeat;}
#findcenter {font-size: 90%; background: #111457 url(http://adacourse.org/images/icon_contact_newblue.gif) left center no-repeat;}
#popularlinks {color: #d60238; background: url(http://adacourse.org/images/blue_solid.gif) left center repeat-y; margin-bottom: 0; border-right: 1pt solid #11147f; font-size: 95%;}

/*Find your DBTAC, U.S. map in column1 div (leftnav) and Solutions*/
.findcenterbox { font-size: 85%; width: 94%; border: 1pt #f1f1f1 solid; padding: 2pt; margin: 0 0 8pt 0; background: #f3f6fb; text-align:center;}
.navboxnoteform { margin: 0; padding: 0;}
.findcenterbox select {font-size: 95%;}
.solutionsfindcenterbox { font-size: 95%; width: 94%; padding: 2pt; margin: 0 0 8pt 0; text-align:center;}

/*sponsors and partners*/
.sponsorsbox { border: 1pt solid #f1f1f1; padding: 5px; background: #f9f9f9; text-align:center;}
.sponsorsbox img {border: 1pt #f1f1f1 solid;}
/*national initiatives*/
.nationalinitiativesbox { border: 1pt solid #f1f1f1; margin: 0; padding: 0; background: #f3f6fb; text-align:center;}
.nationalinitiativesbox img {margin: 3pt; border: 1pt #f1f1f1 solid;}
.sponsorsbox ul, .nationalinitiativesbox ul {text-align: center; list-style:none; list-style-image: none;  margin: 0; padding: 0;}
.sponsorsbox li, .nationalinitiativesbox li {list-style:none; list-style-image: none; margin: 0 0 4px 0; padding: 0 0 4px 0; }
.sponsorsbox a, .nationalinitiativesbox a {text-decoration: none; border: none;}

/*gray 3-side border for resources in content (i.e. adaanniv)*/
.resourcebox { border: 2px solid #bbb; padding:0 6px 7px 6px; margin:0 0 20px 0; position:relative;} 
.resourcebox h3 { color: #d60238; font-size: 1em; margin:-5px 0 8px 0; padding:0 4px 8px 4px; background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: 0 0; text-decoration: none; border-style: none;}
.resourcebox p {margin: 0 .5em; padding: 0 .1em .1em .1em; font-size: 90%; }
.resourcebox ul,.resourcebox ol, .resourcebox table {margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; font-size: 90%;}
.resourcebox li {margin: 0; padding: 4px 0; list-style-position: outside; list-style-image: url(http://adacourse.org/images/bullet8.gif);}
.resourcebox li {color: #000;}
.resourcebox li img { float: left; margin: 2px 5px 0 0; padding: 1px;}

/*make diff box - template*/
#makediffbox { border: 2px solid #bbb; border-top: none; margin: .5em .1em .1em 0; padding: 0; font-size: 95%;}
#makediffbox h2 {background: none; padding: 4px 15px 4px 5px; margin-bottom: .2em; margin-top: 0; font-size: 135%; background: url(http://adacourse.org/images/red_pattern.gif) repeat; color: #fff; font-variant: small-caps;font-weight: bold; font-family: helvetica, sans-serif; border: none;}
#makediffbox h2 img {padding-right: 0px;padding-top: 25px;}

/*q&a - expand your knowledge;*/
.didyouknowbox { border: 2px solid #bbb; margin: .5em .1em .1em 0; padding: 0; font-size: 95%;}
/*.didyouknowbox {  background: #fff url(unanswered.gif) left top no-repeat; border: 2px #0359a3 ridge; background: #fff; margin: 0.5em 0.1em 0.1em 0; padding: 0; font-size: 95%;}*/
.didyouknowbox h2 {color: #d60238; padding-left: 22px; margin-bottom: .2em; margin-top: 0; background: url(http://adacourse.org/images/unanswered.gif) left top no-repeat; border: none; font-size: 115%; font-weight: bold; font-variant: small-caps;}
/*.didyouknowbox h2 {font-size: 165%;  font-variant: normal; background-image: none; text-align:left;}*/
.didyouknowbox h3 { color: #d60238; font-size: 1em; margin:-5px 0 8px 0; padding:0 4px 8px 4px; background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: 0 0; text-decoration: none; border-style: none;}
.didyouknowbox h3 a {color: #d60238;}
.didyouknowbox p {margin: 0 .5em; padding: 0 .1em .1em .1em; font-size: 90%; }
/*.didyouknowbox p {margin: 0 0.5em; padding: .1em; text-indent: 5px; font-size: 100%; }*/
.didyouknowbox ul,.didyouknowbox ol, .didyouknowbox table {margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; font-size: 90%;}
/*.didyouknowbox ul {margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0;}*/
.didyouknowbox li {margin: 0; padding: 4px 0; list-style-position: outside; list-style-image: url(http://adacourse.org/images/bullet8.gif); color: #006600;}
.didyouknowbox li img { float: left; margin: 2px 5px 0 0; padding: 1px;}
.didyouknowbox li a { text-decoration: none; }

/*path of links precedes h1 in content*/
.breadcrumbNEW { text-align: left; font-size: 85%; color: #000; margin: 7pt 0 0 0; padding: 0;}
.breadcrumblinkNEW { background:#fff; font-size: 90%; margin-bottom:0; padding-bottom: 0;}

/*results in tables (i.e. ada training search)*/
#tableresults {margin-top: 1em;}
#tableresults .throw th {color: #fff; background: #11147f; font-weight: bold; text-align: center;}
#tableresults th {text-align: left; font-weight: normal; vertical-align: top; border: none; padding-top: .3em; padding-bottom: .3em;}
#tableresults td {vertical-align: top; border: none; padding: .3em .5em;}
#tableresults tr {border: none;}
#tableresults .evenrow {background: #ddd;} 
#tableresults ul {display:inline; list-style-type: none; margin: 0; padding: 0; vertical-align: top;}
#tableresults li { display: inline; list-style-type: none; margin: 0; padding: 0;}
#tableresults ul.audienceresultslist, #tableresults ul.topicresultslist {display: list-item; margin-left: 20px;}
#tableresults ul.topicresultslist li { display: list-item; list-style-image: url(http://adacourse.org/images/redtriangle.gif);}
#tableresults ul.audienceresultslist li { display: list-item; list-style-image: url(http://adacourse.org/images/bullet8.gif);}
#tableresults tr:hover {display: table-row; color: #d60238; background: #ffffcc; }
#tableresults tr:hover a {color: #d60238;}

/*adaanniv*/
#adaannivbox { padding: 1em 4em; margin: 0; line-height: 1.4;}
#adaannivbox li {padding-bottom: 5px; margin-bottom: 5px;}

/*glossary*/
#glossary ul { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
#glossary li {padding: 10px 0; list-style-image: url(redtriangle.gif);}
#glossary li ul li {padding: 10px 0; margin-left: 5px; list-style-type: disc; list-style-image: none; }
#glossary li ol li {padding: 10px 0; margin-left: 5px; list-style-image: none; }
#glossary acronym {font-weight: bold;}

/*forms, i.e. request TA*/
#formbox {font-size: 95%; border: 1pt solid #11147f; width: 65%; padding: 10pt; margin: 0 10pt 10pt 10pt;}
#formbox label {color: #000; font-weight: bold;}

/*login form - dbtac */
td.loginform { padding-left: 3em;}
.loginheader { background:#c9cde3; color: #000;}
#loginhelp {font-size: 95%; text-align: center;}

/*event details when selected from calendar*/
#trainingeventinfo .datecost { font-size: 125%; color:#11147f; font-weight: bold; margin: 0; padding: 0;}
#trainingeventinfo .datecostinfo { font-size: 100%; color: #000; font-weight: normal; }
#trainingeventinfo h3{ color: #11147f; font-size: 125%; padding: 0; margin: 0;}
/*webcourses*/
#webcourses h2 {background-image: none; font-size: 100%; margin-left: 0; padding-left: 0;}
#webcourses h3 {color: #006600; padding: 0; margin: 0;}
#webcourses h4{ color: #000; font-size: 100%; padding: 0; margin: 0;}
#trainingeventinfo p, #webcourses ol, #webcourses ul, #webcourses p{ padding-top: 0 ; margin-top: 0;}

/*<p> link in footer to go to start of page content*/
#topofpage2 {float: right; font-size: 85%; margin-right: 3.5em; margin-bottom: 1em; background: left url(http://adacourse.org/images/arrow_up.gif) no-repeat; position: relative; text-indent: 18px;}

/*div footer holds project name, contact, links: accessibility & privacy, grant#, copyright*/
#contactdbtac { background: #e9e9e9; text-align: center; font-size: 90%; padding: 0; margin: 0; border-top: 5px solid #1c3f94;}
#contactdbtac p { margin-top: 1px; padding-top: 1px;}
.projectname { color: #d60238; font-weight: bold; font-family: geneva, sans-serif; font-size: 115%;}
.projectnamedoc { color: #d60238; font-weight: bold; font-family: geneva, sans-serif; font-size: 115%;}
.websiteby {font-size: 85%; margin: 2px 0 0 0; padding: 2px 0 0 0;}
.copyright {font-size: 80%; margin: 2px 0 0 0; padding: 2px 0 5px 0;}
.copyrightdoc {font-size: 80%; margin: 2px; padding: 2px 8px 8px 8px; text-align: left;}
