/* Global site styles */


    body{
        position:relative;
        padding:0px;
        background-color: #95B5C4;         
        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: 2px 2px 3px #555;
    }
    
#footer 
{        
        background-color: #fff;
        box-shadow: 2px 2px 3px #555;
        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.texttop {margin:0; vertical-align: text-top; }
img.padded {padding: 0 0 1em 0; }
img.scale {max-width: 100%; height: auto;}
    
#space
    {
        position: static;
        display: block;
        float:none;
        margin: 0 auto; 
        padding: 0; 
        width: 100%; 
        font: 10pt arial, helvetica, sans-serif;
	    color: #303030;
    }
    
#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;
    }
    
    .box
    {
        border: solid 1px #ccc; padding: 10px;
    }
    
    .serif,.roman {font-family: times new roman, times, georgia, serif;}     

.parenthetical
{
            
}

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

.parenthetical:before
{
    display: inline-block;
    content: "(";
    transform: scale(0.8,2);
}
    
    #writtensample 
    {
          margin-top: 10px;
          margin-bottom: 10px;
          margin-left: 50px;
          padding-left: 15px;
          padding-right: 30px;
          /*font: 10pt "Courier New", Courier New, Courier, georgia, times, monospace;  */
    
        
    } 
    

    
    #writtensample h2
    {
          margin-top: 10px;
          margin-bottom: 10px;
          margin-left: 50px;
          padding-left: 15px;
          padding-right: 30px;
          text-align: center;
          font: 11pt times, serif; 
          font-weight:bold; 
          color: #000;
    } 
    
    h1{
        color:#97002E;
        background: url(images/header_small.jpg) top left no-repeat;
        border-bottom: solid 2px #97002E;
        font-size: 20pt;
        font-family:arial;
        margin: 0 -11px 0 -11px; 
        font-weight:bold;
        width: auto;
        text-align:center;
        padding: 0; 
        line-height: 91px;
    }
    
    h1.double {
        color:#97002E;
        background: url(images/header.jpg) top left repeat-x;
        font-size: 20pt;
        font-family:arial;
        margin: 0 10px 0 -11px; 
        font-weight:bold;
        width: 760px;
        text-align:center;
        padding: 0 0 20px 0; 
        line-height: 40px;
    }
    
    
    h2{
        color:#0c4962;
        font-size:18pt;
        font-family:arial;
      
        font-weight:bold;
    }
    
    h3{
        color:#0c4962;
        font-size: 16pt;
        font-family:arial;
      
        font-weight:bold;
    }
    
    h4{
        color:#0c4962;
        font-size: 13pt;
        font-family:arial;
       
        font-weight:bold;
    }
    
caption.h4 {
        color:#0c4962;
        font-size: 13pt;
        font-family:arial;
        font-weight:bold;
        padding-bottom:10px;
    }
    
h4.h5   {
        color:#303030;
        background: url(images/ob_bg.png) top left repeat-y;
        font-size: 90%;
        font-family:arial;
        padding:10px 10px 10px 10px;
        font-weight:bold;
    } 
    
    h5{
        color:#303030;
        background: url(images/ob_bg.png) top left repeat-y;
        font-size: 90%;
        font-family:arial;
        padding:10px 10px 10px 10px;
        font-weight:bold;
    }
   
    h2 span{
        font-size:105%;
        font-weight:normal;
    }

    h5.h6 {
        color:#0c4962;
        background: none;
        font-size: 10pt;
        font-family:arial;
       
        font-weight:bold;
        font-style:italic;
    }
        h6{
        color:#0c4962;
        font-size: 10pt;
        font-family:arial;
       
        font-weight:bold;
        font-style:italic;
    }
    
    a   
    {
        color:#2F5691;
        text-decoration: underline;
    }      
    
    .left
    {
        float: left;
    }    
    
   .example_item
   {border: 1px solid #C0C0C0; margin: 0 0px 0 0px; padding: 30px;} 
   .example_item ol.ABC li {margin-left:-1em;}
   .example_item ul li {margin-left:-1em; list-style-type:disc; padding: 0 0 .25em 1.5em; background: none; color: #000;}
   
       .handwriting
    {
        font-family: Sher, Comic Sans MS, comic sans, Lucida Handwriting, Lucida Sans, Monotype Corsiva, courier new, arial ;
        font-size: 12pt;
        font-weight: normal;
    }
    
    .handwriting_teacher
    {
        font-family: Lucida Sans, Monotype Corsiva, Lucida Handwriting, Comic Sans MS, comic sans, courier new, arial ;
        font-style: italic;
    }

    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;
}
   
/* Tables */
    /*table       {border-top: 1px solid #C0C0C0; border-collapse: collapse; margin: 1em 0; width: 100%;}*/
    table       {border-collapse: collapse; margin: 1em 0; width: 100%;}
    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;  font-weight: 700;}
    td          {border: 1px solid #C0C0C0; border-collapse: collapse; font-size: .95em; line-height: 1.5em; margin: 0; padding: .35em .5em;}
    td.center   {text-align: center;}
    th.center   {text-align: center;}
    td input    {clear: none; display: inline; float: none; margin: 0; padding: 0;}
    
    .testList td {vertical-align:top;}
    
    table.noborder       {border-top: none;  width: auto;}
    .noborder th         {border: none; background-color: none; }
    .noborder td         {border: none; vertical-align:top;}
    
    .clear {background-color: #FFFFFF; border: 1px solid #000000; padding:.5em 1em;}
    table.thick {border: 2px solid #000000; width: auto}
    td.right {text-align: right;}

/* Test Framework Table */
  /*  table.framework {border-top: 1px solid #C0C0C0; border-collapse: collapse; margin: 1em 0; width: 85%;}*/
    table.framework {border-collapse: collapse; margin: 1em 0; width: 85%;}

    
/* Menu */
    
    #sideBar{
        position: fixed;
        width: 205px;
        top: 75px;
        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:5px 0px 5px 6px;
        padding:0px 0px 0px 14px;
        list-style-type:none;
        background: url(images/menu_bg_gr.png) top left no-repeat;
        width:180px;
    }
    

   
    #sideBar li a:link,
    #sideBar li a:visited{
        color:#2F5691;
        font-family:verdana;
        font-size:90%;
        text-decoration:none;
        margin:0px 0px 0px 0px;
        padding:0px;
        width:100%;
    }
   
    #sideBar li a:hover{
        color:#3b639f;

    }
    
    #pages {margin-left: 5px; font-weight: bold; color:#003c48;}
    #pages a{border: solid 1px #cccccc; margin: 1px; padding: 2px 4px 2px 4px; background-color: #adc6d7; text-decoration:none; color:#2F5691;}
    #pages a:hover{background-color: #8db3cd; color:#3b639f;}
    
    #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:#3b639f;

    }
    
    #sideBar h2     
    {
     color:  #0c4962; 
     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%; } 


/***/
/* 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;}
    .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;
    }
.jp, ol li.jp         { font-family:  Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif;}
.rus, ol li.rus         { font-family:  "Geneva CY", "Helvetica CY", Arial, sans-serif; }
.greek, ol li.greek         { font-family:  Gentium, OdysseaU, GraecaUBSU,  Arial, sans-serif;  }
.ChSimplified, .ChTraditional   {font-family: PMingLiU, SimSun, SimHei, STHeiti, Tahoma, Helvetica, Arial, sans-serif;}
.arabic, ol li.arabic          
{
    font-family: "Simplified Arabic", "Urdu Typesetting", "STFangsong", "STHeiti", "STKaiti", "STSong", "AB AlBayan", "AB Geeza", "AB Kufi", "DecoType Naskh", "Aldhabi", "Andalus", "Sakkal Majalla", "Traditional Arabic", "Arabic Typesetting", "Urdu Typesetting", "Droid Naskh", "Droid Kufi", "Roboto", "Tahoma", "Times New Roman", "Arial", serif;
    font-size: 1.3em;}
sup {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub {
   top: 0.4em;
}

span[dir] {
  unicode-bidi: bidi-override;
}

.lg {font-size: 1.3em; line-height: 2em; margin: 1em 0;}
.ChSimplified, .ChTraditional   {font-family: PMingLiU, SimHei, STHeiti, Tahoma, Helvetica, Arial, sans-serif;}
.hebrew {text-align: right;}

/* List Styles */
/* ol         {list-style: decimal none outside; margin-left:0px; padding-left:20px;}*/ 
ol         {list-style: decimal none outside; margin: 1em 0 1em 1.5em;}
ol.num    {list-style: decimal none outside; margin: 1em 0 1em 1.5em;}
ol.num li  {background: none; color: #000; font-size: 1em; line-height: 1.4em; padding: 0 0 .5em 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 .5em .5em;}

blockquote.poetry {
    text-indent: -30px;
    padding-left: 45px;
}
span.linecount {float: right;}
.under  {text-decoration:underline;}
.center  {text-align:center;}
.over {text-decoration: overline;}
.circle 
    {
    border: solid 1px #525051; border-radius: 10px; padding: 1px 1px 2px 1px; 
    }   
p.indent {text-indent: 15px;}
ul.table          {margin-left:1em; padding-left:20px;}
/*ul            {list-style-image: none; list-style: outside; list-style-type: none; margin: 1em 0 1em 2em; }
ul li         {background: url(images/bullet.gif) 0 0 no-repeat; color: #363636; font-size: 1em; line-height: 1.4em; padding: 0 0 .5em 1.5em;} */
ul            {margin: 1em 0 1em 2em;}
li            {font-size: 1em; line-height: 1.4em; padding: 0 0 .25em;}


p.ul          {margin: 0em 0 .5em 0em; }  


/*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;}
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;}
dl.faqs a   {color: #444; cursor: pointer; font-weight: 700; text-decoration:none;}

dl.faqs dt  span.open {display:none;}
dl.faqs dt.e span.shut {display:none;}
dl.faqs dt.e  span.open {display:inline;}

/* Questions */
.q-controls {font-size: 11px;}


/*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: 500px;
    }
    
    #footer 
    {   
            width: 500px;        
    }
    
}

@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;
    }
    
    
    
}
    
/*for screen readers only, otherwise hidden*/

.hidden 
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

/*offscreen used matching es.site.css*/
    
.offscreen {position:absolute; left:-999em; top:auto; width:1px; height:1px; overflow:hidden;}

/* *** Pie Chart *** */

p.pie_caption {
    padding: 20px 0 0 0px;
}
.charts {padding: 0 30% 0 15%; margin: -30px 0 -10px 0; text-align: center; animation-name: scale; animation-duration: 3s;}

.cap {color: #97002E; text-align:center; font-weight:bolder;}

@keyframes scale 
{
   from { width: 25%; }
   to { width: 50%; }
   }
   
/*svg {height: 400px; }*/
/*svg.two-up {height: 300px; }*/

.default {cursor: default;}

path:hover {opacity: 0.00;}