@import url('/theme/skeleton-grid.css');
@import url('/theme/fonts.css');
@import url('/theme/masthead.css');





body { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 150%; margin: 0 auto; width: 100%; }
#tagline{ background-color: #DB5537; font-style: italic;color: #ffffff;letter-spacing: 3px;    padding: 6px 20px;
    text-align: left; }


.text-center{ text-align: center; }

    main {
   display: flex;
}
#rightcontent {
   flex: 1;padding: 10px 15px; 
}

#leftnav {
  width: 250px;
}
header{  }
header img{ max-width: 100%; height: auto; padding:1rem;max-height: 210px; }


img{ box-sizing: border-box; }

#leftnav { /*background-color: #fcfcfc; color: #82b3af;*/ font-family: Verdana, Arial, Helvetica, sans-serif;font-size: .9rem;
    line-height: 125%; /*border-right: solid 2px #eee;*/ }
#leftnav ul { list-style-type: none; margin: 5px 0 0; padding: 0; }
#transButtons img { width: 80px; }
#leftnav ul li { font-size: 90%; margin: 0; padding: 4px 4px 10px 10px; }
#rightcontent {  }
#leftnav, #rightcontent { box-sizing: border-box; }
ul li, ol li {  padding: 0 0 .5em; }
ul ul li {  padding: .5em 0; }
h1 { /*color: #FFF;*/ font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 2.25rem; line-height: 1.2em; /*padding: 10px 0 10px 10px;*/ /*text-align: center;*/ }
h2 { color: #003366; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1.5rem; line-height: 1.2em; }
h3 { color: #036; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1.25rem; line-height: 1.2em; }
img{ width: auto; max-width: 100%; height: auto; }
.imgRtPort { border: 1px solid #4C679B; float: right; margin: 0 1px 10px 10px; padding: 5px; width: 240px; }
.imgLft { float: left; padding: 1em; }
.imgBox { border: 1px solid #4C679B; margin: 0 1px 10px 10px; padding: 5px; }
.mainTitle { color: #366; font-size: 1.5em; font-weight: 700; }
.paraTitle { color: #036; font-size: 10.5pt; font-weight: 700; }
.footnoteTxt { border-top: 1px solid #CCC; color: #666; font-size: 90%; margin: 5px; padding: 10px 0 0; }
.footnote { color: #C00; font-size: 85%; padding-left: .2em; padding-right: .3em; vertical-align: top; }
.bkgnd { background-color: #CED5E2; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  }
.boxHilite { background-color: #CED5E2; border: 1px solid #CCC; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  margin: 30px 30px 20px; padding: 15px; }
.TrainerTxt { color: #036; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  margin: 0 30px 10px; }
#arrows { clear: both; color: #82b3af; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 40px 0 20px; }
#arrows a:link, #arrows a:visited { color: #82b3af; font-weight: 700; padding: 4px; text-decoration: none; }
#arrows a:hover { color: #19367E; text-decoration: none; }
#leftnav a:link, #leftnav a:visited, #leftnav a:active { color: #639491; text-decoration: none; }
#leftnav a:hover { color: #043366; text-decoration: none; }
a:link, a:active, a:visited { color: #639491; }
a:hover { color: #e93f33; text-decoration: underline; }
table, td { color: #333; font-family: Arial, Helvetica, sans-serif;  }
footer { border-top: solid 5px #043366; clear: both; padding-bottom: 1rem; }
footer p { color: #999; font-size: .75rem; margin-top: 17px; margin-left: 20px; width: 95%; }
#boxDotted { border: 1px dotted #900; color: #666; float: right; margin: 10px 5px 10px 10px; padding: 0 0 5px 15px; width: 170px; }
#frame_t { background-image: url(../images/frame_t.gif); }
.frame_r { background-image: url(../images/frame_r.gif); background-repeat: repeat-y; }
#frame_b { background-image: url(../images/frame_b.gif); }
.frame_l { background-image: url(../images/frame_l.gif); background-repeat: repeat-y; }
div#totd { background-color: #F7F7F7; color: #666; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1.35em; line-height: 1.2em; margin: 40px 0; width: 330px; }
div#totdHead { color: #333; font-size: 1.35em; font-weight: bolder; margin-bottom: 10px; text-align: left; }
div#totdBody { border-left: solid 1px #e7e7e7; border-right: solid 1px #e7e7e7; padding: 0 18px; }
.bib { margin-left: 30px; text-indent: -30px; }
.imgRt, .imgRtSpec { border: 1px solid #4C679B; float: right; margin: 0 1px 10px 10px; padding: 5px; }
#topNav p { background-image: url(../images/navBar.gif); color: #bdddce; font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, sans-serif; letter-spacing: 3px; margin: 0; padding: 6px 20px; text-align: center; }
#topNav a:link, #topNav a:visited { color: #fff; }
#topNav a:hover { color: #B7093C; text-decoration: none; }
.undoSpacing { letter-spacing: 0; }
#FnR { list-style: none outside none; }
.error { text-align: center; font-weight: bold; color: #900; }
/* FONT RESIZE */
#resize-box { margin-right: -390px; position: absolute; right: 50%; top: 60px; }
#resize-box a { color: #ccc; display: block; float: left; font-family: Arial, sans-serif; font-size: 12px; padding: 0 10px; text-decoration: none; border: none !important; }
#resize-box a:hover { background-color: #e0e0e0; color: #303030; }
.floatyBox { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color: #ffefe5; padding: 5px 15px; border: solid 1px #EDDDD2; width: 250px; float: right; margin: 0 0 15px 15px; color: #666; }
.floatyBox p, .floatyBox td, .floatyBox li { font-size: 85%; }
#program input { margin-top: 7px; }
.dev { background-color: #F66; }
/* ----------------------------------------- BOTTOM HELPER */
#baseline { -khtml-border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0; -webkit-border-radius: 7px 0 0 0; background-color: #eee; border-left: solid 1px #bbb; border-top: solid 1px #bbb; bottom: 0; padding: 6px 6px 0; position: fixed; right: 0; }
#baseline a { border: none !important; }
#baseline a img { border: none; }
.social > a, #Translate { background-image: url(../images/translation-toolkit.png); width: 152px; height: 40px; overflow: hidden; text-indent: -9999px; display: block; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }
.social > a:hover, #Translate:hover { filter: alpha(opacity=100); opacity: 1.0; }
#Print { background-position: -32px 0; }
#Decrease { background-position: -96px 0; }
#Increase { background-position: -64px 0; }
#Top { background-position: -128px 0; }
#Twitter { background-position: 0 32px; }
#RSS { background-position: 192px 32px; }
#Facebook { background-position: 160px 32px; }
#Email { background-position: 128px 32px; }
#Share { background-position: 0 0; }
#Copyright { background-position: 64px 32px; }
#Accessibility { background-position: 64px 0; }
#Translate { background-position: 2px 0; }/*
#flinks { border: 0 none; font-size: 12px; list-style: none outside none; position: relative; top: -166px; left: 50px; }
#flinks li { float: left; margin: 13px 5px 10px 54px; font-weight: normal !important; }*/
#copyright { clear: both; }
/*#flinks a:hover { border-bottom: none !important; }*/

/*[data-readmore-toggle] {
    border-bottom: none;
    line-height: 1;
    margin: 0 0 2rem 0;
}
[data-readmore-toggle] > a {
    text-transform: uppercase;
    font-weight: 300;
    font-size: .75rem;
    color: #999;
}
[data-readmore-toggle] i {
    position: relative;
    top: 1px;
}*/
.accordion {
    border-radius: 40px;
    background-color: #f9f9f9;
    color: #444;
    cursor: pointer;
    text-align: left;
    border: none;
    outline: none;
    text-transform: none;
    margin: 1rem 0 0 0;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: normal;
}
.accordion.selected, .accordion:hover, .accordion:focus { background-color: #8ad7f3; color: #333; border: none; }
.accordion.selected { border-radius: 16px 16px 0 0; }
.accordion:after { font-family: 'mch'; content: '\58'; color: #676767; float: right; margin-left: 5px }
.accordion.selected:after { content: "\59" }
div.panel {
    padding: 0 18px;
    background-color: #fff;
    display: none;
    margin-bottom: 2rem;
    border: solid 1px #8ad7f3;
    border-radius: 0 0 16px 16px;
}

/* TRANSLATE */

#tajax { text-align: center; margin-top: 10px; height: 29px; }
#dpop { margin: 32px 27px 0; background-color: #fff; border: 1px solid #cfcfcf; text-align: left !important; width: 500px; overflow: visible; -moz-box-shadow: 0 0 11px 0 #999; -webkit-box-shadow: 0 0 11px 0 #999; box-shadow: 0 0 11px 0 #999; }
#google_translate_element { display: inline-block; }
.bubbleInfo { position: relative; }
.popup { position: absolute; display: none; z-index: 50; }
#dpop p { margin: 20px 20px 4px; }
#popTail { float: left; position: relative; bottom: -9px; left: 81px; }
#transButtons td { background-color: #EEEEEE; border: 1px solid #CCCCCC; border-radius: 7px 7px 7px 7px; padding: 3px; text-align: center; vertical-align: top; width: 20%; }




#leftnavtoggle{ display: none; }
#leftnavcontents{ display: block;padding: 10px 15px;  }



.boxed{border: 1px solid #ececec;padding: 2.78571429em;}
hr{
  border: none;border-top: 1px solid #ececec;
}



@media screen and (max-width: 800px) {
  body {
    padding: 0;;
  }
  main { display: block; }
  #rightcontent, #leftnav {
  width: 100%;
}
#leftnavtoggle{ display: block; text-align: center; display: block; font-size: .9rem;border-bottom: solid 2px #eee;padding: 5px; }
#leftnavcontents{ display: none; }
#leftnav{border-right: none;}
}



@media screen and (min-width: 800px) {
#leftnavcontents { display: block !important; }
}