body {
font-size:100%;
font-family:"Trebuchet MS";
background-color:#FFFFFF;
}

#wrapper { 
 margin: 0 auto;
 width: 960px;
 font-size:90%;
}

* { padding: 0; margin: 0; }

#header {
 color: #EEEEEE;
 width: 621px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 10px 0px 5px 0px;
 background: #333333;
 text-align:center;
 background-image:url('pictures/tinyteflteacher.gif');
 background-repeat:no-repeat;
 background-position:8% 3%;
}

#leftcolumn { 
 display:none;
}

#content { 
 position:relative;
 float: left;
 color: #000000;
 border: 1px solid #ccc;
 background: #FFFFFF; 
 margin: 0px 50px 5px 50px;
 padding: 10px;
 width: 526px;
 height: 1400px;
 display: inline;
}
#rightcolumn { 
display:none;

}
#footer { 
 width: 621px;
 clear: both;
 color: #000;
 border: 1px solid #ccc;
 background: #333333;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
/*
      Initial code for the above three columns created by Keith Donegan of Code-Sucks.com	  
	  E-Mail: Keithdonegan@gmail.com	    
*/
.left_three {
width: 150px;
margin: 0px 10px 0px 10px;
float:left;
}
.middle_three {
width: 150px;
float:left;
margin: 0px 10px 0px 10px;
}
.right_three {
width: 150px;
float:left;
margin: 0px 10px 0px 10px;
}

.left_thin {
width: 30%;
float:left;
margin:0px 5px 0px 5px;
}
.middle_thin {
width: 30%;
float:left;
margin:0px 5px 0px 5px;
}
.right_thin {
width: 30%;
float:left;
margin:0px 5px 0px 5px;
}

.whiteboard	{
	width:400px;
	padding:0px 50px 5px;
	margin:0px 13px;
	background:url('pictures/whiteboard.gif');
}

.whiteboardtop	{
	height:35px;
	padding:0px;
	margin:10px 13px 0px;
	background:url('pictures/whiteboard_t.gif');
}

.whiteboardbottom	{
	margin:-5px 13px 0px;
	height:34px;
	padding: 10px 50px 70px 70px;
	background:url('pictures/whiteboard_b.gif');
	font-weight:bold;
	color: #990033;
	font-size:80%;
}

.example {
color:#0000CC;
margin-left:20px;
margin-right:15px;
}

/* Links in header */
.blocklink {
display:none;
}

a.blocklink:hover {
display:none;
}

.picturelink {
border: 2px solid #000000;
}
.picturelink:hover {
border: 2px solid #106635;
}

img {
margin:2px 5px;
}

/*littlelink = link on teachers' pages*/
a.littlelink:link {
text-decoration:none;
color:#006633;
font-weight:900;
}
a.littlelink:visited {
text-decoration:none;
color:#003333;
font-weight:900;
}
a.littlelink:hover {
text-decoration:none;
color:#009900;
font-weight:900;
}
a.littlelink:active {
text-decoration:none;
font-weight:900;
color:#000099;
}

/*textlink = invisible text link*/
a.textlink:link {
text-decoration:none;
color: #000066;
}
a.textlink:visited {
text-decoration:none;
color: #000066;
}
a.textlink:hover {
text-decoration:none;
color: #106635;
}
a.textlink:active {
text-decoration:none;
color: #000066;
}

/* proper buttons!!!*/
.indexlink {
text-decoration:none;
float:left;
line-height:160%;
display:inline;
width:230px;
color:#FFFFCC;
background-color:#106635;
padding:0px 2px;
margin:2px 14px 2px 15px
}
.indexlink:hover {
background-color:#003300;
}

/* greenlink and inline = links on grammar main page */
a.greenlink {
text-decoration:none;
color:#FFFFCC;
font-weight:bold;
}
.blueinline:hover {
background-color:#000099;
}

.blueinline {
float:left;
display:inline;
line-height:160%;
width:255px;
color:#FFFFCC;
background-color:#000066; 
padding:0px 2px;
margin:2px 4px 2px 0px;
}

.inline:hover {
background-color:#003300;
}

.inline {
float:left;
display:inline;
line-height:160%;
width:255px;
color:#FFFFCC;
background-color:#106635;
padding:0px 2px;
margin:2px 4px 2px 0px;
}

p {
margin-bottom: 0.3em;
}

.collapsetable {
border-collapse:collapse;
}
table, td, th
{
border:1px solid #333333;
}
th {
padding:2px 10px;
}
td {
padding:2px 10px;
text-align:left;
}

table.invisitable, td.invisitable  {
border:0px;
width:100%;
}
td.invisitable {
width:20%;
}

.emph {
background-color:#99CC99;
}

.phonemes {
background-color:#333333;
font-size:1.4em;
color:#FFFFFF;
padding:1px 8px;
width:55px;
text-align:center;
font-family:"Lucida Sans Unicode";
}


ul {
margin-left:18px
}
ol {
margin-left:18px
}

h1 {
padding:0px 0px 10px 0px;
}
h2 {
color:#333333;
padding:0px 0px 10px 0px;
text-align:center;
}
h3{
color:#333333;
}

.active {
border:1px solid black;
display:inline;
font-weight:bold;
color:#003366;
width:120px;
text-align:center;
padding:3px 10px;
text-decoration:none;
margin-left:10px;
margin-right:10px;
background-color:#FFCC99;
}


.centered {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}



.nobullets {
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}

/* Go to language practice button*/
#practice {
float:left;
width:15em;
padding:2px 4px;
background-color:#106635;
color:#FFFFCC;
text-decoration:none;
font-weight:bold;
border:1px solid black;
}
#practice:hover {
background-color:#003300;
}
/* Go back to grammar page button*/
#goback {
float:right;
/*position:absolute;
right:4px;*/
width: 15em;
padding:2px 4px;
background-color:#106635;
color:#FFFFCC;
text-decoration:none;
font-weight:bold;
border:1px solid black;
}
#goback:hover {
background-color:#003300;
}
div.panel, p.flip {
margin:0px;
padding:5px;
text-align:center;
background-color:#ffffee;
border:solid 1px #000066;
}

td.panel, tr.panel {
text-align:left;
}
p.flip {
background-color:#106635;
color:#FFFFCC;
font-weight:bold;
}