@charset "UTF-8";
/* CSS Document */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


body {
	text-align:center;
	font:13px/1.231 sans-serif; *font-size:small;
}

#main {
	width:780px;
	height:auto;
	margin:auto;
	background:#F9F8ED;
	text-align:left;
	border:1px solid #999;
	padding:8px;
	-moz-box-shadow:inset 0 0 8px #999;
   -webkit-box-shadow:inset 0 0 8px #999;
   box-shadow:inset 0 0 8px #999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}


.vidbox {
	display:block;
	width:480px;
	height:352px;
	-moz-box-shadow: 2px 2px 8px #000000;
   -webkit-box-shadow: 2px 2px 8px #000000;
   box-shadow: 2px 2px 8px #000000;
   padding:0px;
}



video {
	margin:0px;
	padding:0px;
}

#video {
	float:left;
	display:block;
}

img {
	-moz-box-shadow: 2px 2px 6px #999;
   -webkit-box-shadow: 2px 2px 8px #999;
   box-shadow: 2px 2px 8px #999;
}

#menu {
	display:block;
	font-size:.8em;
	text-align:center;
	padding:5px 5px 15px 5px;
	width:220px;
	margin:auto;
	margin-top:20px;
	margin-right:5px;
	margin-bottom:15px;
	border:1px solid #999;
	-moz-box-shadow:inset 0 0 5px #999;
   -webkit-box-shadow:inset 0 0 5px #999;
   box-shadow:inset 0 0 5px #999;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	-o-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}

#menu li {
	font-size:.9em;
	color:#333;
}

#other {
	width:220px;
	color:#333;
	display:block;
	padding:5px 5px 15px 5px;
	text-align:left;
	width:220px;
	margin:auto;
	margin-top:10px;
	margin-right:5px;
	margin-bottom:15px;
	border:1px solid #999;
	-moz-box-shadow:inset 0 0 5px #999;
   -webkit-box-shadow:inset 0 0 5px #999;
   box-shadow:inset 0 0 5px #999;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	-o-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}

.tds {
	margin-top:38px;
	margin-left:7px;
	font-size:.8em;
	color:#333;
	display:block;
	width:460px;
	height:auto;
	min-height:180px;
	text-align:left;
	padding:8px;
	border:1px solid #999;
	-moz-box-shadow:inset 0 0 5px #999;
   -webkit-box-shadow:inset 0 0 5px #999;
   box-shadow:inset 0 0 5px #999;
	-moz-border-radius:6px 6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	-o-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}

.tds h3 {
	margin-top:20px;
	font-size:16px;
	padding:0px;
	margin:0px;
	line-height:1.4em;
}

.tds ul{
	font-size:.9em;
	font-size:.9em;
	list-style:square;
	font-style:oblique;
}

.tds ol{
	font-size:.9em;
	font-size:.9em;
	font-style:oblique;
	padding:0 0 0 20px;
}

a, a:active, a:visited { 
	color: #607890;
	text-decoration:none;
}


#spkrs {
	display:block;
	font-size:.8em;
	color:#222222;
	text-align:left;
	padding:5px 5px 15px 25px;
	width:210px;
	margin:auto;
	margin-top:20px;
	margin-right:5px;
	margin-bottom:15px;
	border:1px solid #999;
	-moz-box-shadow:inset 0 0 5px #999;
   -webkit-box-shadow:inset 0 0 5px #999;
   box-shadow:inset 0 0 5px #999;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	-o-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}

#spkrs ul {
	list-style-position:outside;
	list-style:square;
}

#spkrs h3 {
	color:#666;
	margin-top:20px;
	font-size:16px;
	padding:0px;
	margin:0px 0px 5px 0px;
	line-height:1.1em;
	font-style:oblique;
	text-align:center;
}



a:hover { color: #CC0000;
text-decoration:none;
}



a img {
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}

#button {
	width: 206px;
	height:150px;
	margin: 0px 10px 0px 0px;
	float: left;
}

#buttonSmll {
	width: 161x;
	height:120px;
	margin: 0px 8px 0px 0px;
	float: left;
}

#right {
	text-align:center;
	margin-right:12px;
	width:250px;
	float:right;
}


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #eec258; color:#fff; text-shadow: none; }
::selection { background:#eec258; color:#fff; text-shadow: none; } 




/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #eec258; }

body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  color: #eec258; 
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}



a, a:active, a:visited { 
	color: #607890;
	text-decoration:none;
}

a:hover { color: #CC0000;
text-decoration:none;
}

/*===================================================*/
/*               Code for practice pages             */
/*===================================================*/

#container h2{
	color:black;
	Font Family:ff-tisa-web-pro-1, ff-tisa-web-pro-2, georgia, serif;
	Style:normal;
	Weight:1em;
	Font Size:16px;
	Line Height:20px;
}

.eiButton {
	font-size:1.2em;
	line-height:2.2em;
	text-align:center;
}
.eiButton a{
	border:0px;
	margin:0px;
	padding:3px 2px 0px 2px;
	color: #666;
	float: left;
	clear:right;
	height: 36px;
	width:150px;
	display:block;
	overflow:hidden;
	background-image:url(http://www.educationalimpact.info/eiprvws/images/eiButton.png);
	margin: 0px 0px 0px 00px;
	background-repeat:no-repeat;
	background-position:0 0px;
	border:0;
}

.eiButton a:hover {
	background-position:0 -39px;
	color:#444;
}

.eiButton a:active {
	color:#444;
	background-position:0 -78px;
}

#current {
	font-size:1.2em;
	line-height:2.2em;
	color: #444;
	text-align:center;
	color:#444;
	background-position:0 -78px;
	border:0px;
	margin:0px;
	padding:3px 2px 0px 2px;
	float: left;
	clear:right;
	height: 36px;
	width:150px;
	display:block;
	overflow:hidden;
	background-image:url(http://www.educationalimpact.info/eiprvws/images/eiButton.png);
	margin: 0px 0px 0px 00px;
	background-repeat:no-repeat;
	border:0;
}

#instruct {
	color:#333;
	font-family:"Times New Roman", Times, serif;
}