/* CSS 3-column by Marsha Allen published 5/2009; last update: 7/2009*/
/*Common Tags*/
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; margin: 0 20px; padding: 0; background: #999; color: #000;}
img{ border: none;} 
strong { font-weight: bold; }
acronym {border-bottom: 1pt dashed #e1e1e1;}
abbr {border-bottom: 1pt dashed #e1e1e1;}
label {font-weight: bold; font-size: 95%;}

/*Misc. styles*/
.center {text-align: center;}
.left {text-align: left;}
.nospace {padding: 0; margin: 0; }

.red { color: #d60238; font-weight:bold;} 
.black {color: #000; font-weight: bold;}
.phoneno {color: #d60238; font-weight:bold; letter-spacing: 1pt; }

.smallcaps {font-variant: small-caps;}
.xsmall {font-size: x-small;}
.small {font-size: small;}
.medium {font-size: medium;}
.large {font-size: large;}

/*Some specific list styles*/
.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;}

/*Div contains entire webpage*/
#webpagebox { background:#fff; margin:0; border-right: 0.5pt solid #123456; border-left: 0.5pt solid #123456; border-bottom: 0.5pt solid #d60238; border-top: 0.5pt solid #d60238;  height: auto; color: #000;}

/*Unordered lists in div that contains all 3 columns*/
#columnbox ul { list-style-image: url( http://adacourse.org/images/redtriangle.gif);}

/*Div contains skiplinks, logo, help link and phone, topnavbar, subnavbar (red line)*/
#banner { background: #c8cde1;} /*#c8cde1*/
/*Div in logoheader div that contains sitename*/
#logoname { color: #d60238; font-weight: bolder; font-size: 175%; line-height: 1.25; font-weight: bolder; margin: 0 0 0 105px; padding: 15pt 0 0 105px; font-family: Helvetica, sans-serif, "MS sans serif";}
img.logodbtac {margin-top: 3pt; margin-bottom: 5pt; margin-left: 2pt;}

/*Paragraph in banner div contains skip link*/
#skiplinks { float: right; text-indent: 12px; top: 0; margin: 1px 5px 0 0; padding: 1px 5px 0 0; color: #f3f6fb; background: url(http://adacourse.org/images/arrow_down.gif) left no-repeat; clear: both;}
#skiplinks a {font-size: 70%; margin:0; padding:0; color: #003399;}
#skiplinks a:hover { font-size: 70%; margin:0; padding:0; color: #d60238; background: #ffffcc;}
#skiplinks img {vertical-align:top;}

/*Divs in banner for logo and phone*/
/*#logophone { float: right; position:relative; top:10px; right: 20px;  padding: 0; font-weight: bold; font-size: 95%; text-align: center; font-family: Courier, sans-serif, "MS sans serif"; color: #d60238; } */
#logophone { float: right; position:relative; top: 50px; right: 0;  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: #f1f1f1; } /*background: #f7f7f7 #e5e5e5;*/
#logophone img {border: none;}
#logophone a {color: #333399; margin: 0; padding: 0;}
#logophone a:hover {color: #d60238; background: #ffffcc; margin: 0; padding: 0;}

/*Span in logophone div that formats phone number*/
/*.logophoneno {color: #333399; font-weight:bold; padding-left: 20pt; padding-top: 5pt; font-size: 97%; letter-spacing: 1pt; } */
.logophoneno {color: #11147f/*#333399*/; font-weight:bold; padding: 5pt 2pt 5pt 10pt; font-size: 97%; letter-spacing: 1pt; }
.logophonetype {font-size: 90%; color: #333399; padding-right: 5pt;}

/*Info visibly unseen as positioned off-page to not impact layout but maintain order relative to content; used for info to help screenreaders, keyboard, text-only, or when technology or css incompatibile, i.e. text links vs. image map for Find DBTAC*/
.hide_hinttext, .hide, a span{ height:1px; width:1px; overflow:hidden; position:absolute; top:-60px; }

/*Div in banner div that contains logoname, logotagline, logophone #c8cde1*/
#logoheader {float:left;  background: #c8cde1; padding: 0; margin: 0 0 0 0; width: 100%; clear:both;}
/*Div in logoheader div that contains the text below site name*/
#logotagline { margin: 2px 0 3px 200px; padding: 0; text-align: left; color: #0000a0; font-weight: bold; font-size: 105%; line-height: 1.75; }
/*Div in logoheader div that contains the text below logotagline*/
#logosubtagline { margin: 2px 0 3px 128px; padding: 0; text-align: left; color: #000; font-size: 95%; font-weight: normal; font-family: Verdana, Helvetica, san-serif; }

/*Div contains, i.e. Solutions for 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: #003399; border-bottom: 1px dotted #ccc;} 
.navlist a {color: #000088; text-decoration:none;} 
.navlist a:hover {color: #d60238; background: #ffffcc; text-decoration:underline;}

/*Div after tabbed top navigation; currently no info - red line only*/
#subnavbar { clear: both; color: #fff; background: #d60238; margin: 0; padding: 0.2em 0.7em; text-align: center;}

/*Link styles - change hover property for improved contrast even if grayscale;*/
a:link { color: #000088;}
a:hover { color: #d60238; background: #ffffcc; text-decoration: underline;}
a:link img {text-decoration: none;}

a.confevent:hover {background: #ffffcc url(http://sedbtac.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.lawdoc:hover {background: #ffffcc url(scales2.gif) no-repeat center left;}
a.legal_doc:hover {background: #ffffcc url(icon_legalscales_sm.gif) no-repeat top left;}
a.list_doc:hover {  background: #ffffcc url(bulleted_list.gif) no-repeat center left;}
a.lpword_doc:hover {background: #ffffcc url(http://tacesoutheast.org/websitedev/images/LPword_icon.gif) no-repeat top left;} 
a.makediff:hover {background: #ffffcc url(http://sedbtac.org/images/icon_makediff.gif) no-repeat center left;}
a.national_doc:hover {background: #ffffcc url(usmap_icon.gif) no-repeat center left;}
a.new:hover {background: #ffffcc url(new.gif) no-repeat center left;}
a.newsletterdoc:hover {background: #ffffcc url(http://sedbtac.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://tacesoutheast.org/websitedev/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://sedbtac.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(questionmark.gif) left top no-repeat;}
a.researchdoc:hover { background: #ffffcc url(http://sedbtac.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://tacesoutheast.org/websitedev/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 right;}

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

.confevent {background: url(http://sedbtac.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;}
.lpword_doc {background: url(http://tacesoutheast.org/websitedev/images/LPword_icon.gif) no-repeat top left;} 
.lawdoc {background: url(http://adaanniversary.org/index_files/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; }
.lpword_doc {background: url(http://sedbtac.org/images/LPword_icon.gif) no-repeat top left;}
.makediff {background: url(http://sedbtac.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://sedbtac.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://tacesoutheast.org/websitedev/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://sedbtac.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(questionmark.gif) left top no-repeat;}
.researchdoc { background: url(http://sedbtac.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://tacesoutheast.org/websitedev/images/html_icon.jpg) no-repeat top left; }
.word_doc { background: url(http://adacourse.org/images/word_icon.gif) no-repeat center right;}

/*Div used to clear previous float properties, especially for multiple/consecutive columns*/
.cleardiv { clear: both; }

/*Div contains all 3 columns ( 1-left nav, 2-content, 3-other info*/
#columnbox{ padding: 10px 0 25px 10px; margin: 0;}

/*Div contains search, solutions, find DBTAC, sponsors*/
#column1 { width: 20%; float: left; margin-right: 10px; padding-right: 10px;}
#column1 h2, #column3 h2 {background: url(http://lhpd2.law.uiowa.edu/~mallen/adaanniversary/index_files/blue_solid.gif) repeat; text-align: center; padding-left: 0; margin-left: 0;}

/*Heading 1 page name.*/
h1 {font-size: 135%; color: #d60238; background: #fff;}

/*Heading 2-6 formatting*/
h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, san-serif;}
h2 {font-size:115%; margin-top:1em; padding:.3em .5em .3em 1.3em; background: #fff url(http://adacourse.org/images/blueblock.gif) left center repeat-y; border-top: 1pt solid #0359a3;}
h2,h3 {color: #0359a3;}
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%;}

/*Div contains content of webpage*/
#column2 { float: left; width: 53%; padding: 0px 10px; } 
#column2 li{ padding-bottom: 7px;}
#column2 p { line-height: 1.5;} /*text-indent: 1.5em;*/

/*Bordered box in content needing attention*/
.notebox { background: #f1f1f1; padding: 4px; margin: 2%; width: 90%; font-size: 85%;} 
.notebox a { color:#000; background:#f1f1f1;}  
.notebox a:hover {color: #d60238; background: #ffffcc; text-decoration:underline; }
.notebox h2 { margin: 0; padding: 0; color: #0359a3; background: #f1f1f1; background-image: none;}
.notebox h3, .notebox h4 { padding: 0; margin: 0; color: #d60238; background: #f1f1f1; border: none;}
.notebox p {margin-top: 1pt;}
.notebox ul {list-style-type: disc; list-style-image: none; margin:0; padding:0;}
.notebox li {list-style-type: disc; list-style-image: none; margin-left: 20px; padding: 0; }
.notebox ul li ul {display:inline; list-style-type: none; margin: 0; padding: 0;}
.notebox ul li ul li { display: inline; list-style-type: none; margin: 0; padding: 0 4pt;}

#whatsnew, #popbookmarks {margin: 0; padding: 0; color: #d60238/*11147f #003399 #0359a3*/; background: #e5e5e5/*#ffeeee*/; background-image: none; border: none; text-align: left; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-size: 150%;}
#adahelp {margin: 0; padding: 0; color: #d60238; /*#11147f 003399*/ background: #fff /*#e5e5e5*/; background-image: none; border: none; text-align: center; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-size: 150%;}

#whatsnewbox p {font-size: 90%;}

/*Bordered box in content to highlight the DBTACs mission*/
#mission { /*background: #ffeeee;*/ color: #000; padding: 0 0.5em; margin:0;  font-size: 90%;} /*border: 1pt solid #f1f1f1;*/
#mission h3 {color:#d60238; font-variant:small-caps; font-size: 125%;}
#mission ul {text-align: left; margin-left: 20px; padding-left: 20px; padding-bottom: 0; margin-bottom: 0; padding-top: 0; margin-top: 0; 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;}
#mission a {font-size: 105%;}
#mission p {text-indent: 0;}
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 to hold image and caption to the right of related content,i.e. rotating image in ADA Alert on homepage*/
.rightbox { float: right; margin: 0.5em;}
.rightboximg { background: #fff;
padding: 0.1em; margin: 0.1em; font-size: .75em; text-align: center;}
.rightboxcaption { border: none;  padding: 0.1em; margin: 0 0.1em 0.1em 0.1em; font-size: 0.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 0.55em; padding: 0;}

/*Div contains course login, links to new user and forgot login*/
#showcasebox { color: #000; font-size: 95%; padding: 2pt; margin-bottom: 0; vertical-align: middle; border-right: 2px dotted #0359a3; border-left: 2px dotted #0359a3; border-bottom: 2px dotted #0359a3; text-align: center;}
#showcasebox a {line-height: 1.5; font-size: 95%;}

/*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;} 

/*h2 headings in columns*/
#sponsors {margin-bottom: 2pt;}
#eventslist, #findcenter, #solutionlinks, #nationalinitiatives, #showcase {color: #fff; font-weight: bold; margin-top: 1em; padding: .8em .5em .8em 42pt; font-size: 95%; text-align:left; font-family: Verdana, Helvetica, san-serif; margin-bottom: 1pt; border:none;}
#showcase, #nationalinitiatives, #findcenter, #eventslist, #solutionlinks {color: #eee;}
#eventslist a {color: #fff;}
#eventslist { background: #0359a3 url(http://adacourse.org/images/icon_calendar3.gif) left center no-repeat;}
#findcenter {font-size: 90%; background: #0359a3 url(http://adacourse.org/images/icon_contact.gif) left center no-repeat;}
#showcase {background: #0359a3 url(http://adacourse.org/images/icon_lightbulb.gif) left center no-repeat;} 
#nationalinitiatives {background: #0359a3 url(http://adacourse.org/images/icon_national.gif) left center no-repeat;}

/*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;}
.findcenterbox select {font-size: 95%;}
.navboxnoteform { margin: 0; padding: 0;}

/*Publications Box*/
#pubsbox {border-left: 1px solid #f5f5f5; border-right: 1px solid #f9f9f9; margin: 5pt 0; padding: 7pt;}
#pubsbox h2 { margin: 5px 0 5px 5px; padding: 5px 0 5px 20px; color: #0359a3; background: #fff url(http://adacourse.org/images/pubicon.gif) no-repeat center left; border: none;font-size: 130%; }
#pubsbox h3 { color:#000; margin-left: 15pt;}

/*National Initiatives in column3 div (rightnav)*/
.nationalinitiativesbox { border: 1pt solid #f1f1f1; margin: 0; padding: 0; background: #f3f6fb; text-align:center;}
.nationalinitiativesbox img {margin: 3pt; border: 1pt #f1f1f1 solid;}
.nationalinitiativesbox a {text-decoration: none; border: none;}
.nationalinitiativesbox ul {text-align: center; list-style:none; list-style-image: none;  margin: 0; padding: 0;}
.nationalinitiativesbox li {list-style:none; list-style-image: none; margin: 0 0 4px 0; padding: 0 0 4px 0; }

/*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;}

/*did you know - quote/question, etc. in home page content*/
.didyouknowbox { border: 2px #0359a3 ridge; background: #fff; margin: 0.5em 0.1em 0.1em 0; padding: 0; font-size: 95%;}
.didyouknowbox h2 {color: #003399/*#d60238*/; padding-left: 10px; margin-bottom: 0.2em; margin-top: 0; border: none; font-size: 165%;font-weight: bold; font-variant: normal/*small-caps*/; background-image: none; text-align:left;}
.didyouknowbox p {margin: 0 0.5em; padding: 0.1em; text-indent: 5px; font-size: 100%; }
.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; }

/*Paragraph in footer file with link 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 for footer which contains project name, contact info, accessibility link, privacy link, grant info, copyright*/
#contactdbtac { background: #e5e5e5; text-align: center; font-size: 90%; padding: 0; margin: 0; border-top: 5px solid #d60238; font-family: Verdana, Arial, Helvetica, sans-serif;}
#contactdbtac p { margin-top: 1px; padding-top: 1px;}
.projectname { color: #d60238; font-weight: bold; font-family:Geneva, Arial, Helvetica, 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;}