/* Global site styles */
 body{
     position:relative;
     padding:0px;
     background-color: #7ea6d1;
     font-size: .8em;
     background-attachment:fixed;
     font: 10pt arial, helvetica, sans-serif;
     color: #000;
}
 #content{
    /*float: left;
    */
     margin-left: 200px;
     margin-top: 10px;
     padding-bottom: 1em;
     padding-top: 10px;
     padding-left: 15px;
     padding-right: 15px;
     width: 740px;
     background-color: #fff;
     box-shadow: 3px 0px 0px #585A5B;
}
 #footer {
     background-color: #fff;
     box-shadow: 3px 0px 0px #585A5B;
     margin-left: 200px;
     padding-bottom: 1em;
     padding-top: 10px;
     padding-left: 15px;
     padding-right: 15px;
     width: 740px;
     text-align:right;
}
 #footer.p {
     background: url(images/footerbg.png) bottom left no-repeat;
     margin-top: 0px;
     padding-bottom: 1em;
     padding-top: 0px;
     text-align:right;
}
 img.left {
    display: inline;
     float: left;
     margin: 0 1em 1em 0;
     padding-top: 10px;
}
 img.right {
    display: inline;
     float: right;
     margin: 0 0 1em 1em;
}
 img.text {
    margin:0;
     vertical-align: middle;
}
 img.top {
    vertical-align:text-top;
     height: 100%;
     margin:0;
}

 #space {
     position: static;
     display: block;
     float:none;
     margin: 0 auto;
     padding: 0;
     width: 100%;
     font: 10pt arial, helvetica, sans-serif;
     color: #000;
}
 #space p {
    font-size: 1em;
     margin: 0;
     padding: 0 0 1em;
}
 #header {
     height:160px;
     background-color:#fbf5ea;
     width: 740px;
     margin-left: 200px;
     font-size: x-small;
     padding:0px;
     float: left;
}
 blockquote {
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 50px;
     padding-left: 15px;
     border-left: 3px solid #ccc;
}
 #writtensample, .writtensample {
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 50px;
     padding-left: 15px;
     padding-right: 30px;
     font: 10pt courier, serif;
}
 .typed {
     font-family: Courier, Courier New, serif;
     font-size: 10pt;
}
 .handwriting {
     font-family: Sher, Comic Sans MS, comic sans, Lucida Handwriting, Lucida Sans, Monotype Corsiva, courier new, arial ;
     font-size: 12pt;
}
 .handwriting_teacher {
     font-family: Lucida Sans, Monotype Corsiva, Lucida Handwriting, Comic Sans MS, comic sans, courier new, arial ;
     font-size: 12pt;
     font-style: italic;
}
 #writtensample h2 {
     margin-top: 10px;
     margin-bottom: 10px;
     margin-left: 50px;
     padding-left: 15px;
     padding-right: 30px;
     text-align: center;
     font: 10pt courier, serif;
     font-weight:bold;
     color: #000;
}
 h1{
     color:#525051;
     background: url(images/header_small.jpg) top left no-repeat;
     border-bottom: solid 2px #525051;
     font-size: 20pt;
     font-family:arial;
     font-weight:bold;
     width: auto;
     text-align: right;
     line-height: 91px;
}
 h1.double {
     color:#525052;
     background: url(images/header_small.jpg) top left no-repeat;
     border-bottom: solid 2px #525051;
     font-size: 20pt;
     font-family:arial;
     font-weight:bold;
     width: auto;
     text-align: right;
     line-height: 40px;
}
h1.FOR {
   color:#264670;
   background: url(../../config/images/FORlogo_small.png) top left no-repeat;
   border-bottom: solid 2px #264670;
   font-size: 20;
   font-family:arial;
   margin: 0 -11px 0 -11px; 
   font-weight:bold;
   width: auto;
   text-align:center;
   padding: 0; 
   line-height: 91px;
}
 h2{
     color:#274f62;
     font-size:18pt;
     font-family:arial;
     font-weight:bold;
}
 h3{
     color:#6a0325;
     font-size: 16pt;
     font-family:arial;
     font-weight:bold;
}
 h4{
     color:#274f62;
     font-size: 13pt;
     font-family:arial;
     font-weight:bold;
     font-style:italic;
}
 h5{
     color:#303030;
     background: url(images/ob_bg.png) top left repeat-y;
     font-size: 100%;
     font-family:arial;
     padding:10px 10px 10px 10px;
     font-weight:bold;
}
 h2 span{
     font-size:105%;
     font-weight:normal;
}
 a {
     color:#525051;
     text-decoration: underline;
}
 .left {
     float: left;
}

/* Tables */
 table {
    border-top: 1px solid #C0C0C0;
     border-collapse: collapse;
     margin: 1em 0;
     width: 100%;
}
 table.center {
    text-align: center;
}
 th {
    border: 1px solid #C0C0C0;
     background-color:#F0F0F0;
     border-collapse: collapse;
     text-align: left;
     font-size: .95em;
     line-height: 1.5em;
     margin: 0;
     padding: .35em .5em;
     color: #525051;
     font-weight: 700;
}
 th.center {
    text-align: center;
}
 td {
    border: 1px solid #C0C0C0;
     border-collapse: collapse;
     color: #000;
     font-size: .95em;
     line-height: 1.5em;
     margin: 0;
     padding: .35em .5em;
}
 td.center {
    text-align: center;
}
 td input {
    clear: none;
     display: inline;
     float: none;
     margin: 0;
     padding: 0;
}
 table.noBorder {
    border: none;
    border-collapse: collapse;
}
 table.noBorder th, table.noBorder td {
    border: none;
    font-weight:normal;
    background-color:#fff;
}
 table.vtop td {
    vertical-align:top;
}
 th.white {
    background-color:#FFFFFF;
}
 td.tabletop {
     vertical-align: top;
}
/* Test Framework Table */
 table.framework, table.testDesign, table.testFramework {
    border-top: 1px solid #C0C0C0;
    border-collapse: collapse;
    margin: 1em 0;
    width: 85%;
}
/* Menu */
 #sideBar{
     position: fixed;
     width: 205px;
     top: 50px;
     left:0px;
}
 #sideBar img {
    border: none;
}
 .top {
    background: url(images/menu_bg.png) top left no-repeat ;
     height: 10px;
     margin: -15px 0 -1px 0;
}
 .mid {
    background-color: #e1edf5;
     padding: 10px 0 10px 0;
}
 .bot {
    background: url(images/menu_bg.png) 0 100% no-repeat;
     height: 10px;
}
 #sideBarTab{
     float:left;
     width:28px;
}
 #sideBarTab img{
     border:0px solid #FFFFFF;
}
 #sideBar ul{
     margin:10px 0px 16px 0px;
     padding:0px 0px 0px 0px;
     font-weight:600;
}
 #sideBar li{
     margin:3px 0px 3px 6px;
     padding:0px 0px 0px 14px;
     font-size:9.5pt;
     list-style-type:none;
     display:block;
     background: url(images/menu_bg_gr.png) top left no-repeat;
     width:173px;
}
/*#sideBar li.double{
     margin:0px 2em 0px 25px;
     padding:5px 0px 0px 7px;
     list-style-type:none;
     display:block;
     background: url(images/menu_bg_db.png) top left no-repeat;
     height: 35px;
     line-height: 100%;
     width:173px;
}
*/
 #sideBar li a{
     width:100%;
}
 #sideBar li a:link, #sideBar li a:visited{
     color:#274f62;
     font-family:verdana;
     font-size:90%;
     text-decoration:none;
     display:block;
     margin:0px 0px 0px 0px;
     padding:0px;
     width:100%;
}
 #sideBar li a:hover{
     color:#6a0325;
}
 #pages {
    margin-left: 5px;
     font-weight: bold;
     color:#000000;
}
 #pages a{
    border: solid 1px #666465;
     margin: 2px;
     padding: 2px 5px 2px 5px;
     background-color: #525051;
     text-decoration:none;
     color:#ffffff;
     line-height: 30px;
}
 #pages a:hover{
    background-color: #7ea6d1;
     color:#000;
}
 #sideBar p {
    margin: 3px 0px 3px 6px;
     padding: 0 0 0 10px;
     background: url(images/menu_bg_sub.png) top left no-repeat;
}
 #sideBar p a:hover{
     color:#6a0325;
}
 #sideBar h2 {
     color: #525051;
     font-size: 13pt;
     font-weight: bolder;
}
 #sideBar h2.bookmark {
    padding: 0 0 0 17px;
     background: url(images/menu_bm.png) top left no-repeat;
}
 #sideBar h2.page {
    padding: 0 0 0 17px;
     background: url(images/menu_pg.png) top left no-repeat;
}
 #sideBar h2.more {
    padding: 0 0 0 17px;
     background: url(images/menu_mo.png) top left no-repeat;
}
 .standards {
    background-color: #e1edf5;
     border: solid 1px #b9cbd7;
     text-align: center;
     width: 50%;
     margin-left: 150px;
}
/***/
/* Type Styles */
 p {
    color: #000;
     font-size: 1em;
     line-height: 1.4em;
     margin: 1em 0;
}
 .error {
    color: #C00;
     font-weight: 700;
}
 p.small, span.small {
    font-size: .85em;
}
 strong {
    font-weight: 700;
}
 em {
    font-style: italic;
}
 .price {
    color: #369;
     font-size: 1.2em;
}
 .serif {
    font-family: times new roman, times, georgia, serif;
}
 img.padded {
    padding: 0 0 1em 0;
}

 img.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
img.block {display:block;}

 .box {
    border:1px solid black;
     padding:1em;
}
 .indent {
    padding:0px;
     margin:0px;
     text-indent:3em;
}
 .indentBlock {
    margin-left: 3em;
}
 .indent2x {
    padding:0px;
     margin:0px;
     text-indent:6em;
}
 #boxtitle {
    text-align:center;
}
 .textRight {
    text-align: right;
}
 .hangingindent {
     padding-left: 22px ;
     text-indent: -22px ;
}
 .rus, ol li.rus {
     font-family: "Geneva CY", "Helvetica CY", Arial, sans-serif;
}

/* List Styles */
/* ol         {list-style: decimal none outside; margin-left:0px; padding-left:20px;}*/ 
ol         {list-style: decimal none outside; margin: 1em 0 1em 3em;}
ol.num    {list-style: decimal none outside; margin: 1em 0 1em 1em;}
ol.num li  {background: none; color: #000; font-size: 1em; line-height: 1.4em; padding: 0 0 .25em 1.5em;}
ol.ABC     {list-style: decimal none outside; margin: 1em 0 1em 3em; list-style-type: upper-alpha; }
ol.ABC li  {background: none; color: #000; font-size: 1em; line-height: 1.4em; padding: 0 0 .25em .5em;}
ol.unstyled li {list-style: none; margin-bottom: 1em;}

.standlist ol { counter-reset: item; list-style-type: none; }
.standlist li { display: block ; counter-increment: item; margin-left: 20px;  }
.standlist li:before { content: " ("counter(item,decimal)") "; margin-left: -20px;}


 ol.inner {
    margin: 0 0 1em 0;
     padding: 0 0 0 1.5em;
}
 ol.inner li {
    background: none;
}
ol.ROM {
    list-style: decimal none outside;
    margin: 1em 3em 1em 4.5em;
    line-height: 1.6em;
    padding: 0 0 .25em 1.5em;
    list-style-type: upper-roman;
}

ol.unstyled.bib.hangingindent > li > p 
    {
        padding-left: 25px ;
        text-indent: -25px ;
    }
    
        ol.unstyled.bib.hangingindent > li > blockquote
    {
        padding-top: 0;
        margin-top: 0;
        -webkit-margin-before: 0;
    }
    
            ol.unstyled.bib.hangingindent > li > blockquote > p
    {
        padding-top: 5px;
        margin-top: 0.25em;
    }
    
    ul.list-unstyled 
{
  margin: 0;
  padding-left: 12px;
  list-style: none;
}
 .under {
    text-decoration:underline;
}
 .overline {
    text-decoration: overline;
}
 .center {
    text-align:center;
}
 .over {
    text-decoration: overline;
}
 .circle {
     border: solid 1px #525051;
     border-radius: 10px;
     padding: 1px 5px 2px 5px;
}
/*ul {
    margin-left:0px;
     padding-left:20px;
}
 */
 ul {
    list-style-image: none;
     list-style: outside;
     list-style-type: none;
     margin: 1em 0 1em 0em;
}
 ul li {
    background: url(images/bullet.gif) 0 0 no-repeat;
     color: #000;
     font-size: 1em;
     line-height: 1.4em;
     padding: 0 0 .25em 1.5em;
}
/*ul--- li----->*/
 ul.check {
    list-style-image: none;
     list-style-position: outside;
     list-style-type: none;
     margin: 1em 0 1em 1.5em;
}
 ul.check li {
    background: url(images/li_check.png) 0 4px no-repeat;
     padding: 0 0 .75em 1.5em;
}
 ul.scoring {
    list-style-image: none;
     list-style-position: outside;
     list-style-type: none;
     margin: 1em 0 1em 1.5em;
}
 ul.scoring li {
    background: none;
     padding: 0 0 .75em 1.5em;
}
 ul.dash {
     list-style: none;
     margin-left: 0;
     padding-left: 1em;
     background:none;
}
 ul.dash li {
     background:none;
}
 ul.dash > li:before {
     display: inline-block;
     content: "-";
     width: 1em;
     margin-left: -1em;
}

ul.narrow           {list-style-type: disc; list-style: outside; margin: 1em 0 .5em 1em; padding: 0 0 .25em .25em; }
ul.narrow li        {background: none; line-height: 1.4em; padding: 0 0 .25em 0em;}

 dl.faqs {
    clear: both;
     margin: 1em 0;
}
 dl.faqs dt {
    background: url(images/dt_faq.png) 0 0 no-repeat;
     color: #444;
     cursor: pointer;
     font-weight: 700;
     margin: 1em 0;
     padding: 0 0 0 24px;
}
 dl.faqs dt.e {
    background: url(images/dt_faq_expanded.png) 0 0 no-repeat;
     margin: 1em 0;
     padding: 0 0 0 24px;
}
 dl.faqs dd {
    background: #FFFFFF;
     border-left: 5px solid #CCC;
     border-top: 5px solid #CCC;
     font: normal 13px/18px Arial, Sans-Serif;
     margin: 0 0 1em 24px;
     padding: 1em;
     color: #000;
}
/* Questions */
 .q-controls {
    font-size: 11px;
}
 .information {
    background: url(../images/information.png) 12px 10px no-repeat #D1E4F3;
     border: 1px solid #4D8FCB;
     color: #565656;
     margin: 1em 0;
     min-height: 55px;
     padding: 0 10px 0 55px;
}
/*for screen readers only, otherwise hidden*/
 .hidden {
    position:absolute;
     left:-10000px;
     top:auto;
     width:1px;
     height:1px;
     overflow:hidden;
}
/* Double Underline */
 .doubleUnderline {
     text-decoration:underline;
     border-bottom: 1px solid #000;
}
/*offscreen used matching es.site.css*/
 .offscreen {
    position:absolute;
     left:-999em;
     top:auto;
     width:1px;
     height:1px;
     overflow:hidden;
}
 h3.h5, h4.h5, h6.h5 {
     background: url(images/ob_bg.png) top left repeat-y;
     color: #303030;
     font-family: arial;
     font-size: 100%;
     font-style: normal;
     font-weight: bold;
     padding: 10px 10px 10px 10px;
}
 h5.h4, h6.h4 {
     background-image: none !important;
     color: #274f62;
     font-family: arial;
     font-size: 13pt;
     font-style: italic;
     font-weight: bold;
}
 h5.h6 {
     background-image: none !important;
     color: #000;
     font-family: arial;
     font-size: small;
     font-style: normal;
     font-weight: bold;
     padding: 0;
}
 .removeMargin {
     margin: 0;
     padding-left: 1em;
}
 ol.removeMargin > li {
     margin-block-start: 1em;
     margin-block-end: 1em;
}
 .perfCharacteristics {
    /* speaking/listening intructions performance characterics chart */
}
 .scoringScale {
    /* speaking/listening instructions scoring scale chart */
}
 .scoringScale > tbody > tr > td:first-of-type {
     background-color: #F0F0F0;
     font-weight: 700;
     color: #525051;
}
table.hideCaption {
    
}
table.hideCaption > caption 
{
     caption-side: bottom;
     padding: 0 !important;
     border: none !important;
     width: 1px;
     height: 1px;
     overflow: hidden;
     background-color: White;
}
table.hideHeader > thead {
     padding: 0 !important;
     border: none !important;
     width: 1px;
     height: 1px;
     overflow: hidden;
     visibility: collapse;
}
 p.center {
     text-align: center;
}
/* composite table class */
 table.compositeTable {
     margin-bottom: 0;
     border-bottom: 0;
}
 table.compositeTable > caption, table.withCaption > caption {
     background-color: #F0F0F0;
     color: #525051;
     font-weight: 700;
     padding: 1em;
     border: 1px solid #C0C0C0;
     border-bottom: 0;
}

table.compositeTable + table.compositeTable {
     margin-top: 0;
     margin-bottom: 1em;
}

 table.compositeTable + table.compositeTable, table.compositeTable + table.compositeTable > thead > tr > th {
     border-top: 0;
}
 table.compositeTable + table.compositeTable > caption {
     padding: 0;
     border: none;
}
/* seperator class */
 div.withSeperator {
     padding: 0;
}
 div.withSeperator > * {
     padding-left: 1em;
     padding-right: 1em;
}
 div.withSeperator > hr {
     width: 100%;
     padding: 0;
     margin: 0;
     border: 0;
     border-top: 1px solid black;
}
/* required for mathSheet classes */
 body {
     counter-reset: mathProblems;
}
 div.mathSheet {
     padding: 0;
}
 div.mathSheet > div {
     padding: 1em;
}
 div.mathSheet > hr {
     width: 100%;
     border: 0;
     border-top: 1px solid black;
}
 div.mathSheet > ol {
     width: 100%;
     box-sizing: border-box;
     display: inline-block;
     list-style: none;
     padding: 1em;
     margin: 0;
}
/* numbered math problems */
 div.mathSheet > ol > li {
     width: 20%;
     float: left;
     min-height: 120px;
}
/* number list items */
 div.mathSheet > ol > li:before {
     counter-increment: mathProblems;
     content: counter(mathProblems) ") ";
}
/* all lines */
 div.mathSheet > ol > li > span {
     display: block;
     margin-left: 1em;
     width: 50%;
     text-align: right;
     min-height: 2em;
}
/* second span (i.e. −
 4, −
 2) */
 div.mathSheet > ol > li > span:nth-of-type(2) {
     border-bottom: 1px solid black;
     min-height: 1em;
}
 .hideDecimal {
     list-style: none;
     padding-left: 0 !important;
     margin-left: 1em !important;
}
 span.frac {
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     min-width: 14.83px;
     padding: 0;
}
 span.frac > sup {
     display: block;
     border-bottom: 1px solid;
     font: inherit;
     top: 0;
}
 span.frac > span {
     display: none;
}
 span.frac > sub {
     display: block;
     font: inherit;
     top: 0;
}
 .decimal.withParen {
     counter-reset: list;
}
 .decimal.withParen li {
     list-style: none;
}
 .decimal.withParen li:before {
     content: counter(list, decimal) ") ";
     counter-increment: list;
}
 .paddedList li {
     margin-bottom: 1em;
}
 .noLeftPadding {
     padding-left: 0 !important;
}
 .noLeftMargin {
     margin-left: 0 !important;
}
 .bulletedList {
     list-style: disc;
     list-style-position: outside;
     padding-left: 1em;
}
 .bulletedList > li {
     padding-left: 0 !important;
     background-image: none !important;
}
 regrouping.frac {
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     min-width: 14.83px;
     padding: 0;
}
 regrouping.frac > sup {
     display: block;
     font: inherit;
     top: 0;
}
 regrouping.frac > sub {
     display: block;
     font: inherit;
     top: 0;
}
 .circled 
 {
     display: inline-block;
     background-image: url('images/circled.svg');
     background-size: contain;
     background-repeat: no-repeat;
     --font-size: 2em;
     font-size: 12pt;
     width: 2em;
     height: 2em;
}
/* paragraphs that contain sup elements */
 p.withSuper {
     font-size: 1em;
     line-height: 1.5em;
}
/* prevent sup elements from changing the line height of parent paragraph */
 p.withSuper > sup {
     vertical-align: top;
     position: relative;
     top: -0.5em;
}
 .insetTable {
     margin: 0;
     border-collapse: collapse;
     border-top: 0;
}
 .insetTable td, .insetTable th {
     border: 1px solid black;
}
 .insetTable tr:first-child th {
     border-top: 0;
}
 .insetTable tr:last-child td {
     border-bottom: 0;
}
 .insetTable tr td:first-child, .insetTable tr th:first-child {
     border-left: 0;
}
 .insetTable tr td:last-child, .insetTable tr th:last-child {
     border-right: 0;
}
.indentLine 
{
    text-indent: 1em;
}

.nobr 
{
    white-space: nowrap;
}

.playLine {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    margin: 0;
}
.playActor 
{
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    flex: 0 0 80px;
}
.playVerse 
{
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    margin-left: 1em;
}

img.testFramework 
{
    margin-bottom: 2em;
}

.bold 
{
    font-weight: bold;
}

.heads::before
{
    content: "H";
    position: relative;
    left: 25%;
    top: 25%;
}

.tails::before 
{
    content: "T";
    position: relative;
    left: 25%;
    top: 25%;
}

.parenthetical {
}

 .parenthetical:after {
     display: inline-block;
     content: ")";
     transform: scale(0.8,2);
}

 .parenthetical:before {
     display: inline-block;
     content: "(";
     transform: scale(0.8,2);
}

.ChSimplified, .ChTraditional {
    font-family: PMingLiU, SimHei, STHeiti, Tahoma, Helvetica, Arial, sans-serif;
}


 /*Responsive*/

@media (min-width: 850px) and (max-width: 992px) 
{
    #content{
           
            width: 600px;
            background-color: #fff;
            box-shadow: 2px 2px 3px #bbb;
        }
        
    #footer 
    {        
            background-color: #fff;
            box-shadow: 2px 2px 3px #bbb;        
            width: 600px;        
    }

}

@media (max-width: 850px) 
{
    #content{
              width: 700px;
    }
    
    #footer 
    {   
            width: 700px;        
    }
    
}

/*@media (max-width: 768px)

{
    #content{
              width: 450px;
    }
    
    #footer 
    {   
            width: 450px;        
    }  
    
}*/
    

@media (max-width: 600px) 
{
    #content{
        margin-left: 0px;
        margin-top: 5px;
        width: auto;
        box-shadow: none;
    }
    
    #footer 
    {        
            background-color: #fff; 
            box-shadow: none;
            margin-left: 0px;
            width: auto;
    }  
    #sideBar{
        position: relative;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        top: 0px;
        left:0px;
    }

    
    .top {display:none;}
    .mid {background-color: #e1edf5; padding: 10px 0 10px 0; }
    .bot {display:none;}
   

    #sideBar   ul{
        margin: 0px 0px 0px 5px;
        padding: 0px 0px 0px 5px;
        font-weight:600;
        width: 95%;
    }
   
    #sideBar li{
        margin: 3px 0px 3px 0px;
        padding: 0px 0px 0px 0px;
        list-style-type: disc;
        width: auto;
        display: inline;
        background: none;
    }
    
  
    #sideBar li a:link,
    #sideBar li a:visited{
        font-size:80%;
        margin:0px 0px 0px 0px;
        padding:0px;
    }
    
    #sideBar h2  {font-size: 11pt; font-weight: bold; margin: 0 0 0 5px;}
    #sideBar h2.bookmark, #sideBar h2.more, #sideBar h2.page {padding: 0 0 0 0px; background: none;}
    #sideBar h2.page {margin-bottom: 5px;}
   h1 {background: none; line-height: 25px; margin: 0; padding: 0;}
   #sideBar img {height: 15px; width: 15px; display: inline; margin-left: -250px;} 
}

@media (max-width: 400px) 
{
    #sideBar   ul{display:none;} 
    #sideBar{
        position: fixed;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        top: 0px;
        left:0px;
    }
    h2.bookmark, h2.more {display:none;}
    #sideBar img {margin-left: -100px;} 
    #content{margin-top: 100px;
    }
    
    
    
}