/* CSS Document */
body 
{
	background: #ff3030;
}
h4
{
color: #DC143C;
}
/* menus */

.menu {
width: 26em;
height: 15em;
padding: 0 2em;
text-align: center;
color: #FFFFFF;
font-size: 1em;
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu li {
  padding: 0;
  clear: left;
}

.menu li a {
  /*display: block;*/
}

#studentmenu {
float: left;
}

#teachermenu {
float: right;
}

/* Other elements */


.note {
margin: 0em 0.5em;
border: 1px solid #ff0000;
background-color: #dddddd;
padding: 0.8em;
line-height: 1.2em;
}

.note h3 {
text-align: center;
}

.textshow {
font-size: 0.8em;
width: 30em;
margin: 0.2em 2em 0 2em;
padding: 0 0 0.1em 0 !important;
text-align: left;
clear: both;
}

.show a:link, .show a:visited {
}

#textabout {
font-size: 0.8em;
width: 30em;
color: black;
padding: 0;
background-color: #dddddd;
border: 0.1em solid #555555;
}


/* Links */

A:link {text-decoration: none; color: #444444; }
A:visited {text-decoration: none; color: #444444;}
A:active {text-decoration: none; color: #444444;}
A:hover {text-decoration: none;  color: #FFFFFF;}

.content A:link {text-decoration: none; color: #444444; }
.content A:visited {text-decoration: none; color: #444444;}
.content A:active {text-decoration: none; color: #444444;}
.content A:hover {text-decoration: underline; background: #444444; color: #FFFFFF;}

.show A:link {text-decoration: none; color: #FFFFFF; }
.show A:visited {text-decoration: none; color: #FFFFFF;}
.show A:active {text-decoration: none; color: #FFFFFF;}
.show A:hover {text-decoration: none; background: #444444; color: #FFFFFF;}

.about A:link {text-decoration: none; color: #444444; }
.about A:visited {text-decoration: none; color: #444444;}
.about A:active {text-decoration: none; color: #444444;}
.about A:hover {text-decoration: none; background: #444444; color: #FFFFFF;}

.student A:link {text-decoration: none; color: #444444; }
.student A:visited {text-decoration: none; color: #444444;}
.student A:active {text-decoration: none; color: #444444;}
.student A:hover {text-decoration: none; background: #ff3030; color: #FFFFFF;}

.other A:link {text-decoration: none; color: #444444; }
.other A:visited {text-decoration: none; color: #444444;}
.other A:active {text-decoration: none; color: #444444;}
.other A:hover {text-decoration: none; background: #1E90FF; color: #FFFFFF;}

.teacher A:link {text-decoration: none; color: #444444;}
.teacher A:visited {text-decoration: none; color: #444444;}
.teacher A:active {text-decoration: none; color: #444444;}
.teacher A:hover {text-decoration: none; background: #66CD00; color: #FFFFFF;}

/* outer rounded rectangle */

.rounded {
width: 50em;
margin: 0.2em auto;
position: relative;
border: 4px solid #555555;
background: #AAAAAA;
}

.content {
padding: 1em 1.5em 2em 1.5em;
margin: 0 0 0 12em;
}

.corner {
  position: absolute;
  height: 15px;
  width: 15px;
  background: top left no-repeat;
  font-size: 0px;
  margin: -4px;
}

.bottom {
  background-color: red !important;
}
#cornerTL {
left: 0;
top: 0;
background-image: url(../images/student/tl.gif);
}
#cornerTR.corner {
right: 0;
top: 0;
background-image: url(../images/student/tr.gif);
}
#cornerBR {
bottom: 0;
right: 0;
background: url(../images/student/br.gif) bottom right no-repeat;
}
#cornerBL {
bottom: 0;
left: 0;
background: url(../images/student/bl.gif) bottom left no-repeat;
}