body
{
	margin:0;
	padding:0;
	background:#bbb;
        background-image:url("/images/bg5.gif");
        background-repeat:no-repeat;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a { color: #24b; }

p
{
	padding:0.1em;
	margin:0;
}

h1,h2,h3,h4,h5,h6
{
	font-family:Helvetica, Arial, Verdana, sans-serif;
}

h1
{	
	font-size:1.4em;
	margin-top:0;
	margin-bottom:0;
}

h2
{
	font-size:1.2em;
}
	
h3,h4
{
        margin-top:0.5em;
	margin-bottom:0.5em;
}

/* ------------------------ main container ------------------------ */

#container
{
	width:92%;
	margin:0 auto;
	min-width:760px;
}

/* ------------------------ content ------------------------------- */

#content
{
	margin:1em 0;
	width:70%;
	background:#f7f7f7;
	padding:25px;
	border:5px solid #a3a39f;
	border-width:0 5px 5px 0;
	float:left;
	min-width:425px;
	min-height:165px;
}

/* ------------------------ homework items ------------------------ */

.homework
{
	border-bottom:1px solid #bbb;
	padding-top:1em;
}

.hw_col1
{ 	
	float:left;
	width:85%;
	text-align:left;
	padding-top:1em;
}

.hw_col2
{ 	
	float:right;
	text-align:left;
	font-size:0.8em;
	padding-top:1.4em;
}

.done { color:#ccc; }

.notdone { color:black; }

.overdue { color:red; }

.hw_name
{
	font-size:1.3em;
	font-weight:bold;
}

.hw_details
{
	padding-left:30px;
}

.hw_due { font-weight:bold; }

/* ------------------------ comments ------------------------------ */

.comment
{
	border-bottom:1px solid #bbb;
	margin-top:1em;
}

.c_col1
{ 	
	float:left;
	width:85%;
	text-align:left;
	padding-top:1em;
}

.c_col2
{ 	
	float:right;
	text-align:left;
	font-size:0.8em;
	padding-top:1.4em;
}

.c_text
{
	padding-left:30px;
}

.c_created
{
	font-size:0.7em;
	padding-left:30px;
}

/* ------------------------ schools ------------------------------- */

.s_name
{
        font-size:1.2em;
        font-weight:bold;
}

/* ------------------------ courses ------------------------------- */

.course_name
{
        font-size:1.2em;
        font-weight:bold;
}

/* ------------------------ right --------------------------------- */

#right
{
	margin-top:1em;
	float:left;
	width:19%;
	margin-left:1.25em;
	margin-left:3%;
	margin-right:0;
}

/* --------------------- announcement ----------------------------- */

#announcement
{
	border:3px solid #586;
        background:#fff;
        color:#1a1a1a;
        padding:10px;
        margin-bottom:1em;
}

/* ------------------------ header -------------------------------- */

#header
{
	padding:15px 20px;
}

#header a,
#header img
{
	border: none;
}

#header ul#nav
{
	float:right;
	list-style-type:none;
	margin:0;
	margin-top:0.4em;
}

#header ul#nav li
{
	color:#586;
	font-size:0.7em;
	margin-right:2em;
	margin-bottom:0.4em;
}

#header ul#nav li a
{
	color:#586;
}

/* ------------------------ footer -------------------------------- */

#footer
{
	margin:0 auto;
	margin-bottom:1em;
	font-size:0.75em;
	margin-left:3%;
	width:67%;
	min-width:545px;
	padding:0px 15px;
	margin-bottom:3.5em;
}

#footer p { margin:0; }

#footer p.slogan
{
	float:left;
	color:#586;
}

#footer p.credit
{
	float:right;
	text-align:right;
}

/* ------------------------ home page ----------------------------- */

#signup_image img
{
        padding:0.2em 0.1em 0.1em 2em;
        border:none;
}

#still_tracking h1
{
        text-align:center;
        font-size:3em;
}

#explanation
{
        padding:0.5em 2em;
}

#explanation h1
{
        font-size:2em;
}

#forgot
{
        font-size:0.7em;
}

/* ------------------------ flash/error --------------------------- */

p.notice
{
	background:#df9;
	padding:7px 15px;
	border:1px solid #bd7;
	margin-top:0;
	margin-bottom:1em;
	font-size:0.8em;
}

p.error
{
        background:#c00;
        color:white;
}

#error, #errorExplanation
{
	width: 30em;
	padding: 0 1.6em;
	margin: 1em auto 0 auto;
	background:#99ddbb;
	border: 1px solid #ccc;
	border-right-color: #999;
	border-bottom-color: #999;
}

/* ------------------------ form ---------------------------------- */

form
{
        margin-bottom:0;
        font-size:1em;
}

input, select, textarea
{
        margin-bottom:0.5em;
	background:#f7f7f7;
}