body {
background-color: #737373;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

a {
text-decoration: none;
color: #564b47;
}

a:visited {
text-decoration: none;
color: #564b47;
}

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

a:active { 
text-decoration: none;
color: #FE6905;
}

.contentlink a {
text-decoration: none;
color: red;
}

.contentlink a:visited {
text-decoration: none;
color: red;
}

.contentlink a:hover{
text-decoration: underline;
color: blue;
}

.contentlink a:active { 
text-decoration: underline;
color: blue;
}

h1 {
font-size: 11px;
letter-spacing: 1px;
background-color: #B1D54F;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
color:#FF0000;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

h3 {
font-weight: bold;
text-decoration: underline;
}

h4 {
font-size:18px;
color:#FF8D42;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

h5 {
font-size:14px;
color:#FF9933;
font-weight: bold;
padding: 5px 10px;
margin:0px;
}

h6 {
font-size:12px;
color:#F9B455;
font-weight: bold;
padding: 5px 10px;
margin:0px;
}

#container {
width: 850px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

#banner {
text-align: center;
background-color: #e1ddd9;
padding: 0px;
margin: 0px; }

#banner img {padding:0px 0px;} 


#outer{ 
border-left: solid 57px #FFFFFF; /* color of the left column  */ 
border-right: solid 150px #FFFFFF; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
 #left {
 width:150px; 
 float:left; 
 position:relative; 
 margin-left: auto; 
 margin-right:1px;
 background-color:#FFFFFF;
 }
 
 #right {
 width:150px; 
 float:right; 
 position:relative; 
 margin-right:-150px; 
 margin-left:1px;
 background-color:#FFFFFF; 
 }

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
height: auto;
margin: 0px; 
}
p {
padding: 5px 10px;
margin:0px;
}

.red {
color: #FF0000;
font-weight: bold;
}


.green {
color: #33CC33;
font-weight: bold;
}

.blue {
color: #000099;
font-weight: bold;
}

.tabletopic {
font-weight: bold;
}

.tabletopicbig {
font-weight: bold;
}

.tabletopicsmall {
font-weight: bold;
}

table.tabletopicbig {
border-left: 1px thin;
border-right: 1px thin;
}

table.tabletopicbig td {
background-color: lightgreen;
}

table.tabletopicsmall {
border-left: 1px thin;
border-right: 1px thin;
}

table.tabletopicsmall td{
background-color: lightblue;
}

table.vocabulary {
border-left: 1px thin;
border-right: 1px thin;
}

table.vocabulary td {
border-bottom: 1px dotted;
}

table.vocabulary a {
color: #FF0000;
}

table.subpage {
border-left: 1px thin;
border-right: 1px thin;
margin-left: 10px;
}

table.subpage td {
border-bottom: 1px dotted;
}

table.subpage a {
color: #FF0000;
}

table.centertable td {
align: center;
text-align: center;
}

table.consonant {
border-top: 1px;
border-left: 1px;
}

table.consonant td {
border-bottom: 1px;
}

table.consonant tr {
border-right: 1px;
}

.leftimage {
border: 1px solid;
align: left;
margin-right: 10px;
float: left;
}

table.links {
margin-top: 30px;
margin-bottom: 20px;
border: 1px solid #000000;
width: 60%;
align: center;
}

table.links td {
text-align: center;
}

table.lessons {
margin-top: 30px;
margin-bottom: 20px;
border: 1px solid #000000;
width: 90%;
align: left;
}

table.pos {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 25px;
border: 1px solid #000000;
width: 60%;
}

table.box {
margin-top: 15px;
margin-bottom: 10px;
margin-left: 10px;
border: 1px solid #000000;
width: 80%;
}

table.longbox {
margin-top: 15px;
margin-bottom: 10px;
margin-left: 10px;
border: 1px solid #000000;
width: 100%;
}

.normaltext {
font-size: 13px;
}

table.box td {
}

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;
}

ul {
line-height: 15px;
font-size:12px;
list-style-type: disc;
}

li a:hover {
color: #ADD34A;
}

.bold {
font-weight: bold;
}

.current {
color: #ffffff;
}

hr {
height 2px;
width: 600px;
text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
background: #33CC33;
}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

.copyright {
font-size: 9px;
color: #FFFFFF;
}