/* CSS 3-column by Marsha Allen published 7/2007; last update: 9/2009*/
/*Common Tags*/
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; margin: 0 3px 0 3px; 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;}

.red { color: #d60238; font-weight:bold;} 
.blue { color: #0359a3; 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: .5pt solid #123456; border-left: .5pt solid #123456; border-bottom: .5pt solid #d60238; border-top: .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;}
/*Div in logoheader div that contains sitename*/
#logoname { color: #d60238; font-weight: bolder; font-size: 170%; line-height: 1.25; margin: 8pt 0 0 105px; padding: 8pt 0 0 105px; font-family: Helvetica, sans-serif, "MS sans serif";}

/*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: 15px;  padding: .1em; font-weight: bold; font-size: 95%; text-align: center; font-family: Courier, sans-serif, "MS sans serif"; color: #d60238; }
#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; }

/*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*/
#logoheader {float:left;  background: #c8cde1; padding: 0; margin: 0 0 0 0; width: 100%; clear:both;} /*url(collagepeople5.jpg) right center no-repeat*/
/*Div in logoheader div that contains the text below site name*/
#logotagline { margin: 2px 0 3px 128px; padding: 0; text-align: left; color: #0000a0; font-weight: bold; font-size: 115%; line-height: 2.2;}
/*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 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://adacourse.org/images/pdf.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;}

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

.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;}
.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://adacourse.org/images/pdf.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://tacesoutheast.org/websitedev/images/blue_pattern.gif) repeat; text-align: center; padding-left: 0; margin-left: 0;}

/*Heading 1 - hidden in header to maintain structured outline*/
/*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:0.1em 0 0 0; padding:0.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 {text-indent: 1.5em; line-height: 1.5;}

/*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 { padding: 0; margin: 0; color: #d60238; background: #f1f1f1; border: none;}
.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 {margin: 0; padding: 0; color: #003399; background: #e5e5e5; background-image: none; border: none; text-align: center; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-size: 150%;}

/*Bordered box in content to highlight DBTACs mission*/
#mission { color: #000; padding: 0 0.5em; margin:0; border: 1pt solid #f1f1f1; font-size: 90%;}
#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; 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 p {text-indent: 0;}
#mission li {margin-bottom: 5px; padding-bottom: 0; margin-top: 0.2em; padding-top: 0.2em;}
#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 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;}

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

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

/*did you know - quote/question, etc. in home page content*/
.didyouknowbox {  background: #fff url(http://adacourse.org/images/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: 0.2em; margin-top: 0; border: none; font-size: 155%;font-weight: bold; font-variant: 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 text-align:right;*/
#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;}