/*
// I created this css file on October 29, 2006.  I wanted a more colorful
// and clear website.  The main picture comes from a picture I took of
// a coffee plantation in Costa Rica.

// This template is composed of 6 parts:
//	body - this part contains the background image and all the parts below.
//  page - this part contains the whole boundary of the header, container, nav,
//			content and footer.
//	header - this is the home of the name of the page, the server, and a list of links as a "ul".
//	nav - this contains links within the region.
//	content - this contains the meat of the webpage.
//	footer - this contains the last date updated and the copyright information.
*/

@import url(tables.css);

body {
	font-family: "Lucida Grande", "verdana", sans-serif;
	font-size: 12px;
	background-color: #000000;
	margin-left: 5px;
	margin-top: 0px;
}
p {
}

#page {
	width: 802px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	background-color: #ccffcc;
	height: 25px;
	width: 800px;
	border-bottom: 1px solid #000;
}

#header ul {
	list-style-type: none;
	margin: 2px;
}

#header a {
	text-decoration: none;
	padding: 5px 15px 3px 15px;
}
#header a:link {
	color: #000000;
}
#header a:visited {
	color: #000000;
}
#header a:hover {
	/*color: #449944;*/
	background-color: #66dd77;
	padding: 6px 15px 4px 15px;
}
#header ul.MainTopics {
	float: left;
	padding: 0px;
}
#header ul.Login {
	float: right;
}

#header li {
	float: left;
	margin: 4px 0px 0px 0px;
}

#header li.selected a {
	color: #000000;
	padding-bottom: 0px;
	border-bottom: 4px solid #000;
}

#titlebar {
	background-image: url(titlebar.png);
	height: 78px;
	width: 800px;
}

#nav {
	float:left;
	background-color: #ccffcc;
	height: 30px;
	width: 800px;
	border-bottom: 1px solid #448844;
}

#nav ul {
	list-style-type: none;
}

#nav li {
	float: left;
	margin: 0px 0px 0px 5px;
}
#nav li.selected {
}
#nav li.selected a {
	color: #000000;
	background-color: #ffffff;
	border-bottom: 1px solid #fff;
	border-top:1px solid #448844;
	border-left:1px solid #448844;
	border-right:1px solid #448844;
}
#nav a {
	text-decoration: none;
	color: #226622;
	padding: 5px 15px 3px 15px;
}
#nav a:link {
}
#nav a:visited {
}
#nav a:hover {
	background-color: #66dd77;
}

#content {
	clear:both;
	padding: 1px 10px 10px 10px;
	background-color: #ffffff;
	width: 780px;
	/*width: 600px;*/
}

#footer {
	background-color: #555555;
	width: 800px;
	height: 20px;
	clear:both;
}

#footer p.date{
	margin: 3px 1px 1px 3px;
	float: left;
}
#footer p.copy {
	margin: 3px 3px 1px 1px;
	float: right;
}
#base {
clear:both;
}

#base img {
	margin-top:0px;
	float:none;
	margin-bottom:-11px;
	margin-left:40px;
}
img.home {
	margin-top:-40px;
	padding:0px 50px 20px 50px;
	float:right;
}

#nav2 {
	height: 2.2em;
	width: 800px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #aaddff;
	text-align:center;
}
#nav2 a{
	text-decoration:none;
	color:black;

}
#nav2 li{
	float:left;
}

#nav2 ul ul{
	display:none;
	position:absolute;
	top:1.9em;
	left:-0.1em;
	background-color: #aaddff; /*light blue*/
    font:14px verdana, arial, helvetica, sans-serif;
	list-style-type:none;
	padding: 0px 9px 0px 0px;
	margin: 1px 0px 0px 1px;
	width:7em;
}

#nav2 ul li{
	float:left;
	position:relative;
    font:14px verdana, arial, helvetica, sans-serif;
	padding:5px;
	width:7em;
	list-style-type:none;
	margin: -12px 0px 0px 1px;
}

#nav2 ul li ul li{
	margin: 0px 0px 0px 0px;
}

#nav2 li:hover {
	background-color: #88aaee; /*darkblue*/
	margin-left:0px;
	margin-right:0px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	width:6.9em;
}

#nav2 li:hover ul {
	display:block;
}

#nav2 li:hover ul li {
	margin-top:-1px;
	margin-left:-1px;
	width:6.9em;
	border: 1px solid #000;
}

.notgraded {
	color: #227722;
}
.extracredit {
	color: #992222;
}

#donate {
	margin-top:-10px;
	text-align:right;
}

/****************************************
Here are the styles for the grades lists
*****************************************/

#grades {
	font:18px verdana, arial, helvetica, sans-serif;
	padding:0px;
	margin:0px;
	margin-left: -5px;
	font-size:20px;
}

#grades li {
	font:18px verdana, arial, helvetica, sans-serif;
	float:left;
	list-style:none;
	text-align:center;
	width: 150px;

	margin:5px;
	padding:10px;
}

#grades li ul {
	text-align:center;
	font-size:14px;
	padding:0px;
	margin:0px 0px 0px 0px;
}
#grades li ul li{
	font-size:14px;
	float:left;
	padding:5px;
	width:130px;
	background-color:#888888;

}

#grades li ul li ul li {
	padding:0px;
	margin:5px 10px 0px 0px;
	font-size:13px;
	background-color:#ffffff;
}

/****************************************
I want these two id's to change the
background of the li's labeled "labs"
and "tests", but the #grades li ul li
trumps them.  Even if I take out the
background color in #grades li ul li,
the background-color of #grades li now
trumps the background-colors of labs and
tests.
*****************************************/

#Lab {
	background-color:#226644 !important;
}

#Test {
	background-color:#223366 !important;
}

#WisdomBook {
	background-color:#227777 !important;
}

#Classwork {
	background-color:#553366 !important;
}

#Project {
	background-color:#88bb44 !important;
}

#Quiz {
	background-color:#224499 !important;
}

#DoNow {
	background-color:#994433 !important;
}

#total {
	background-color:#cc4433 !important;
}

#behavior {
	font:18px verdana, arial, helvetica, sans-serif;
	padding:0px;
	margin:0px;
	margin-left: -5px;
	font-size:20px;
}

#behavior li {
	font:18px verdana, arial, helvetica, sans-serif;
	float:left;
	list-style:none;
	text-align:center;
	width: 420px;
	margin:10px;
	padding:10px;
}

#behavior li ul {
	text-align:center;
	font-size:14px;
	padding:0px;
	margin:0px 0px 0px 0px;
}
#behavior li ul li{
	font-size:14px;
	float:left;
	padding:5px;
	width:390px;
	background-color:#ffffff;
}

#behavior li ul li ul li {
	padding:0px;
	margin:5px 10px 0px 0px;
	font-size:13px;
}

#bad {
	background-color:#227777 !important;
}

#good {
	background-color:#442255 !important;
}

/* Wordpress stuff */

#menu {
	background: #fff;
	border-left: 1px dotted #ccc;
	border-top: 3px solid #e0e6e0;
	padding: 20px 0 10px 30px;
	position: floating;
	right: 2px;
	top: 30;
	width: 11em;
}

#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #ccc;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}

#menu ul li {
	font: italic normal 110% 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #000;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}