/* CSS 3-column by Marsha S.*/
/*Common Tags*/
body { font-family: arial, helvetica, sans-serif; font-size: 90%; margin: 0 18px 10px 18px; padding: 0; background: #999; color: #000;}

img{ border: none;} 
.imgvalign, .mvalign {vertical-align: middle;}
.bvalign {vertical-align: bottom;}
.imgright {float: right;}
.imgleft {float: left;}

strong, .bold { font-weight: bold; }
acronym, abbr {border-bottom: 1pt dashed #e1e1e1;}

label {font-weight: bold; font-size: 95%;}
label.required {color: #ff6600;}
legend {color: #0359a3; font-weight: bold;}
fieldset {margin: 1em; border: 2px solid #0359a3;}
fieldset p {margin: 0 0 1em 0; padding: 0; text-indent: 5px; font-size: 90%; }

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

.noborder {background-image: none; border: none;}
.smallcaps { font-variant: small-caps;}
.normalcaps {font-variant: normal;}
.nobold, label.nobold {font-weight: normal;}
.capitals {text-transform: capitalize;}
.nowraptxt {white-space:nowrap;}
.xsmall {font-size: x-small;}
.small {font-size: small;}
.large {font-size: large;}
.medium {font-size: medium;}
.xlarge {font-size:x-large;}

.line15 {line-height:1.5;}

.yellow {color: #ff6633;}
.red { color: #d60238; font-weight:bold;}
.orange { color: #ff6633; font-weight:bold;} /*#059744;  #ff6633*/
.blue { color: #0359a3; font-weight:bold;}
.green { color: #006600; font-weight: bold;} /*#9fcf6b*/
.black {color: #000;}
.grayback {background: #eee; }

.pipe { color: #d3e1f0; border: 1pt solid #1c3a92; width: 4px; height: 4px;}
.phoneno {color: #007829; font-weight:bold; letter-spacing: 1pt; }

/*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 0 3px; padding: 0;}
li.bulletnew { list-style-image: url(../images/new.gif);}
li.bulletnew a {margin-left: 1px; padding-left: 1px;}

/*Div contains entire webpage*/
#webpagebox { background:#fff; margin:0; border-right: 5px solid #eee; border-left: 5px solid #eee; border-bottom: none; border-top: 5px solid #eee;  height: auto; color: #000;}

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

/*Div contains skiplinks, logo, help link and phone, topnavbar, subnavbar*/
#banner { background: #d3e1f0;}
/*Div in logoheader div that contains sitename*/
#logoname { color: #2e3778;  font-weight: bold; font-size: 170%; margin: 7pt 0 0 0; padding: 7pt 0 0 0; line-height: 1.25;} 

/*Paragraph in banner div contains skip link*/
#skiplinks { float: right; margin-right: 10px; text-indent: 12px;  position: relative; top: 0; color: #000; background: left  url(../images/arrow_down.gif) no-repeat;}
#skiplinks a {font-size: 70%; margin:0; padding:0; color: #000;}
#skiplinks a:hover { font-size: 70%; margin:0; padding:0; color: #000; background: #ffffcc;}
#skiplinks img {vertical-align:top;}

/*Divs in banner for logo and phone*/
#logophone { float: right; position:relative; top: 50px; right: -100px;  padding: .2em; font-weight: bold; font-size: 95%; text-align: center; font-family : Helvetica, sans-serif, "MS sans serif"; color: #000; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; background: #fff;}
#logophone a {color: #2e3778; background: #fff; margin: 0; padding: 0;}
#logophone a:hover {color: #000; background: #ffffcc; margin: 0; padding: 0;}
/*Span in logophone div that formats phone number*/
#logophone .logophoneno {color: #007826; font-weight:bold; padding-left: 5pt; padding-top: 5pt; font-size: 95%; letter-spacing: 1pt; }

#acrossnavphone { float: right; position: relative; right: 40px; top: -20px; margin-bottom: 0; padding: 5px; padding-bottom: 0; font-weight: bold; font-size: 95%; text-align: center; font-family : Helvetica, sans-serif, "MS sans serif"; color: #000; border: 1pt solid #ccc; background: #ffffee; border: 1px solid #fec007;}
#acrossnavphone a {color: #000088; background: #fff; margin: 0; padding: 0;}
#acrossnavphone a:hover {color: #003399; background: #ffffcc; margin: 0; padding: 0;}
/*Span in logophone div that formats phone number*/
#acrossnavphone .logophoneno {color: #000; font-weight:bold; padding-left: 5pt; padding-top: 5pt; font-size: 95%; 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*/
.hide_hinttext, .hide { height:1px; width:1px; overflow:hidden; position:absolute; top:-60px; }

/*Div in banner div that contains logoname, logotagline, logophone*/
#logoheader {float:left;  background: #d3e1f0; padding: 0; margin: -1pt 0 0 0; width: 100%; clear:both;} 
/*Div in logoheader div that contains the text below site name*/
#logotagline { margin: 2px 0 3px 80px; padding: 0; text-align: left; color: #000; font-weight: bold; font-size: 90%; } 
/*Div in logoheader div that contains the text below logotagline*/
#logosubtagline { margin: 2px 0 3px 65px; padding: 0; text-align: left; color: #000; font-size: 85%; font-weight: normal; font-family: Verdana, Helvetica, san-serif; }
#logosubtagline a {color: #000;} 

/*Div contains, i.e. Popular Resources on homepage*/
.popularlinksbox{ margin: 7px 0 0 25px; padding: 0; background: #fff;} 
.popularlinksbox li {padding: 1px; margin-bottom: 5px; font-size: 90%; color: #000; list-style-image: url(../images/greentriangle.gif); }
.popularlinksbox p {padding: 0; margin: 0;}
.popularlinksbox a {color: #000088; line-height: 1.2;} 
.popularlinksbox a:hover {color: #003399; background: #ffffcc; text-decoration:none;} 

/*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: #fefefe; padding: 6px 2px 6px 2px; margin:0;list-style-type: none; font-size: 88%;font-weight: normal;color: #003399; border-bottom: 1px dotted #f9f9f9;}
.navlist a {color: #000088; text-decoration: underline;} 
.navlist a:hover {color: #003399; background: #ffffcc; text-decoration:none;}

/*Div holds left navigation*/
#solutionslist{list-style-image:none; border: 1px solid #bbb; margin: 0;padding: 0;}
#solutionslist li{background: #f9f9f9; padding: 6px 3px; margin:0;list-style-type: none; font-size: 80%;font-weight: bold;color: #003399; border-bottom: 1px dotted #bbb;} 
#solutionslist li.selected {background: #fff; padding: 6px 3px; margin: 0; list-style-type: none; font-size: 80%; font-weight: bold; color: #d60238; border-bottom: 1px dotted #bbb;}
#solutionslist a {color: #000088; text-decoration:none;} 
#solutionslist a:hover {color: #003399; background: #ffffcc; text-decoration:none;}

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

.columnsboxborder {border-left: 1pt solid #ddd; border-right: 1pt solid #ddd;}

/*Tabbed Top Navigation*/
#topnavbar { clear: both; margin:12pt 0 0 20pt; padding-bottom: 0; white-space: nowrap; text-align: left;} 
#topnavbar ul {display:inline; list-style-type: none; margin: 0; padding: 0;}
#topnavbar li { display: inline; list-style-type: none; margin: 0; padding: 0;}
#topnavbar a { color: #000088; background: #eee; text-decoration: none; padding: 1pt 5pt 0 5pt; font-size: 100%; font-weight: bold; margin: 0; }
#topnavbar a:hover { color: #003399; 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 1pt 5pt; margin: 0; font-weight: bold; border: 1pt solid #ccc;}
.topnavOn { color:#fff; font-weight:bold; font-size: 95%; background: #0359a3 url(../images/goldblock2.gif) left center repeat-y; font-weight: bold; white-space: nowrap; padding: 1pt 5pt 1pt 15pt; margin: 0; border-top: #fff solid 2pt;} 

#acrossNav { clear: both; top: 3px; margin-left: 10px; padding-top: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; height: 23px; font-weight: bold; vertical-align: middle;}

.acrossItem { height: 23px; float: left; background-image: url('../images/button_center_gray.gif'); background-repeat: repeat-x; margin-right: 1px;}
.acrossItemMore { height: 23px; float: left; background-image: url('../images/button_center_green.gif'); background-repeat: repeat-x; margin-right: 1px;}

#acrossNav ul { margin-left: 0; padding-left: 0; display: inline; padding-bottom: 5px;}
#acrossNav ul li{ margin-left: 0; list-style: none; display: inline; }
#acrossNav ul li a:link{ color: #243e90; text-decoration: none;}
#acrossNav ul li a:visited{ color: #243e90; text-decoration: none;}
#acrossNav ul li a:hover{ color: #003399; background: #ffffcc; text-decoration: underline;}
#acrossNav ul li a:active{ color: #243e90; text-decoration: none;}
#acrossNav ul li img{ float: left;}
.acrossLink { float: left; margin-top: 4px;}
#acrossNav a:link.acrossLinkMore, #acrossNav a:visited.acrossLinkMore, #acrossNav a:hover.acrossLinkMore, #acrossNav a:active.acrossLinkMore { color: #fff; float: left; margin-top: 4px;}


/*Link styles - change hover property for improved contrast even if grayscale;*/
a:link { color: #000088;}
a:hover { color: #003399; background: #ffffcc;}
a:link img, a:active img, a:visited img, #tacecenters a:link img, #tacecenters a:active img, #tacecenters a:visited img {text-decoration: none; border: none;}

a.email span, a.offsite span, a.lpword_doc span, a.text_doc span, a.newsletterdoc span, a.pdf_doc span, a.podcast_asl span, a.podcast span, a.ppt_doc span, a.pub_file span, a.video span, a.webcast span, a.web_doc span, a.calendardoc span, a.word_doc span, a.audiofile span, a.bbicon span { height:1px; width:1px; overflow:hidden; position:absolute; top:-60px; }

a.audiofile:hover { background: #ffffcc url(../images/audio_icon.gif) no-repeat center left;}
a.calendardoc:hover {background: #ffffcc url( ../images/icon_calendar3.jpg) no-repeat center left; }
a.confevent:hover {background: #ffffcc url(http://sedbtac.org/images/conficon.gif) no-repeat top left;}
a.email:hover {background: #ffffcc url(../images/email.jpg) no-repeat top right;}
a.offsite:hover { background: #ffffcc url(../images/offsite.gif) no-repeat center right;}

a.bbicon:hover { background: #ffffcc url(../images/BB_icon_small.jpg) no-repeat top left; }
a.lpword_doc:hover { background: #ffffcc url(../images/LPword_icon.gif) no-repeat center left; }
a.word_doc:hover { background: #ffffcc url(../images/word_icon.gif) no-repeat center left;}
a.text_doc:hover { background: #ffffcc url(../images/texticon.gif) no-repeat center left;}
a.national_doc:hover {background: #ffffcc url(http://adacourse.org/images/usmap_icon.gif) no-repeat center left;}
a.newsletterdoc:hover { background: #ffffcc url(../images/newslettericon3.gif) no-repeat center left; }
a.pdf_doc:hover { background: #ffffcc url(../images/pdficon20.gif) no-repeat center left;}
a.podcast_asl:hover { background: #ffffcc url(../images/podcasticon_asl.gif) no-repeat center left;}
a.podcast:hover { background: #ffffcc url(../images/podcasticon.gif) no-repeat top left;}
a.ppt_doc:hover { background: #ffffcc url(../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(../images/pubicon.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(../images/images/video_icon.jpg) no-repeat top left;}
a.webcast:hover { background: #ffffcc url(../images/webcasticon.gif) no-repeat top left; }
a.web_doc:hover { background: #ffffcc url(../images/html_icon.jpg) no-repeat top left; }

a.email, a.audiofile, a.lpword_doc, a.pdf_doc, a.web_doc, a.calendardoc { padding-top: 2px; padding-bottom: 2px;}

.audiofile {padding-left: 30px; padding-top: 2px; padding-bottom: 2px; background: url(../images/audio_icon.gif) no-repeat center left;}
.email, .offsite { padding-right: 20px; }
.word_doc, .text_doc, .pdf_doc  { padding-left: 20px; }
.newsletterdoc, .podcast, .webcast, .pub_file, .calendardoc, .promisedirectdoc, .toolkitpkg {padding-left: 27px;}
.national_doc, .confevent {padding-left: 35px;}

.bbicon {padding-left: 40px; background: url(../images/BB_icon_small.jpg) no-repeat top left;}
.calendardoc {background: url( ../images/icon_calendar3.jpg) no-repeat center left; }
.confevent {background: url(http://sedbtac.org/images/conficon.gif) no-repeat top left;}
.email, .infobox .email {background: url(../images/email.jpg) no-repeat top right;}
.lpword_doc { padding-left: 28px; background: url(../images/LPword_icon.gif) no-repeat center left; }
.national_doc {background: url(http://adacourse.org/images/usmap_icon.gif) no-repeat center left;}
.newsletterdoc { background: url(../images/newslettericon3.gif) no-repeat center left; }
.offsite { background: url(../images/offsite.gif) no-repeat center right;}
.pdf_doc { background: url(../images/pdficon20.gif) no-repeat center left;}
.podcast {background: url(../images/podcasticon.gif) no-repeat top left;}
.podcast_asl {padding-left: 31px; background: url(../images/podcasticon_asl.gif) no-repeat center left;}
.ppt_doc { padding-left: 20px; background: url(../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(../images/pubicon.gif) no-repeat center left;}
.text_doc { background: url(../images/texticon.gif) no-repeat center left;}
.toolkitpkg {background: url(http://adacourse.org/images/toolbox-icon.jpg) no-repeat center left;}
.webcast {background: url(../images/webcasticon.gif) no-repeat top left; }
.web_doc { padding-left: 28px; background: url(../images/html_icon.jpg) no-repeat top left; }
.word_doc { background: url(../images//word_icon.gif) no-repeat center left;}
.video {padding-left: 23px; background: url(../images/video_icon.jpg) no-repeat top left;}

#nocolumnsbox h3 {background: #fff url(../images/dots.gif) no-repeat left center; padding-left: 40px; font-size: 115%; color: #24833f; }
#nocolumnsbox h3.nodots {background-image: none; padding-left: 0;}

/*Event registration under Webinars*/
#registereventinfo .datecost { font-size: 120%; color: #000; font-weight: normal; margin: 0; padding: 0;}
#registereventinfo .datecostinfo, .inheadertext { font-size: 100%; color: #000; font-weight: normal; }
#registereventinfo p{ padding-top: 0 ; margin-top: 0;}
#registereventinfo strong {color: #ff6633;}
#registereventinfo h3, #registereventinfo h4 { color: #000; font-size: 120%; padding: 3pt 0 0 0; margin: 3pt 0 0 0;}
#registereventinfo h3#audiomats,#registereventinfo h3#transcriptmats,#registereventinfo h3#pptmats,#registereventinfo h3#suppmats {color: #006600; background: #f1f1f1;}
#registereventinfo h3 {background-image: none; padding-left: 0;}
#registereventinfo h4 {font-size: 105%;}
#registereventinfo strong.black {color: #000;}

#registereventform { border: 1pt solid #cc0033; width: 55%; padding: 10pt; margin: 0 10pt 10pt 10pt;}
#registereventform label {color: #000; font-weight: bold; margin-top: 4px; padding-top: 4px;}

/*Forms*/
#formbox { font-size: 99%; border: 1px solid #ccc; padding: 10pt; margin: .5em 1em; background: #f9f9f9;} 
#formbox h2 {font-size: 150%; background-image: none; border: none; margin: 0; padding: 0; background: #f9f9f9;}
#formbox label {color: #000; font-weight: bold; margin-top: 4px; margin-bottom: 4px; padding-top: 4px; padding-bottom: 4px;}
#formbox input { margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px;}
#formbox .required {color: #ff6600;}
#formbox p {text-indent: 0;}

/*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: 0 0 25px 10px; margin: 0;}
#nocolumnsbox { padding: 1em 2em 2em 2em; margin: 0;} 

/*Div contains search, solutions, find TACE, sponsors*/
#column1 { width: 20.5%; float: left; margin-right: 5px; margin-top: 10px; padding-right: 5px; }

/*Heading 1 page name.*/
h1 {font-size: 135%; color: #0359a3; background: #fff; border-bottom: 1px solid #bbb;} 

/*Heading 2 formatting in column divs.*/
#column1 h2 { background: #0359a3 url(../images/blue_pattern.gif) left center repeat;  color: #fff; font-weight: bold; margin-top: 1em; padding: .3em .5em; font-size: 95%; text-align:center; font-family: Verdana, Helvetica, san-serif;}
#column3 h2 { background: #0359a3 url(../images/blue_pattern.gif) left center repeat; color: #fff; font-weight: bold; margin-top: 0; padding: .3em .5em; font-size: 95%; text-align:center; font-family: Verdana, Helvetica, san-serif;}

h2, h3, h4, h5, h6 { font-family: arial,helvetica,san-serif;}
h2 {font-size: 125%; color: #1c3a92; background: #fff; margin: 0; padding: 0; }
h3 {font-size: 110%; color: #059744; margin: .1em 0 0 0; padding: .1em 0 0 0;} 
h4 { font-size: 105%; color: #0359a3; margin: 1em .5em 0 0; padding: .3em .5em 0 0;}
h5 { font-size: 100%; color: #000; margin: 1em .5em 0 0; padding: .3em .5em 0 0;}
h6 { font-size: 95%; color: #000; margin: 1em .5em 0 0; padding: .3em .5em 0 0;}

h2.webcast {padding-left: 27px; background: url(../images/webcasticon.gif) no-repeat top left; }

/*Headings on TACE Centers - 10*/
/*#tacecenters h2 {font-size: 115%; color: #0359a3; margin-top: 1em; padding: .3em .5em .3em 1.3em; background: #fff url(../images/blueblock.gif) left center repeat-y; border-top: 1pt solid #0359a3; border-bottom: none; } */
#tacecenters h2 {font-size: 115%; color: #0359a3; margin-top: 1em; margin-bottom: 1.5em; padding: .3em .5em; background-image: none;; border-top: 1pt solid #0359a3; border-bottom: none; }
#tacecenters h2 img {padding-right: 5px; margin-right: 5px;}
#tacecenters .h2subtitle {padding-top: 5px; margin-top: 5px;}

#column1 #searchbox_demo { background: #fff; margin: 0; padding: 4px 0;}

/*Div contains content of webpage*/
#column2 { float: left; width: 53.5%; padding: 10px 10px 0 10px; margin-top: 0; font-size: 105%; border-left: 1pt dotted #ccc; } 
#column2 li{ padding-bottom: 7px;}
#column2 p {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: #003399; background: #ffffcc;}
.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; background-image: 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 0 4pt;}

#whatsnew, #traininghome {margin: 0; padding: 0; color: #0359a3;  background: #fff; background-image: none; border: none; text-align: left; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-size: 130%;} 

/*Bordered box in content needing extra attention*/
.infobox { background: #ffffee; padding: 4px; margin: 10px; width: 88%; font-size: 90%; border: 1px solid #f0c025; }
.infobox a { color:#000; background: inherit; }  
.infobox a:hover {color:#000088; background: #ffe692;}
.infobox h2, .infobox h3, .infobox h4 { margin: 0; padding: 0; color:#1c3a92; background: #ffffee;  background-image: none; border: none;} 
.infobox h2 {background: none;}
.infobox h3 {background-image: none; padding-left: 0;}
.infobox p {margin: 2px; padding: 2px;}


#contactusbox {background: url(../images/southeast_states_174_v2.jpg) no-repeat right bottom; width: 65%;} 
#contactusbox h2 {background: none; border:none;}
#contactusbox strong {font-variant: small-caps;}

/*Examples*/
.examplebox {color: #000; background: #fff; padding: .5em; margin:.5em 1em; font-size: 95%; border: 1px dashed #ccc; }
.examplebox strong {color: #000;}
.examplebox ul	{padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0;}


/*Bordered box in content to highlight the TACE mission*/
#mission, #whatsnewbox, #traininghomebox { background: #fff; color: #000; padding: 0 .5em; margin:0; } 
#mission h3, #whatsnewbox h3, #traininghomebox h3 {color: #007826; font-variant:small-caps; font-size: 110%; margin-top: 6px; background-image: none; padding-left: 0;} 
#mission ul, #whatsnewbox ul, #traininghomebox 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, #whatsnewbox li p, #traininghomebox 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, #whatsnewbox li, #traininghomebox li {margin-bottom: 5px; padding-bottom: 0; list-style-image: none; list-style: none;}
#whatsnewbox ul li ul {padding-top: 2px; margin-left: 40px;}
#whatsnewbox ul li {padding-top: 4px; }
#mission a, #whatsnewbox a, #traininghomebox a {font-size: 110%; padding-top: 2px; padding-bottom: 6px;}
#whatsnewbox a.small {font-size: 90%;}

/*Bordered box in content to highlight info and links for a section or in page, i.e. Solutions*/
#pageintrobox {font-size: 95%; border: 1px solid #16437a; padding: 0 .5em .5em .5em; background: #f9f9f9; margin-bottom: 1em;}
#pageintrobox strong {color: #000;}
#pageintrobox h2 {margin: 4pt 0 0 0; padding: 4pt 0 0 0; color: #0359a3; 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; background-image: none;}
#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(../images/dkbluetriangle.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 0 4pt;}

/*Gray box for navigation for a 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: #003399; background: #ffffcc;}
.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; background-image: 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 0 4pt;}
.pagesubnavbox .eventslistbyregion li {list-style-type: square; padding: 4pt 0 4pt 0;}

/*Box to hold image and caption to the right of related content*/
.rightbox { float: right; margin: .5em;}
.rightboximg { border-left: 1px solid #003399; border-right: 1px solid #234671; border-top: 1px solid #234671; border-bottom: 0; background: #f5f5f5;
padding: .1em .5em .5em .5em; margin: 0 1em .1em 2em; font-size: .75em; text-align: center;}
.rightboxcaption { border-left: 1px solid #234671; border-right: 1px solid #234671; border-bottom: 1px solid #234671; border-top: 0; background: #f5f5f5; padding: .9em; margin: 0 .1em; font-size: .75em;}
.rightboxtitle {color: #000; text-decoration: none; font-size: 120%; font-weight: bold;}
.rightboxsubtitle {text-decoration: underline; color: #3a7e26;}

/*box holds image and caption to left of content*/
.leftbox { float: left; margin: 0 5px 0 0;}
.leftboximg { padding: 3px;}
.leftboxcaption { border: none;  padding: .1em; margin: 0 .1em; font-size: 1em;} 
.leftboxtitle {color: #000; text-decoration: none; font-size: 120%; font-weight: bold;}
.leftboxsubtitle {text-decoration: underline; color: #3a7e26;}

/*Box holds image and caption in center*/
.centerbox { text-align: center; margin: 5px 65px;}
.centerboximg { border: 3px solid #f1f1f1; background: #f5f5f5; padding: .5em; margin: 5px 10px 0 10px; font-size: .75em; text-align: center;}
.centerboxcaption { border: none;  padding: .1em; margin: 0 .1em; font-size: 1.2em;}
.centerboxcaption span.centerboxtitle {color: #000; text-decoration: none; font-size: 125%; font-weight: bold;} 
.centerboxcaption span.copyright {color: #000; text-decoration: none; font-size: 85%; font-weight: normal;} 
.centerboxsubtitle {text-decoration: underline; color: #3a7e26;} 

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

/*Div creates two columns, side-by-side content*/
.columntwobanner { margin: 0;}
.columntwobannerA { float: left; width: 81%;}
.columntwobannerB { float: right; width: 15%;}

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

/*Div contains search box in leftnav*/
#sitetools {  color: #000; font-size: 95%; padding: 2pt; margin-bottom: 0; vertical-align: middle; border: 1pt #0359a3 solid; text-align: center;} 
#sitetools form { margin: 0; padding: 0;}
#sitetools label {font-weight: bold; color: #d60238; vertical-align: middle; margin: 0 0 0 0; padding: 0 0 0 1em; font-family: Verdana, Helvetica, san-serif; font-size: 95%;} 
#sitetools select {font-size: 85%;}
#sitetools option {font-size: 85%; margin: 0; padding: 0;}
#sitetools input {margin-top: 4px; margin-left: 4px; font-size: 95%;}
#sitetools a { color: #000088; text-decoration: underline; margin: 5pt 0 0 0; padding: 5pt 0 0 0; font-size: 90%;} 
#sitetools a:hover { color: #003399; background: #ffffcc; text-decoration: underline; margin: 5pt 0 0 0; padding: 5pt 0 0 0;}

/*Div contains search box in leftnav*/
#searchtoolsbox {color: #000; font-size: 95%; padding: 2pt; margin-bottom: 0; vertical-align: middle; border-left: 1px #0359a3 solid; border-right: 1px #0359a3 solid; border-bottom: 1px #0359a3 solid; background: #f9f9f9; } /*#f3f6fb;*/
#searchtoolsbox h2 { border: none; color: #0359a3; 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-family: Verdana, Helvetica, san-serif; 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: 2px #0359a3 dotted; border-right: 2px #0359a3 dotted; border-bottom: 2px #0359a3 dotted;text-align: center;}
#webcoursebox h2 {background: #fff; color: #d60238; margin: 0; padding: 0 0 2px 0; border: none; font-family: Verdana, Helvetica, san-serif; 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-family: Verdana, Helvetica, san-serif; 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: #003399; 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; }

/*List of upcoming events in column3 div*/
.eventslistbox { margin: 0; padding: 0; border: none; } 
.eventslistbox li { font-size: 80%; padding: .1em .2em .5em .7em; margin: 0 0 .5em 0; list-style: none; }
.eventslistbox .date {font-size: 105%;}
.eventslistbox li p {margin: 2pt 0 0 0; padding: 2pt 0 0 0;} 
.eventslistbox a { text-decoration: none; border-bottom: 1pt solid #ccc; line-height: 1.5; font-size: 112%;}
.eventslistbox .webcast {margin-top: 4px; padding-bottom: 4px;}

/*List of upcoming events in column3 div*/
.sharecommentslist { margin: 0; padding: 2pt; border: 1pt solid #f1f1f1; }
.sharecommentslist li { padding: 0 0 .5em 0; margin: 0 0 .5em 0;  list-style: none; }
.sharecommentslist li {font-size: 85%; }
.sharecommentslist a {text-decoration: none; border-bottom: #ccc solid 1pt;} 
.sharecommentslist a strong.c3title {border-bottom: #fff solid 1pt; text-decoration:none; font-weight:bold; color: #007829;} /*d60238*/
.sharecommentslist a:hover, .sharecommentslist a:hover strong.c3title {color: #003399; background: #ffffcc; text-decoration:none;}

/*h2 headings in columns*/
#quicklinks, #quicklinks2, #findcenter, #sponsors, #eventslist, #solutionslinks {margin-bottom: 2pt;}
#nationalinitiatives {color: #d60238; background: url(../images/blueblock.gif) left center repeat-y; margin-bottom: 0; border-right: 1pt solid #0359a3; font-family: Verdana, Helvetica, san-serif; font-size: 95%;}

#popularlinks {color: #0359a3; background: #fff; background-image: none; margin: 0 0 0 .5em; padding: 0; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; font-size: 130%;  font-variant: normal; text-align: left;} 
.blogname { color: #9fcf6b;  font-size: 115%; font-variant: small-caps; margin: .5em 0 0 .5em; padding: 0; }
#searchtools { background: #0359a3 url(../images/icon_search.gif) no-repeat left center;
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;}

/*Find TACE, 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:  #fefefe; 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 in column1 div (leftnav)*/
.sponsorsbox { border: 1pt solid #f1f1f1; padding: 5px; background: #f9f9f9; text-align:center;}
.sponsorsbox img {border: 1pt #f1f1f1 solid;}
.sponsorsbox a {text-decoration: none; border: none;}
.sponsorsbox ul {text-align: center; list-style:none; list-style-image: none;  margin: 0; padding: 0;}
.sponsorsbox li {list-style:none; list-style-image: none; margin: 0 0 4px 0; padding: 0 0 4px 0; }

/*National Initiatives in column2 div on homepage*/
.nationalinitiativesbox {  border-right: 1pt solid #0359a3; border-left: 1pt solid #0359a3; border-bottom: 1pt solid #0359a3; background: #fff; margin: 0; padding: 0; list-style-image: none; list-style: none; font-size: 90%;}
.nationalinitiativesbox li {  margin: 0; padding: 1.2em 0 1.2em 0; border-bottom: 1px dotted #ccc; list-style: none; list-style-position: outside; list-style-image: none; }
.nationalinitiativesbox li img { float: left; margin: 2px 5px 0 0; padding: 1px;}
.nationalinitiativesbox li a {line-height: 1.5; }

/*did you know - quote/question, etc. in home page content*/
.didyouknowbox {  background: #fff url(../images/unanswered.gif) left top no-repeat; border: 2px dotted #0359a3; background: #f3f6fb; margin: .5em 1em; padding: 0; font-size: 95%;}
.didyouknowbox h2 {color: #d60238; text-indent: 15px; margin-bottom: .5em; margin-top: 0; background: url(../images/unanswered.gif) left top no-repeat; border: none; font-family: Verdana, Helvetica, san-serif; font-size: 95%;}
.didyouknowbox p {margin: .5em 1em 1em 1em; padding: .1em; text-indent: 5px; font-size: 100%; }
.didyouknowbox li {  margin: 0; padding: 4px 0; border-bottom: 1px dotted #ccc; list-style-position: outside; list-style-image: none; } 
.didyouknowbox li img { float: left; margin: 2px 5px 0 0; padding: 1px;}
.didyouknowbox li a {line-height: 1.5; text-decoration: none; }

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

/*Results in tables*/
#tableresults .throw th {color: #fff; background: #0359a3; 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 tr:hover {display: table-row; color: #003399; background: #ffffcc; }
#tableresults tr:hover a {color: #003399;}

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

tr.evenrow { background: #efefef; }
tr.evenrow a {background: inherit;}
tr:hover { display: table-row; color: #d60238; background: #ffffee; color: #000;}
td {padding: 6px;}

/*web schedule*/
#webschedule tr.headrow {background: #87bd4e; color: #fff; font-size: 95%; font-weight: bold; } /*90% #1c3a92*/
#webschedule .col1 {width: 20%;}
#webschedule .col2 {width: 50%;}
#webschedule .col3 {width: 15%;}
#webschedule th {text-align: left;}
#webschedule td {vertical-align: top;}
#webschedule td.colmaterials {font-size: small;}
#webschedule td.colmaterials ul {margin-left: 0; padding-left: 0;}

#navtoc { float: right; width: 25%; margin: -12px 5px 15px 20px;  padding: 0 5px 5px 5px;
border: 1px solid #dbdada; border-top: none; font-size: .9em; background: #f9f9f9;}
#navtoc h2 { font-size: 1.2em; margin-top: .5em; padding-top: .5em; padding-bottom: .5em; color: #007826; background: #f9f9f9; border: none; font-family: Geneva, sans-serif}
#navtoc ul {margin-top: 0; margin-left: 0; padding-left: 18px;}
#navtoc ul li {list-style-image: url(../images/greentriangle.gif);}
#navtoc ul li ul li {list-style: disc; list-style-image: none; }
#navtoc a {background: inherit;}

#tacecenters h2 {border-top: 2px solid #bbb; font-size: 125%;}
#tacecenters .rightbox, #tacecenters .rightboximg {border: none; background: #fff;}
#tacecenters .h2subtitle { font-size: 85%; color: #000; font-weight: normal; }

.stateinfo h3 {background-color: #f3f0df; padding: .5em; margin-top: 5px;
font-family: Verdana,Arial,Helvetica,sans-serif; margin-bottom: 1em; font-size: 90%; background-image: none; padding-left: 0;}
.ilist li { margin: 2pt 0; padding: 2pt 0;}

h3.dots {background: #fff url(../images/dots.gif) no-repeat left center; padding-left: 40px; font-size: 115%; color: #24833f; }

/* *|table, table { border-collapse: collapse; border-spacing: 0;} */
#upcoming-events { background-image: none; padding: 0 15px 15px 15px; margin: 0 15px; width: 75%; overflow: hidden;}
#upcoming-events .calBox { float: left; position: relative; width: 40%; background: #fff repeat scroll; background-image: none; padding: 5px; border: 1px solid #b0c5e8; font-size: 0.8em; margin: 5px 0 5px 5px; }
#upcoming-events table { width: 100%;}
#upcoming-events { padding:15px; width:75%; overflow:hidden;}
#upcoming-events ul { margin:10px 5px 0 8px; list-style: none;}
#upcoming-events li {margin:5px 0; padding: 5px 0; list-style: none;}
#upcoming-events li a {color:#4853e5;}
#upcoming-events p {margin-bottom:10px;}
/*.blue {color:#2b4a98;} */
.event-list {list-style:none;}
.event-list li{margin:0; padding:0;}
/*h2 {font:2.2em arial,verdana; color:#af0808; letter-spacing:-.025em;} */
caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal;}
caption, th { text-align: left;}
caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal;}
caption, th {text-align: left;}
#upcoming-events .calBox { float:left; position:relative !important; width:40%; background:#fff; padding:5px;
                          border:1px solid #b0c5e8; font-size:.8em; margin:5px 0 5px 5px;}
#upcoming-events caption {text-align:center; background:#101265; color:#fff;}  
#upcoming-events caption strong {font-weight:bold; text-transform:uppercase;} 
#upcoming-events caption a {position:absolute; color:#fff; text-decoration:none;}

#upcoming-events table{width:100%;}
#upcoming-events th {color:#000; text-align:center; font-weight:bold;}
#upcoming-events td {border:1px solid #8fb0df; text-align:center;}

#upcoming-events .today {background:#ffff9a;}
#upcoming-events .notInMonth {background:#dcdcdc;}
#upcoming-events .eventday{background: #ffff9a;} /*#c9d9f2;*/
#upcoming-events .eventday a {font-weight: bold;}

#upcoming-events a.prevr {text-align: left; float: left; font-size: 95%; padding: 4px 0;}
#upcoming-events a.nextr {text-align: right; float: right; font-size: 95%; padding: 4px 0;}
#upcoming-events a span { height:1px; width:1px; overflow:hidden; position:absolute; top:-60px; }
.clear_r {clear: right;}

/*Webcourses*/
#webcourses h2 {background-image: none; font-size: 110%;}
#webcourses h3 {color: #006600; padding: 0; margin: 0; font-size: 95%;}
#webcourses h4{ color: #000; font-size: 100%; padding: 0; margin: 0;}
#webcourses ol, #webcourses ul, #webcourses p{ padding-top: 0 ; margin-top: 0; font-size: 95%;}

/*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(../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 #fec007*/
#contacttace { background: #efefef; text-align: center; font-size: 90%; padding: 0; margin: 0; border-top: 5px solid #87bd4e; font-family: Verdana, Arial, Helvetica, sans-serif; border-left: 5px solid #eee; border-right: 5px solid #eee; border-bottom: 5px solid #eee;}
#contacttace p { margin-top: 1px; padding-top: 1px;}
.projectname { color: #0359a3; font-weight: bold; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 120%; line-height: 1.5;}
.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;}
#contacttace a {color: #000;}