/* CSS for MyTACE by Marsha S. 
publish 2/2009 - last update 8/2010 - U=unique this css*/
/*Common Tags*/
body { font-family: verdana, 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 #ddd;} /*U*/
fieldset p {margin: 0 0 1em 0; padding: 0; text-indent: 5px; font-size: 90%;}

/*Misc. styles - position, font, color, etc.*/
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.nospace { padding: 0; margin: 0;}
.notopspace { padding-top: 0; margin-top: 0;}

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

.line15 {line-height:1.5;}

.yellow {color: #ff6633;}
.red {color: #d60238;}
.orange { color: #ff6633; font-weight:bold;}
.blue { color: #1c3a92; font-weight:bold;} /*U*/
.green { color: #006600; font-weight: bold;}
.black {color: #000;}
.grayback {background: #eee; }

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

/*Some specific list styles*/
.listonerow ul, .listonerow li {display:inline; list-style-type: none; margin: 0; padding: 0;}
.listonerow li{ margin: 0 3px;}
li.bulletnew { list-style-image: url(http://tacesoutheast.org/websitedev/images/new.gif);}
li.bulletnew a {margin-left: 1px; padding-left: 1px;}

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

/*Div contains entire webpage*/
#webpagebox { background:#fff; margin:0; border: .5pt solid #123456;  height: auto; color: #000;}

/*Div contains skiplinks, logo, subnavbar (line)*/
#banner {
	background-image: none;
	background-color: #f1f1f1;
}

/*Div in logoheader div that contains sitename*/
/*formerly logoname*/
h1 { color: #2e3778;  font-size: 170%; margin: 12pt 0 0 0; padding: 12pt 0 0 0; line-height: 1.25;} /*U*/
.logonamesize {font-size: 85%; } /*U*/

/*Paragraph in banner div contain skip link*/
/* #skiplinks { float: right; margin: 0 25px 0 0; text-indent: 12px;  position: relative; top: 0; color: #fec007; background: #f1f1f1 url(http://tacesoutheast.org/websitedev/images/arrow_down.gif) left no-repeat; padding: 0 0 3px 0; clear:both;} */ /*U*/
#skiplinks { float: right; margin-right: 10px; text-indent: 12px;  position: relative; top: 0; color: #fec007; background: transparent url(http://tacesoutheast.org/websitedev/images/arrow_down.gif) top left no-repeat;}
#skiplinks a {font-size: 70%; margin:0; padding:0; color: #000;}
#skiplinks a:hover { font-size: 70%; margin:0; padding:0; color:#000088; background: #ffe692;} /*U*/
#skiplinks img {vertical-align: top;}
#skiplinks .bbiprojectlogo {padding-left: 30px; padding-right: 30px; color: #000088; font-size: x-small; font-family: Helvetica, sans-serif;}

/*Divs in banner for logo and phone*/
#logonotebox { float: right; position:relative; top: 50px; right: 60px;  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 { font-size: 95%; font-family : Helvetica, sans-serif, "MS sans serif"; color: #000; } /*U*/
#logophone a {color: #2e3778; 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 { padding-left: 5pt; padding-top: 0;  letter-spacing: 1pt; } /*U*/

/*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, logosubtagline*/
#logoheader {
	float:left;
	padding: 0;
	margin: -1pt 0 0 0;
	width: 100%;
	clear:both;
	background-color: #f1f1f1;
}  /*U*/
#logosubname { margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; color: #87bd4e; font-size: 125%; font-weight: bold; font-family: verdana, helvetica, san-serif; } /*U*/
/*Div in logoheader div that contains the text below site name*/
#logotagline { margin: 2px 0 3px 100px; padding: 0; text-align: left; color: #fff; font-weight: bold; font-size: 90%; }
/*Div in logoheader div that contains the text below logotagline*/
#logosubtagline { margin: 8px 0 10px 50px; padding: 0; text-align: left; color: #000; font-size: 95%; font-weight: normal; font-family: verdana, helvetica, san-serif; }
#logosubtagline a {color: #000;} 

/*Div after tabbed top navigation; currently no info - line only*/
#subnavbar { clear: both; color: #fff; background: #87bd4e; border-bottom: 4px solid #fff;  margin:0; padding: 0; height:4px;  } /*U*/
#subnavbar ol {display:inline; list-style-type: none; margin: 0 0 0 5px; padding: 0;}
#subnavbar li { display: inline; list-style-type: none; margin: 0; padding: 0; border-left: 1px solid #d3e1f0; border-right: 1px solid #d3e1f0;} /*U*/
#subnavbar li.last {border-right: 2px solid #d3e1f0;}
#subnavbar li.first {border-left: 0; background: #eee;}
#subnavbar a { color: #fff; background: #87bd4e; text-decoration: none; padding: 1pt 5pt 0 5pt; font-size: 90%; font-weight: bold; margin: 0; }

#subnavbar a:hover { color:#000088; background: #ffe692; text-decoration: underline; padding: 1pt 5pt 0 5pt; font-size: 90%; font-weight: bold;} 
.topnavOff { font-size: 90%; color: #fff; background: #87bd4e; white-space: nowrap; padding: 1pt 5pt; margin: 0; font-weight: bold;} /*U*/
#subnavbar li.first a, li.first .topnavOff  {color: #000088; background: #eee;}
.navOn { color:#fff; font-weight:bold; font-size: 90%; background: #0359a3; padding: 1pt 5pt; margin: 0; border-top: #fff solid 2pt;} /*U*/

/*Tabbed Top Navigation*/
#topnavbar { clear: both; margin:7pt 0 0 0; padding-bottom: 0; white-space: nowrap; text-align: center; }

#acrossNav { clear: both; top: 3px; margin-right: 1em; 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(http://tacesoutheast.org/websitedev/images/button_center_gray.gif); background-repeat: repeat-x; margin-right: 1px;}
.acrossItemMore { height: 23px; float: left; background-image: url(http://tacesoutheast.org/websitedev/images/button_center_green.gif); background-repeat: repeat-x; margin-right: 1px;}

#acrossNav ul { float: right; margin-left: 0; padding-left: 0; display: inline; padding-bottom: 0; margin-bottom: 0;}
#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:#000088; background: #ffe692;} /*U*/
a:link img, a:active img, a:visited img {text-decoration: none; border: none;}

/*Event registration under Webinars*/
#registereventinfo .datecost { font-size: 120%; color: #000; font-weight: bold; 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 {background-image: none; background: #f1f1f1; 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;}
#registereventinfo h3#audiomats, #registereventinfo h3#transcriptmats, #registereventinfo h3#pptmats, #registereventinfo h3#suppmats, #registereventinfo h3#sitecoord, #registereventinfo h3#partlist
{ color: #006600;}

/*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 label.normaltxt{ font-weight: normal;}
#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: 0 0 25px 10px; margin: 0;}

#column1 { width: 1%; float: left; padding-top: 10px; margin-right: 10px; padding-right: 10px;}

/*Div contains content of webpage*/
#content { float: left; width: 70%; padding: 10px;  color:#000; background: #fff;} 
#content li{ padding-bottom: 7px;}
#content p {line-height: 1.5;}

/*Heading 2-6 formatting*/
h2, h3, h4, h5, h6 { font-family: arial,helvetica,san-serif;}
h2 {font-size: 130%; color: #1c3a92; background: #fff; margin: 0; padding: 0; border-bottom: 1px solid #bbb;}
h3 {font-size: 110%; color: #0359a3; margin: 0.1em 0 0 0; padding: 0.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: #d60238; margin: 1em .5em 0 0; padding: .3em .5em 0 0;}
h6 { font-size: 95%; color: #d60238; margin: 1em .5em 0 0; padding: .3em .5em 0 0;}

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

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

/*Bordered box in content needing extra attention*/
.showtextbox { background: #fff; padding: 0; margin: 0; color: #000; } 

/*Bordered box in content needing extra attention*/
.showtextbox2 { background: #fff; padding: 4px; margin: 0 1.5em 1.5em 1.5em; width: 95%; font-size: 100%; } 
.showtextbox2 a { color:#000; }  
.showtextbox2 a:hover {color:#000088;}
.showtextbox2 h2, .showtextbox2 h3, .showtextbox2 h4 { margin: 0; padding: 0; background:#fff; background-image: none; border: none;}
.showtextbox2 p {margin: 2px; padding: 2px;}
.showtextbox2 h2.pgname {font-size: 135%; color: #0359a3; background: #fff; margin-top: .4em; padding: .4em .5em .3em 0; font-variant: small-caps;}
.showtextbox2 .breadcrumbNEW { text-align: left; font-size: 80%; color: #000; margin: 7pt 0 -10pt 0; padding: 0;}
.showtextbox2 .breadcrumblinkNEW { background:#fff; font-size: 90%; margin-bottom:0; padding-bottom: 0;}

/*Bordered box in content needing attention*/
.notebox { background: #ffffee; padding: 6px; margin: 2%; width: 90%; font-size: 85%; border: 1px solid #006600;}
.notebox a { color:#000; background:#ffffee;}  
.notebox a:hover {color:#000088; background: #ffe692;}
.notebox h2 { margin: 0; padding: 0; color: #0359a3; background: #ffffee; background-image: none;}
.notebox h3, .notebox h4 { padding: 0; margin: 0; color: #0359a3; background: #ffffee; 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: 2pt 4pt; }
.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;}

/*Bordered box in content needing extra attention*/
.infobox { background: #ffffee; padding: 4px; margin: 1.5em; width: 88%; font-size: 90%; border: 1px solid #f0c025; } 
.infobox a { color:#000; background: #ffffee;}  
.infobox a:hover {color:#000088; background: #ffe692;}
.infobox h2, .infobox h3, .infobox h4 { margin: 0; padding: 0; color:  #0359a3; background:#ffffee; background-image: none; border: none;} 
.infobox p {margin: 2px; padding: 2px;}
 
#contactusbox {width: 85%;}
#contactusbox h2 {background: none; border:none;}
#contactusbox strong {font-variant: small-caps;}

/*Examples*/
.examplebox {color: #000; background: #fff; padding: 4px; margin: 1.5em; 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;}

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

/*box holds image and caption to left of content*/
.rightbox { float: right; margin: .5em;}
.rightboximg { padding: 3px;}
.rightboxcaption { border: none;  padding: .1em; margin: 0 .1em; font-size: 1em;} 
.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%;}

#column3 { float: left; width: 18.5%; margin: 0 0 0 10px; padding: 10px 0 0 10px;}

/*Find your TACE*/
#findcenter, #eventsupcoming {color: #fff; font-weight: bold; margin-top: 1em; padding: .8em .5em .8em 42pt; text-align:left; font-family: Verdana, Helvetica, san-serif; margin-bottom: 1pt; border:none; font-size: 90%; }
#findcenter {background: #406a94 url(../images/icon_contact.gif) left center no-repeat;}
.findcenterbox, .eventsupcomingbox { font-size: 85%; width: 94%; border: 1pt #f1f1f1 solid; padding: 2pt; margin: 0 0 8pt 0; background: #f9f9f9; text-align:center;}
.navboxnoteform { margin: 0; padding: 0;}
.findcenterbox select {font-size: 95%;}

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; }
#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;}

#eventsupcoming { background: #406a94 url(../images/icon_calendar.gif) left center no-repeat;}
.eventsupcomingbox {text-align: left;}
.eventsupcomingbox li .date { color: #0359a3; font-size: 120%; margin: 0; padding: 0;}
.eventsupcomingbox ul { margin: 0; padding: 0; list-style: none;}
.eventsupcomingbox li{ padding: 0 0 0.5em 0; margin: 0 0 0.5em 0;  list-style: none; font-size: 95%; }
.eventsupcomingbox li strong {font-size: 105%;}
.eventsupcomingbox p { margin: 4px 0 0 0; padding: 0;}
.eventsupcomingbox a {text-decoration: none; border-bottom: #eee solid 1pt; line-height: 1.5;} 
.eventsupcomingbox a:hover {color: #003399; background: #ffffcc; text-decoration:none;}

#navtoc {float: right; width: 25%; margin: -14px 5px 15px 20px;  padding: 0 5px 5px 5px;
border: 1px solid #dbdada; font-size: .9em; background: #f9f9f9;}
#navtoc h2 {background: #f9f9f9;}
#navtoc h3 {font-size: 1.2em; margin-top: .5em; padding-top: .5em; padding-bottom: .5em; color: #0359a3; 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(http://tacesoutheast.org/websitedev/images/greentriangle.gif); padding-bottom: 4pt;}
#navtoc ul li ul li {list-style: disc; list-style-image: none; }
#navtoc a {background: inherit;}

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

/*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://www.adacourse.org/images/arrow_up.gif) no-repeat; position: relative; text-indent: 18px;}

.noborder { border: none;} 
.nobackimg {background-image: none; background-color: inherit;}

/*Div for footer which contains project name, contact info, accessibility link, privacy link, grant info, copyright*/
#contacttace { background: #e5e5e5; text-align: center; font-size: 90%; padding: 0; margin: 0; border-top: 4px solid #87bd4e; font-family: Verdana, Arial, Helvetica, sans-serif;}
#contacttace p { margin-top: 1px; padding-top: 1px;}
.projectname { color: #1c3a92; 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;}