@charset "utf-8";
/* Style for default, sections and blue lessons with DIV format background-color: #FFFFCC*/
body  {
font:82% Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFADD;
margin:0;
padding:10px 0 20px 0;
text-align:center;
}
#header { 
width:760px;
background-color:#0000CC;
margin:0 auto;
border:1px solid #0000CC;
text-align:left;
}
#header_left {
float:left;
width:450px;
padding:0px 0px 0px 0px;
}
#header_right { 
padding:0 0px;
}
#container { 
width:760px;
background-color:#FFFFFF;
margin:0 auto;
border:1px solid #0000CC;
text-align:left;
padding-top: 10px;
padding-bottom:10px;
} 
#left_col {
float:left;
width:140px;
padding:15px 10px 15px 20px;
}
#left_col h2{
color:#FF0000;
}
#left_col h3{
color:#FF0000;
margin-bottom:0px;
}
/* margin-bottom apparently only affects distance from <ul> */
#left_col h4{
color:#FF0000;
margin-bottom:0px;
}
#left_col h5{
color:#FF0000;
margin-bottom:0px;
}
#left_col p{
font-size:87%;
font-weight:bold;
}
#left_col ul{
margin:0;
padding:0;
list-style-type:none;
font-size:87%;
line-height:20px;
font-weight:bold;
}
#main_col { 
margin:0 0 0 170px;
padding:0 20px;
border-left:1px solid #0000CC;
}
.fltrt {
float:right;
margin-left:8px;
}
.fltlft {
float:left;
margin-right:8px;
}
.float_left {
float:left;
margin-right:8px;
}
.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0px;
}
h1 {
color:#000099;
text-align:center;
font-size:210%;
}
h2 {
color:#000099;
font-size:160%;
}
h3 {
color:#000099;
font-style:italic;
font-size:120%;
}
h4 {
color:#000099;
font-size:100%;	
}
h5 {
color:#000099;
font-style:italic;
font-size:85%;	
}
.headtext {	font-size:10px;}
.note { font-size:95%;}
.bluenote {
font-size:95%;
color:#000099;
}
.redsmall {
font-size:10px;
color:#FF0000;
}
.redcolor {color:#FF0000;}
.bluecolor {color:#000099;}
.greencolor {color:#003300;}
.whitecolor {color:#FFFFFF;}