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

#wrapper { 
 margin: 0 auto;
 width: 960px;
}

* { padding: 0; margin: 0; }

#header {
 color: #FFFFCC;
 width: 938px;
 float: left;
 padding: 10px;
 border: 1px solid #000;
 margin: 10px 0px 5px 0px;
 background: #000099;
 text-align:center;
 background-image:url('pictures/tinyteflteacher.png');
 background-repeat:no-repeat;
 background-position:8% 3%;
}

#content { 
 position:relative;
 float: left;
 color: #000;
 border: 0px 5px 0px 5px;
 border: solid #000099;
 background: #FFFFCC;
 margin: 0px 0px 5px 0px;
 padding: 10px 30px;
 width: 895px;
}

#footer { 

 width: 938px;
 clear: both;
 color: #000;
 border: 1px solid #ccc;
 background: #000099;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 text-align: center;
}

/*FFFFCC (cream) #FFCC99 (skin)*/

/*blocklink = header links*/
.blocklink {
border:1px solid black;
display:inline;
font-weight:bold;
color:#000066;
background-color:#FFFFCC;
width:120px;
text-align:left;
padding:3px 10px;
text-decoration:none;
margin-left:10px;
margin-right:10px;
}
a.blocklink:hover {
background-color:#FFCCCC;
}

a.littlelink {
text-decoration:none;
color:#000066;
}

.paddedtable td {
border: 1px #000066;
padding: 4px 4px;

}
.paddedtable table {
border-collapse: collapse;
border: 1px solid #000066;
}

.paddedtable th {
border: 1px solid #000066;
}

table {
width:900px;
}
td {
padding:0px 2px;
}

.collapsetable {
border-collapse:collapse;
border: 1px solid #000066;
}

td.dropdownQs {
padding:4px 0px;
}

.bottomPadding {
padding: 0px 0px 6px 0px;
}

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

li {
margin-bottom:10px;
}

h1 {
padding:0px 0px 10px 0px;
}
h2 {
color:#000066;
padding:0px 0px 10px 0px;
}
h3{
color:#000066;
}

.active {
border:1px solid black;
display:inline;
font-weight:bold;
color:#000066;
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;
}

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

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

.answerlist {
display:inline;
list-style-type:none;
width: 60px;
padding: 1px 5px;
margin:5px;
background-color:#CCCCFF;
color:#000066;
}

.button {
color:#FFFFCC;
background-color:#000099;
border: 2px outset #d7b9c9;
padding: 2px;
font-weight:bold;
}
.button:hover {
background-color:#3333CC;
}

.newvisitor {
float:right;
width:260px; 
font-size:0.8em
}

.newvisitor a {
text-decoration:none;
}
.newvisitor a:hover {
color:#000099;
}

.listmargin {
margin-bottom:10px;
}

.leftcolumn {
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 400px;
 float: left;
}
.rightcolumn {
 margin: 0px 0px 5px 0px;
 padding: 10px 20px;
 width: 400px;
 float: right;
 display: inline;
}


/*
      Initial code created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	    
*/