/* CSS created by Marsha Allen for Title II tutorial as 3 columns 5/2007 then updated to 0 columns but specialized for content pages*/
/*Basic tag styles*/
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; margin: 0; padding: 0; background: #fff; color: #000;}
img{ border: none;} 
sup {color: #fff; font-size: 75%; margin: 0; padding:0; font-weight: normal;}
strong { font-weight: bold; }
acronym {border-bottom: 1pt dashed #e1e1e1;}
abbr {border-bottom: 1pt dashed #e1e1e1;}

/*Misc. styles*/
.imgvalign {vertical-align: middle;}
ul.listonerow  {display:inline; list-style-type: none; margin: 0; padding: 0;}
ol.listonerow {display:inline; margin: 0; padding: 0; list-style-type: lower-alpha;}
.listonerow li { display: inline; margin: 0 3px 0 3px; padding: 0;}
ol.listabc {list-style-type: lower-alpha;}

h4 { font-family: Arial, Helvetica, san-serif; font-size: 110%; color: #483d8b; border-bottom: 1px dashed #483d8b;}
h5 {font-family: Arial, Helvetica, san-serif; font-size: 105%; color: #cc0033;}
h6 {font-family: Arial, Helvetica, san-serif; font-size: 100%;color: #483d8b; border-bottom: 1px dashed #483d8b;}

a:link { color: #9b1514; text-decoration : underline;}
a:hover { color: #000; background: yellow; text-decoration : underline; font-weight: 100;}
label { font-weight: bold;}

/*Skip Links*/
#skiplinks { background: #333399; color:#333399; font-size: 80%; height: 20px; padding:0 5pt 0 0; margin: 0; text-align:right; font-family:Arial, Helvetica, sans-serif;}
#skiplinks ul { background: #d3e1f0;}
#skiplinks li {padding: 0 4px; margin: 0; background: #d3e1f0 url(http://adacourse.org/images/bullet8.gif) right no-repeat;}
#skiplinks img { vertical-align: middle;}
#skiplinks a { background:#d3e1f0; color: #9b1514;  margin: 0; padding: 0 2px;}
#skiplinks a:hover {background: yellow; color: #000; margin: 0; padding: 0 2px;}

/*Logo and Info in Header*/
#logocoursename { color:#fff; font-weight: bold; font-size: 145%; margin: 5pt 0 0 0; padding: 5pt 0 0 0; font-family:Arial, Helvetica, sans-serif;} 
#logoarea { float:left; background: #333399; padding: 3pt 0 5pt 0; margin: 0 0 0 0; color: #fff; width: 100%; font-family:Arial, Helvetica, sans-serif; clear:both; border-bottom: 5pt solid #d3e1f0;}
#logoarea a { text-decoration: none;}
.logocourse { margin-right: .5em; padding-right: .5em; background: #333399;}
#logotagline { margin: 5pt 0 3pt 10pt; padding: 0 0 0 10pt; font-size: 110%; color: #fff; font-family:Arial, Helvetica, sans-serif;} 
#logotagline a { border-bottom: 1pt solid #e1e1e1; background: #333399; color: #fff;}
#logophone { margin: 0.8em 0.5em 0 1em; padding: 0.8em 0.5em 0 1em; font-weight: bold; font-size: 110%; text-align: right; font-family : Helvetica, sans-serif, "MS sans serif";}
#logophone abbr {border: none; text-decoration: none;}
.logophonenumber { color:#fff; padding: 3pt;} 

.cleardiv { clear: both; }

/*Content Area*/
#content { background:#fff; padding: 8px 15px 8px 15px; margin: 8px 15px 8px 15px; font-family: Arial, Helvetica, san-serif; line-height: 1.5;}
h1 {margin: 0; padding: 0; font-size: 1.5em; font-family: Arial, Helvetica, san-serif;}

/*Styles topic.page number to look like 3-D block*/
.pageid_h1 { color:#fff; font-weight:bold; font-size: 95%; background: #0359a3 url(http://adacourse.org/images/redblock.gif) left center repeat-y; font-weight: bold; white-space: nowrap; padding: 1pt 5pt 1pt 15pt; margin: 0 0.4em 0 0; border-top: #c2c7d3 solid 2pt;}
.pageof_h1 { background:#fff; color: #000; font-weight: normal; font-size: 65%; margin-left: 3.9em;}

h2 { color: #003399;  margin-right: 5em; background: #fff url(http://adacourse.org/images/blueblock.gif) left center repeat-y; border-top: 1pt solid #d60238;font-family: Arial, Helvetica, san-serif;}

#content img {padding-right: 0.2em;}
#content h2 {font-size: 1.25em; margin-top: 1em; margin-bottom: 0; padding: .3em .5em .3em 1.3em;}
#content h3 {font-size: 1em; font-family: Arial, Helvetica, san-serif;}
/* #content p {text-indent: 1.5em;} */
#content ul,#content ol {line-height: 1.5;}

/*Next and previous arrows in top and bottom*/
.pagearrows { float: right; clear: right; margin: 0 0 0.1em 1em; padding: 0 0.1em 0.1em 0.5em; width: 25%; line-height: 105%;}
.pagearrowsspace { padding: 0 0.1em; color: #fff;}

/*Box holds Page Contents and Tell More in line with first heading*/
#contents { float: right; clear: right; margin: 0 1em 1em 2em; padding: 0 0.3em 0.5em 1em;}
#contents { width: 25%;}
#contents { line-height: 115%;}
#contents h2 { font-size: 1.2em; margin: 1em 0 0.3em 0; padding: 1em 0 0.3em 0; border-top: none; background: none;}
#contents h3{ font-size: 0.9em; margin: 0.5em 0 0 0; padding: 0.5em 0 0 0;}
#contents h2:first-child, #contents h3:first-child  { margin-top: 0;}
#contents h2 { margin-top: 0.5em; margin-bottom: 0.1em;}
#contents h3 { margin-top: 0.5em; margin-bottom: 0.1em;}
#contents ul { margin: 0; padding: 0;}
#contents li { margin: 0 0 0.3em 0;}
#contents {background: #d3e1f0; border: 1px solid #f3f6fb; font-weight: bold;font-size: 0.9em;}
#contents h2 { padding-top: 0.5em; margin-top: 0.5em;}

/*h2 styles in Page Contents*/
#pagelinks {color: #003399;}
#tellmore {color: #d60238;}
#contents ul {list-style: none; padding-left: 0;}
#contents li { display: inline; } /* HACK too much space IE; IE6 not support 'transparent'; block display makes background clickable in many browsers*/
#contents .pagelinkslist a { color: #9b1514; display: block; margin: 0.4em 0; padding: 0 0 0 1.5em; background: url(http://adacourse.org/images/bluesquare.gif) left no-repeat; font-weight: normal; font-size: 95%;}
#contents .tellmorelist a {color: #9b1514; display: block; margin: 0.4em 0;
padding: 0 0 0 1.5em; background: url(http://adacourse.org/images/bulletredsquare.gif) left no-repeat; font-weight: normal; font-size: 95%;}

/*Tell More Box holds info in content div (column2)*/
.tmmbox, .certinfobox { background: #fff url(http://adacourse.org/images/redblock.gif) left top no-repeat; padding: 0 0.5em 0.5em 0.5em; margin: 0 3em 0.5em 3em; border: 2px solid #d60238;}
.tmmbox li {list-style-image: url(http://adacourse.org/images/dkbluetriangle.gif);}
.tmmbox li ul li {margin: 0 0 4px 0; padding-bottom: 0 0 4px 0; list-style-image: url(http://adacourse.org/images/bullet8.gif); }
.tmmbox h3 {font-family: Arial, Helvetica, san-serif;  color: #d60238; margin: 0.5em 0 0 0; padding: 0.5em 0 0 0;}
.tmmbox h2, .certinfobox h2 { font-family: Arial, Helvetica, san-serif; background: none;  padding: 0; color: #d60238; margin: 0 0 0.1em 0.5em; font-weight: bold; border:none; background-image: none;} 
.tmmbox h4 { color:#483d8b; padding-bottom: 0; margin: 0; font-weight: bold; border:none;}
.tmmbox .tmminfo { width: 95%; background: inherit; color: #000; text-align: left; padding: 5px 3px 3px 3px;}
.tmmbox .tmminfo  a { background: #eee; color: #000;}
.tmmbox .tmminfo a:hover { color : #000; background: yellow; text-decoration : underline; font-weight: 100;}

.tmmbox #additionalresources {color: #000;}
.tmmbox .additionalresourceslist {margin-left: 1.5em; padding-left: 1.5em;}
.tmmbox .additionalresourceslist a {vertical-align: top;}
.tmmbox li.adacourselink  {list-style-image:  url(http://adacourse.org/images/bulletusmapflag.gif); }
.tmmbox li.adaportallink {list-style-image: url(http://adacourse.org/images/books.gif);}
.tmmbox li.dojlink {list-style-image: url(http://adacourse.org/images/bulletdoj1.gif);}
.tmmbox li.eeoclink {list-style-image: url(http://adacourse.org/images/bulleteeoc1.gif);}

li { margin-bottom: 0.1em;}

/*Source refs in content*/
.sourcelink {text-align:right;}

/*Navigation*/
.pageof { color: #000; font-weight: bold; font-size: 115%; margin-left: 1.6em; padding: 3px;} 
.pageofred {color: #9b1514; font-size: 95%;}
img.arrowtext {vertical-align:middle;text-decoration:none;}
.pageon { background:#fff; color: #483d8b; font-weight: bold; font-size: 105%; border: 1px dashed #ff1f1f; padding: 2px;}
.pageoftext { font-size : 80%;font-weight : bold; text-decoration:none; text-align:center; } 
.pagenav { background:#fff; color: #483d8b; float:right; text-align:right;}
.topicof { background:#fff; color: #483d8b; padding-right: 5pt;}
.backtop { text-align:right;}
.topofpage { text-align:left; padding-left: 60px;}
.topofpage a {color: #9b1514; font-weight: bold; font-size: 70%; }
a.pageslist {color: #9b1514;}

/*Course Tool (head) and Nav/Feedback (foot) bars*/
#coursetools {text-align: center; background:#d3e1f0; border-bottom: 3px solid #cc0033; padding: 0.5em 0; margin: 0;}
#coursebuttonsfooter {text-align: center; background:#d3e1f0; border-top: 3px solid #cc0033; padding-top: 0.5em;}
#coursetools ul, #coursebuttonsfooter ul { display: inline; margin: 0; padding: 0;}
#coursetools .selected { font-weight: bold; border: 1px dashed #ff1f1f; margin-right: 1em; margin-left:1em; padding: 0.1em;}
#coursetools img { border: 1pt solid #f1f1f1;}

#indextool {background: url(http://adacourse.org/images/bulletindex.gif) left no-repeat;}
#glossarytool {background:  url(http://adacourse.org/images/bulletglossary.gif) left no-repeat;}
#helptool {background: url(http://adacourse.org/images/bullethelp.gif) left no-repeat; }
#resourcestool {background: url(http://adacourse.org/images/bulletresources.gif) left no-repeat; }
#exittool {background: url(http://adacourse.org/images/bulletexit.gif) left no-repeat;}

#coursetools li {display: inline; padding: 0.5em 0.1em; margin: 0.5em 0; }
#coursetools li a { color: #9b1514; font-size: 95%; padding-right: 2em; padding-left:2em;}
#coursetools a.coursebuttonlink { margin-left: 11px;}
#coursetools #exittool { padding-right: 3.5em;}

.feedbackinfo  {color:#000; background:#d3e1f0; text-align:center; margin: 0; padding: 2px 0 7px 0;}
.feedbacklink a  { background:#d3e1f0; color: #0000ee;}

/*Forms - login (home), register*/
.loginform { float:right; margin: 0 1em 0.5em 1em; padding:0 1em 0.5em 1em;}
.loginregisterlink a {background: yellow; color: #0000ee;}
.regform { text-align: right; color: #000; }
fieldset {margin-bottom: 1em; padding-bottom: 1em;}
legend {font-weight: bold; color: #003399;}
.form_listabc label {font-weight: normal;}

/*Course Index*/   
.myprogressbox { background:#ffeecc; font-size: 80%; color: #000; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; }

/*Index*/
#courseprogress { margin: 0.5em 0 2em 1.5em; padding: 0.1em 0.5em 0.1em 0.5em;}  
#courseprogress li { list-style-type: none;}
#courseprogress li.modules { border: 1px dashed #0359a3; padding-left: 2px; margin-bottom: 0.5em;}
#courseprogress li ul {display:inline; list-style-type: none; margin: 1em 0 0 1em; padding: 0.25em;}
#courseprogress li ul li { display: inline; list-style-type: none; margin: 0.2em; padding: 0.4em 0.2em 0 0.2em;}
.mapheading {font-family: Arial, Helvetica, san-serif; font-size: 110%; color: #000; margin: 0.1em 0 0 0; padding: 0.1em 0 0 0;}
.mapinfo { background: #f7f7f7; border: 2px solid #ddd; margin: 0.5em 3em 2em 1.5em; padding: 0.1em;}  
.mapinfo li { list-style-type: none; padding-bottom: 0.5em;}

/*Glossary*/
#glossary ul { padding: 0 0 0 1em; margin: 0 0 0 1em;}
#glossary li {padding: 5px 0 5px 0; list-style-image: url(http://adacourse.org/images/redtriangle.gif);}
#glossary li ul li {padding: 0 0.5em 0 1em; margin-left: 1em; list-style-type: disc; list-style-image: none; }
#glossary li ol li {padding: 0 0.5em 0 0.5em; margin-left: 1em; list-style-image: none; }

/*Disclaimer*/
/*Bordered box in content needing extra attention*/
#disclaimer { background: #f1f1f1; padding: 4px; margin: 0.5em 3em 0.5em 3em; font-size: 90%; border: 1pt solid #bbb; }
#disclaimer h3,h4 { margin: 0; padding: 0; color: #d60238; border: none;} 
#disclaimer p {margin: 2px; padding: 2px;}

/*Quiz Results*/
.divideqresults li { border-bottom: 1pt solid #ddd; padding: 1em 0 0 0; margin: 0;}

/*Post Test Result and Certificate result*/
.postcertresult { width: 94%; background: #f5f5f5; border: 2px solid #ddd; padding: 3px;} 
.postcertresult h2 {color: #cc3333; font-size: 115%; border: none;}

/*Noteboxes or highlight notes*/
.notebox {color: #000; background: #ffeeff url(http://adacourse.org/images/notepushpin.gif) left top no-repeat; padding: 0.5em 1em 1em 1.8em; margin: 0.5em;}
.noteinfo { color:#000; background:#ffeecc;}
.noteinfo a { color:#000; background:#ffeecc;}

/*Info box*/
.infobox { font-size:95%; color:#000; background:#eee;}
.infobox p { color:#000; background:#eee;}
.infobox ul { font-size:95%; color:#000; background:#eee;}
.infobox li { color:#000; background:#eee;}

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

/*Source refs in content*/
.sourcelink {text-align:left; font-size: 90%;}
blockquote { padding: 0; background: #ddd url(http://adacourse.org/images/quoteend.gif) bottom right no-repeat;}
#content blockquote p { text-indent: 2em; padding: 1em 0.5em 1.5em 0.5em; margin-top: 0; background: url(http://adacourse.org/images/quotestart.gif) top left no-repeat;}
p.quotelink {text-align:right; font-size: 90%; margin-top: 0; padding-top:0;}

/*Definitions*/
.definitionbox {color: #000; background: #fff url(http://adacourse.org/images/definitionbox.gif) left top no-repeat; padding: 0.5em 0.7em 0.5em 0.7em; margin:0.5em 1em 0.5em 1em; font-size: 95%; border: 2px solid #daf9a8 ; }
.definitionbox strong {color: #003399;}
.definitionbox p {margin: 2px; padding: 2px;}
.definitionbox ul	{padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0;}

/*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 { border-left: 1px solid #003399; border-right: 1px solid #234671; border-top: 1px solid #234671; border-bottom: 0; background: #f5f5f5;
padding: 0.1em 0.5em 0.5em 0.5em; margin: 0 1em 0.1em 2em; font-size: .75em; text-align: center;}
.rightboxcaption { border-left: 1px solid #234671; border-bottom: 1px solid #234671; border-top: 0; background: #f5f5f5; padding: 0.9em; margin: 0 0.1em 0 0.1em; font-size: .75em;} 

/*Div creates two columns, side-by-side content, i.e. used on home pagem bottom page navigation*/
.columntworow { margin: 0 50px 0 50px; padding: 0; vertical-align: top;}
.columntwoA { float: left; width: 42%; margin: 0; padding: 0;}
.columntwoB { float: right; width: 42%; margin: 0; padding: 0;}

/*Random Dress Up*/
.center {text-align:center;} 
.left {text-align: left;} 
right { text-align:right;} 
.hidden { height:1px; width:1px; overflow:hidden; position:absolute; top:-60px; }
.hide_hinttext { height:1px; width:1px; overflow:hidden; position:absolute; top:-60px; }
.blue { color: #0359a3; font-weight:bold;}
.red { color: #d60238; font-weight:bold;}
.textRED { color: #d60238; font-weight: bold;}
.green { color: #006600; font-weight: bold;}
.textGRN { color: #006600; font-weight: bold;}
.noborder {border: none;}

/*Glossary and Resources*/
.backtotop { text-align:left; font-size: 85%; padding: 0 0 1em 1em; margin: 0 0 1em 1em; border: none;}

.inlinelist {display:inline; list-style-type:none;}
.inlinelist li {display:inline; list-style-type:none;}

.contactdbtac { background: #e5e5e5; text-align: center; font-size: 90%; padding: 1em 0 0 0; margin: 0; border-top: 4px solid #cc0033; border-right: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; font-family: Verdana, Arial, Helvetica, sans-serif;}
.projectfooter { font-size: 95%; font-weight: bold;}
.projectname { color: #003399; font-weight: bold; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 105%;}
.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;}
.contactdbtac a {color: #333399;}