.label{
width: 100px;
float: left;
}

.form{
width: 300px;
float: left;
}

.loginlabel{
padding-right: 10px;
float: left;
font-weight: bold;
font-size: 10pt;
width: 75px;
}

.loginform
{
flor: left;
}

.submit input{
background-color: #ccccff;
display: inline;
}

#loginheader{
padding: 2px;
margin-top: 20px;
width: 266px;
background-color: #ccccff;
font-weight: bold;
font-size: 10pt;
}

#login{
width: 250px;
padding: 10px;
background-color: #aaaaff;
}

#teacherheader{
font-family: Arial;
font-weight: bold;
font-size: 14pt;
margin-bottom: 10px;
}

.entry{
border-bottom: #aaaacc;
border-bottom-style: solid;
border-bottom-width: 2px;
margin-bottom: 15px;
}

.entryheader{
font-weight: bold;
margin-bottom: 5px;
}

.entrybody{
margin-bottom: 5px;
}

.entrydate{
font-style: italic;
font-size: 10pt;
margin-left: 265px;
}

.teachers{
margin-bottom: 5px;
width: 150px;
float: left;
}

.teachers a{
color: blue;
}

.teachers a:hover{
color: orange;
}

.grades{
color: black;
}

.grades a{
color: blue;
}

.grades a:hover{
color: orange;
}

.teachers_empty{
margin-bottom: 5px;
width: 150px;
float: left;
color: #bbb;
}

.grade{
text-align: left;
width: 150px;
text-decoration: none;
margin-bottom: 5px;
float: left;
color: blue;
}

.grade a{
color: blue;
}


.pic
{
float: right;
background: url('../../images/cafe.jpg');
height: 158px;
width: 200px;
margin-right: 35px;
margin-top: 0px;
border: 5px solid #444444;
}