/* CSS Document */
body 
{
	background: #1E90FF;
}
#oldsitebanner {
padding: 0.8em 0 0.8em 0;
width: 100%;
font-size: 1.5em;
background-color: #ff0000;
color: #000000;
text-align: center;
}
h4
{
color: #165797;
}
.student {
color: #ff3030;
}
.teacher {
color: #66CD00;
}

.student strong {
color:#333333;
}
/* menus */

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

.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;
}

#highlights {
width: 30em;
margin: 0.2em 2em 1em 15em;
background-color: #dddddd;
border: 1px solid #444444;
padding: 0.3em;
text-align:center;
}

.note {
margin: 0.5em;
border: 1px solid #ff0000;
background-color: #dddddd;
padding: 0.2em;
}

#countdown {
font-size: 1.2em;
text-align: center;
padding-top: 0.5em;
clear: both;
}

.highlights2 {
width: 10em;
margin: 0.5em 2.3em 0.5em 2.3em;
background-color: #dddddd;
border: 1px solid #FF0000;
padding: 0.2em;
text-align:center;
}

.urgent {
width: 13em;
margin: 0.5em 0.2em 0.5em 0.2em;
background-color: #fff333;
border: 1px solid #FF0000;
padding: 0.2em;
text-align:center;
}

.updates {
color: #dddddd;
font-size: 0.65em;
}

#maintabtext {
width: 18em;
float:left;
}

#maintablinks {
width: 12em;
margin: 0 0 0 19em;
}
/* Other elements */

.search {
margin: 1em 0.5em 0 0.5em;
}

.search h2 {
font-size: 0.8em;
font-style: none;
color: #333333;
}

#ducksayings {
width: 44em;
padding: 0.2em 0 0.1em 0;
height: 1.7em;
margin: 1em 3em 0.5em 3em;
background: #BBBBBB;
border: 0.1em #999999 ridge;
text-align: center;
}

.show {
width: 19em;
margin: 0.2em 2em 0 2em;
padding: 0 0 0.1em 0 !important;
text-align: center;
background-color: #555555;
color: #000000;
clear: both;
}

.show a:link, .show a:visited {
  display: block;
}

#about {
width: 18.8em;
color: black;
padding: 0;
display: block;
background-color: yellow;
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: #666666; }
.content A:visited {text-decoration: none; color: #666666;}
.content A:active {text-decoration: none; color: #666666;}
.content A:hover {text-decoration: underline; background: #444444; color: #FFFFFF;}

.content-index A:link {text-decoration: none; color: #666666; }
.content-index A:visited {text-decoration: none; color: #666666;}
.content-index A:active {text-decoration: none; color: #666666;}
.content-index 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;}

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

.search A:link {text-decoration: underline; color: #0000ff;}
.search A:visited {text-decoration: underline; color: #0000ff;}
.search A:active {text-decoration: underline; color: #0000ff;}
.search A:hover {text-decoration: none; color: #FFFFFF;}

.maincontent A:link {text-decoration: underline; color: #333333;}
.maincontent A:visited {text-decoration: underline; color: #333333;}
.maincontent A:active {text-decoration: underline; color: #333333;}
.maincontent A:hover {text-decoration: none; color: #FFFFFF;}

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

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

.imglink A:hover {text-decoration: underline; color: #FFFFFF; background: #777777;}
/* outer rounded rectangle */

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


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

.content-index {
padding: 0.5em 0.5em 1em 1.5em;
margin: 0 0 0 12.5em;
}


.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/main/tl.gif);
}
#cornerTR.corner {
right: 0;
top: 0;
background-image: url(../images/main/tr.gif);
}
#cornerBR {
bottom: 0;
right: 0;
background: url(../images/main/br.gif) bottom right no-repeat;
}
#cornerBL {
bottom: 0;
left: 0;
background: url(../images/main/bl.gif) bottom left no-repeat;
}




/* Index page highlights layout */

.boxheader {
width:15em;
height: 1.5em;
background: #555555;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid #FFFFFF;
text-align: center;
}

.boxcontent {
padding: 0.5em 0.5em 0.2em 0.5em;
}

.boxcontent h6 {
0.4em;
}
/* blue box */

.studentzonebox {
width: 16em;
height: 11em;
margin: 2em 0.4em 0.4em 0.4em;
color: #dddddd;
/*position: relative;*/
float: left;
border: 3px solid #555555;
background: #777777;
}

/* red box*/

.ucczonebox {
width: 16em;
height: 11em;
margin: 2em 0.4em 0.4em 0.4em;
color: #dddddd;
/*position: relative;*/
float: left;
border: 3px solid #555555;
background: #777777;
}


/* green box*/

.teacherzonebox {
width: 16em;
height: 11em;
margin: 0.4em 0.4em 0.2em 0.4em;
color: #dddddd;
/*position: relative;*/
float: left;
border: 3px solid #555555;
background: #777777;
}

/* update box*/

.updateroundedbox {
width: 16em;
height: 11em;
margin: 0.4em 0.4em 0.2em 0.4em;
color: #dddddd;
/*position: relative;*/
float: left;
border: 3px solid #555555;
background: #777777;
}

#indexcontent {
width: 60%;
float: left;
}

#indexgame {
float: right;
width: 40%;
}