/* CSS Document */
/*
#======================  FONTS  =========================================
# local.css
# 
#========================================================================*/
/* Colors are in wsplus.php!! since then they work*/

#header, #topnav, #toplinks, #sidebar, #rightbar, #footnav, #footer { color:#000066; }
	
#pagegroup { font-size: .9em; font-weight:600; 	color:#000066; }
		
#pagetitle h1 { font-size: 1.8em; font-weight:500; color:#000066; }
		
#content { color:#000066; }
		
/* header margin spacing is defined in layout-main.css */
#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 { font-weight:500; line-height:133%; 
		font-family: font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; color:#000066;}
#content h1 { font-size:1.8em; }
#content h2 { font-size:1.6em; border-bottom:1px solid  }
#content h3 { font-size:1.2em; color:red;}
#content h4 { font-size:1.em; font-style:italic;}
#content h5 { font-size:.9em; font-weight:500;  }
#content h6 { font-size:.8em; font-variant:small-caps; font-weight:500;}
#content li { margin-top:6px;}
#content p { margin-top:6px;}

#sidebar h1 { font-size:1.1em; font-weight:600; }
#sidebar h2 { font-size:1.05em; font-weight:600; }
#sidebar h3 { font-size:1.0em; font-weight:600; }
#sidebar h4 { font-size:1.1em; font-weight:600; }
#sidebar h5 { font-size:1.05em; font-weight:600; }
#sidebar h6 { font-size:1.0em; font-weight:600; }
p.sidehead { font-size:1.0em; font-weight:600; padding:0.4em 0 0 0; }
.sidehead a { line-height:1em; padding-left:0.5em; margin-left:-0.5em; margin-bottom:-0.5em; text-decoration:none; }*/

#rightbar h1 { font-size:1.4em }
#rightbar h2 { font-size:1.2em }
#rightbar h3 { font-size:1.1em }
#rightbar h4 { font-size:1.0em }

#sideheader { font-size: 220%; } /*to counteract sidebar fontsize*/
#header, #sideheader {  
	font-weight:500; 
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	color:#000066;
}
#header h1, #header h2, 
#header h3, #header h4,
#header h5, #header h6,
#sideheader h1, #sideheader h2, 
#sideheader h3, #sideheader h4,
#sideheader h5, #sideheader h6 { 
	font-weight:500; margin:0 2px 2px 0;
	line-height:100%; 
}


/* Example Table Styles ********************************************** */
table.tall td { padding-top:3px; padding-bottom:3px; }
table.med td { padding-top:1px; padding-right:2px; padding-bottom:1px; padding-left:2px }
table.firstrow th { padding-top:3px; padding-bottom:3px; background-color:#99CCFF} 
table.firstrow td { padding-top:2px; padding-bottom:1px; }

table.zebra th { background-color:#eeeeee; }
table.zebra tr.row2 { background-color:#ddddff; }

table.column td.col1 { background-color:#ddddff; }
table.column td.col3 { background-color:#ddddff; }
table.column td.col5 { background-color:#ddddff; }

/*=========================================================== */
.le80 { margin-left:80px;  }
.le60 { margin-left:60px;  }
.le40 { margin-left:40px;  }
.le30 { margin-left:30px;  }
.le20 { margin-left:20px;  }
/*  A "right indent" */
.rindent { margin-right:40px;  }
/*  A "left indent" */
.lindent { margin-left:40px;  }

.dict {font-family:"Comic Sans MS", Arial; font-size:1.05em; color:#990000}

.above3 {margin-top:3px; margin-bottom:0px}
.above6 {margin-top:6px; margin-bottom:0px}
.above9 {margin-top:9px; margin-bottom:0px}
.above12 {margin-top:12px; margin-bottom:0px}

.a12 {margin-top:12px; margin-bottom:0px}
.a9 {margin-top:9px; margin-bottom:0px}
.a6 {margin-top:6px; margin-bottom:0px}
.a3 {margin-top:3px; margin-bottom:0px}
.b9 {margin-top:0px; margin-bottom:9px}
.b6 {margin-top:0px; margin-bottom:6px}
.b3 {margin-top:0px; margin-bottom:3px}

.ab6 {margin-top:6px; margin-bottom:6px}

.nine {font-size:.9em}
.s6 {font-size:.6em}
.s7 {font-size:.7em}
.s8 {font-size:.8em}
.s9 {font-size:.9em}
.s105 {font-size:1.05em}
.s11 {font-size:1.1em}
.s12 {font-size:1.2em}

.c8 {font-family:"Comic Sans MS", Arial; font-size:.8em}
.c9 {font-family:"Comic Sans MS", Arial; font-size:.9em}
.c10 {font-family:"Comic Sans MS", Arial;}
.c105 {font-family:"Comic Sans MS", Arial; font-size:1.05em}
.c11 {font-family:"Comic Sans MS", Arial; font-size:1.1em}
.c12 {font-family:"Comic Sans MS", Arial; font-size:1.2em}
.c14 {font-family:"Comic Sans MS", Arial; font-size:1.4em}
.c16 {font-family:"Comic Sans MS", Arial; font-size:1.6em}

.l15 {line-height:1.5em}
.l18 {line-height:1.8em}
.l20 {line-height:2.0em}

.nobold{font-weight:normal;}


/*  These are my example bars - Linda. */
.exa_bar {

  margin: 6px 0px 0px 10px;
  padding:5px;  
  color:#000066;
  background-color:#eeeeee;
  }
.exa_bar1 {
  font-size:.9em;
  margin: 3px 0px 0px 25px;
   }
.exa_2 {
  margin: 3px 0px 6px 10px;
  }
.exa_ans {
  margin: 3px 0px 0px 25px;
  padding-left:5px;
  width:95%;
  color:#000066;
  background-color:#eeeeff;
  }


/*  These are my practice bars - Linda. Currently only pra_ans is different from example bars. */ 

.pra_bar {

  margin: 6px 0px 0px 10px;
  padding:5px;  
  color:#000066;
  background-color:#eeeeee;
  }
.pra_bar1 {
  font-size:.9em;
  margin: 3px 0px 0px 25px;
  }
.pra_bar2 {
  margin: 3px 0px 6px 10px;
  }
.pra_ans {
  margin: 3px 0px 0px 20px;
  padding-left:10px;
  width:95%;
  color:#000066;
  background-color:#eeeeff;
  }
  
  
.ex_bar {
margin-top:3px; margin-bottom:3px;
  min-height:20px;
  padding: 5px 10px 5px 10px;
  color:#000066;
  background-color:#ddddee;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }
.ex_bar1 {
margin-top:3px; margin-bottom:0px;
  min-height:20px;
  padding: 5px 5px 5px 5px;
  width:97%; 
  margin-left:25px;
  color:#000066;
  background-color:#eeeeff;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }
.ex_bar2 {
margin-top:3px; margin-bottom:0px;
 min-height:20px;
  padding: 5px 5px 5px 5px;
  width:94%;
  margin-left:45px;
  color:#000066;
  background-color:#ddddee;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }
.ex_ans {
margin-top:3px; margin-bottom:0px;
 min-height:20px;
  padding: 5px 5px 5px 5px;
  width:94%;
  margin-left:45px;
  color:#000066;
  background-color:#eecccc;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }

  
 /*  This is my glossary entry - Linda. */
.glo {
 min-height:18px;
  padding: 5px 20px 5px 20px;
  color:#000066; 
  font-family:Tahoma, Arial;
  background-color:#ffeeee;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }

 
/*  These are my navigator bars - Linda. */
.nav_bar {
 min-height:18px;
  padding: 5px 20px 5px 20px;
  float:right;
  width:500px;
  font-weight:600;
  text-align: right;
  background-color:#eeeeff;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }
 /*left padding is 5*/ 
  .nav_bar_5L {
 min-height:18px;
  padding: 0px 20px 5px 5px;
  float:right;
  width:500px;
  font-weight:600;
  text-align: right;
  background-color:#eeeeff;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }
  /*  This is my navigator bar - Linda. */
.nav_bar4 {
 min-height:18px;
  padding: 5px 20px 5px 20px;
  float:right;
  width:400px;
  font-weight:600;
  text-align: right;
  background-color:#eeeeff;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }
  /*  This is my navigator bar - Linda. */
.nav_bar3 {
 min-height:18px;
  padding: 5px 20px 5px 20px;
  float:right;
  width:300px;
  font-weight:600;
  text-align: right;
  background-color:#eeeeff;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }
  /*  This is my navigator bar - Linda. */
.nav_bar2 {
 min-height:18px;
  padding: 5px 20px 5px 20px;
  float:right;
  width:200px;
  font-weight:600;
  text-align: right;
  background-color:#eeeeff;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }
  /*  This is my navigator bar - Linda. */
  .nav_bar2a {
 min-height:18px;
  padding: 2px 10px 2px 10px;
  float:right;
  width:150px;
  font-weight:500;
  text-align: right;
  background-color:#eeeeff;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }
  /*  This is my navigator bar - Linda. */
.nav_bar1 {
 min-height:18px;
  padding: 5px 20px 5px 20px;
  float:right;
  width:80px;
  font-weight:600;
  text-align: right;
  background-color:#eeeeff;
  border:1px solid  #9999cc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  }

.up {
  padding-right: 40px;
  background: #ffeeee url(up.gif) no-repeat 20px;
}