html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	border: none
	}

body {
	background-image:url('images/background.gif');
	background-repeat:repeat-x;
	}

FORM {
	margin: 0px;
	}

ul.topnav {
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	overflow: hidden;
	}

ul.topnav li {
	float: left;
	margin: 0px;
	}

ul.topnav li a:link, ul.topnav li a:visited {
	display: block;
	line-height: 30px;	
	padding: 0px 15px 0px 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #00822B #00822B #000000 #40B366;
	background-image:url('images/button-BG.gif');
	background-color: #009933;
	}

ul.topnav li a:hover {
	background-image:url('images/button-BG-hover.gif');
	background-color: #00822B;
	}
	
ul.topnav li.on a:link, ul.topnav li.on a:visited {
	color: #009933;
	border-color:#00822B #00822B #000000 #FFFFFF;
	background-image:url('images/button-BG-on.gif');
	background-color: #DFDFDF;
	}

ul.topnav li.on a:hover {
	background-image:url('images/button-BG-on.gif');
	background-color: #DFDFDF;
	}

A:link          {color: #009933;}
A:visited       {color: #009933;}
A:hover         {color: #00CC33;}

A:link.nav      {color: #009933; text-decoration: none;}
A:visited.nav   {color: #009933; text-decoration: none;}
A:hover.nav     {color: #00CC33; text-decoration: none;}

H1 {
FONT-FAMILY:	Georgia, Times New Roman, Times, serif;
FONT-SIZE:		28px;
LINE-HEIGHT:	125%;
FONT-WEIGHT:	normal;
MARGIN-TOP:		30px;
MARGIN-BOTTOM:	20px;
COLOR:			#009933;
}

H1.front {
FONT-FAMILY:	Arial, Helvetica, sans-serif;
FONT-WEIGHT:	bold;
FONT-SIZE:		18px;
MARGIN-BOTTOM:	10px;
}

H2 {
FONT-FAMILY:	Georgia, Times New Roman, Times, serif;
FONT-SIZE:		24px;
LINE-HEIGHT:	125%;
FONT-WEIGHT:	normal;
MARGIN-TOP:		30px;
MARGIN-BOTTOM:	20px;
COLOR:			#00CC33;
border-style:	dashed; 
border-width:	0px 0px 1px 0px; 
border-color:	#00CC33;
}

H2.san-serif {
FONT-FAMILY:	Arial, Helvetica, sans-serif;
FONT-SIZE:		20px;
FONT-WEIGHT:	bold;
border-style:	none;
}

H3 {
FONT-FAMILY:	Georgia, Times New Roman, Times, serif;
FONT-SIZE:		22px;
LINE-HEIGHT:	125%;
FONT-WEIGHT:	normal;
MARGIN-TOP:		30px;
MARGIN-BOTTOM:	20px;
COLOR:			#66CC66;
}

H4 {
FONT-FAMILY:	Georgia, Times New Roman, Times, serif;
FONT-SIZE:		18px;
LINE-HEIGHT:	140%;
FONT-WEIGHT:	normal;
MARGIN-TOP:		30px;
MARGIN-BOTTOM:	20px;
COLOR:			#66CC66;
}

H5 {
FONT-FAMILY:	Georgia, Times New Roman, Times, serif;
FONT-SIZE:		17px;
LINE-HEIGHT:	140%;
FONT-WEIGHT:	normal;
MARGIN-TOP:		30px;
MARGIN-BOTTOM:	20px;
COLOR:			#666666;
}

H6 {
FONT-FAMILY:	Arial, Helvetica, sans-serif;
FONT-SIZE:		15px;
LINE-HEIGHT:	100%;
FONT-WEIGHT:	bold;
MARGIN:			20px 0px 0px 0px;
COLOR:			#66CC66;
}

P {
FONT-FAMILY:	Arial, Helvetica, sans-serif;
FONT-SIZE:		14px;
LINE-HEIGHT:	140%;
MARGIN:			12px 0px;
}

.indent {
margin:	0px 0px 0px 40px;
}

.red {
COLOR:			#FF0000;
}

.irregular {
BACKGROUND-COLOR: #FFFF00;
background-color: rgba(255,255,0,0.5);

}

P.list {
MARGIN-TOP:		7px;
MARGIN-BOTTOM:	7px;
}

P.small {
FONT-SIZE:		12px;
LINE-HEIGHT:	125%;
}

.copyright, .copyright a:link, .copyright a:hover, .copyright a:visited  {
FONT-FAMILY:	Arial, Helvetica, sans-serif;
FONT-SIZE:		11px;
LINE-HEIGHT:	100%;
COLOR:			#FFFFFF;
MARGIN:			0px;
}

.nomargin {
MARGIN-TOP:		2px;
MARGIN-BOTTOM:	2px;
}

P.nav {
FONT-WEIGHT:	bold;
FONT-SIZE:		13px;
LINE-HEIGHT:	100%;
MARGIN-TOP:		5px;
MARGIN-BOTTOM:	5px;
TEXT-ALIGN:		center;
color:			#009933
}

P.example-main {
	FONT-SIZE: 17px;
	FONT-WEIGHT: bold;
	MARGIN: 20px 0px;
	LINE-HEIGHT: 150%;
	text-align: center;
	}

P.example-main I {
	FONT-WEIGHT: normal;
	}

P.example {
	FONT-SIZE: 17px;
	FONT-WEIGHT: bold;
	MARGIN: 2px 0px;
	}

P.example I {
	FONT-WEIGHT: normal;
	}

P.example-small {
	FONT-SIZE: 15px;
	FONT-WEIGHT: bold;
	MARGIN:	4px 0px;
	LINE-HEIGHT: 150%;
	}

P.example-small I {
	FONT-WEIGHT: normal;
	}

P.example-formula {
	FONT-SIZE: 17px;
	FONT-WEIGHT: bold;
	MARGIN: 20px 0px;
	LINE-HEIGHT: 150%;
	text-align: center;
	background-color: #F6F6F6;
	padding: 10px;
	}

INPUT.special {
FONT-FAMILY:	Arial, Helvetica, sans-serif;
FONT-SIZE:		14px;
LINE-HEIGHT:	100%;
MARGIN-TOP:		2px;
MARGIN-BOTTOM:	2px;
}

UL {
FONT-FAMILY:	Arial, Helvetica, sans-serif;
FONT-SIZE:		14px;
LINE-HEIGHT:	140%;
}

OL {
FONT-FAMILY:	Arial, Helvetica, sans-serif;
FONT-SIZE:		16px;
LINE-HEIGHT:	140%;
}

LI {
MARGIN-TOP:		10px;
MARGIN-BOTTOM:	10px;
}

.article {
	width: 660px;
	margin: 0px 0px 30px 0px;
	}

.sidebar {
	width: 170px;
	background-color: #E5F1F8;
	padding: 10px;
	position: absolute;
	margin: 0px 0px 0px 682px;
	border-style: solid;
	border-width: 1px;
	border-color: #C3DEEF;
	border-radius: 10px;
	}

.sidebar P {
	FONT-WEIGHT:	bold;
	FONT-SIZE:		12px;
	LINE-HEIGHT:	150%;
	MARGIN-TOP:		6px;
	MARGIN-BOTTOM:	0px;
	COLOR:			#000000;
	}

.sidebar IMG {
	margin: 0px 10px;
	}

.note {
	width: 170px;
	background-color:#FFFFCC;
	padding: 0px 10px 0px 10px;
	position: absolute;
	margin: 0px 0px 0px 682px;
	border-style: solid;
	border-width: 1px;
	border-color: #F2DC8F;
	border-radius: 10px;
	}

.callout {
	width: 170px;
	background-color:#EEEEEE;
	padding: 5px 10px;
	position: absolute;
	margin: 0px 0px 0px 682px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	border-radius: 10px;
	}

.callout P {
	LINE-HEIGHT:	130%;
	MARGIN-TOP:		6px;
	MARGIN-BOTTOM:	6px;
	}

.menu {
	margin: 20px 0px 0px 0px;
	background-color:#F0F0F0;
	padding: 10px 20px;
	background-image: url(images/Menu.png);
	background-position: top right;
	background-repeat: no-repeat;
	}

.menu LI {
	margin: 6px 0px;
	}

.circle {
	margin: -2px 0px 0px -10px;
	position: absolute;
	}

.aside {
	margin: 20px 0px;
	background-color:#E5F5E5;
	padding: 20px 20px 10px 20px;
	}

.aside H1, .aside H2, .aside H3, .aside H4, .aside H5, .aside H6 {
	margin-top: 0px;
	}

.click-heading a:link, .click-heading a:visited {
	background-color: #F0F0F0;
	margin: 3px 0px;
	padding: 8px 10px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	font-weight: bold;
	LINE-HEIGHT: 100%;
	text-decoration: none;
	display: block;
	background-color: #F0F0F0;
	}

.click-heading a:hover {
	background-color: #F6F6F6;
	}

.textbook-source a:link, .textbook-source a:visited {
	float: left;
	align: center;
	background-color: #F0F0F0;
	margin: 3px 0px;
	padding: 8px 10px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 13px;
	LINE-HEIGHT: 100%;
	text-decoration: none;
	display: block;
	background-color: #F0F0F0;
	}

.textbook-source a:hover {
	background-color: #F6F6F6;
	}

TABLE.centered {
	margin: 0px auto;
	}

TABLE.vocab {
	border-collapse: collapse;
	width:			550px;
	}

TABLE.vocab TD {
	padding:		0px 6px;
	}

TABLE.vocab TD P {
	margin: 6px 0px;
	}

TABLE.vocab-list TD {
	border-width:	0px 0px 1px 0px;
	border-style:	solid;
	border-color:	#DDDDDD;
	PADDING:		0px 12px 0px 12px;
	}

.vocab-list-main {
	FONT-FAMILY:	Arial, Helvetica, sans-serif;
	FONT-SIZE:		16px;
	MARGIN:			6px 0px 6px 0px;
	}

.vocab-list-small {
	FONT-FAMILY:	Arial, Helvetica, sans-serif;
	FONT-SIZE:		12px;
	MARGIN:			0px;
	}

SPAN {
	text-decoration: inherit;
	}

SPAN.noun {
	BACKGROUND-COLOR: #FFFFCF;
	}

SPAN.verb {
	BACKGROUND-COLOR: #DFF2FF;
	}

SPAN.dop {
	BACKGROUND-COLOR: #DFFFDF;
	}

SPAN.iop {
	BACKGROUND-COLOR: #F2DFFF ;
	}

SPAN.adj {
	BACKGROUND-COLOR: #FFDFFF;
	}

SPAN.adv {
	BACKGROUND-COLOR: #FFECCF;
	}

SPAN.ref {
	BACKGROUND-COLOR: #F0E8D9;
	}

TABLE.chart {
	MARGIN: 10px auto;
	}
	
TABLE.chart TD {
	padding: 0px 15px;
	}

TABLE.chart TD P {
	MARGIN: 5px 0px;
	}

TABLE.chart TH {
	padding: 0px 15px;
	border-bottom:	1px solid #CCCCCC;
	}

TABLE.chart TH P {
	FONT-WEIGHT: normal;
	MARGIN: 5px 0px;
	}

TABLE.conjugation {
	MARGIN: 10px auto;
	}

TABLE.conjugation TD {
	PADDING: 0px 0px 0px 8px;
	background-image:url('images/ConjugationTableBG.gif')
	}

TABLE.conjugation TD P {
	MARGIN: 4px 0px;
	}

TR.underline TD {
	border-bottom:	1px solid #CCCCCC;  
	}

.subj {
	border-bottom:	2px solid #FF9933; 
	}