/******************* general ******************/
table {
	width:	auto;
}


/******************* container ******************/
.container {
	margin-top:	5px;
}

/******************* titleBar ********************/
div#titleBar { /* total width = 950px */
	width:			930px;
	padding-left:	10px;
	padding-right:	10px;
	padding-top:	20px;
	padding-bottom:	10px;
}

div#titleBar h1 {
}

/********** welcome ************/
#welcome {
	text-align:	center;
	padding-left:	10px;
	padding-right:	10px;
	padding-top:	30px;
	padding-bottom:	10px;
}

/*********** navigation *************/
#navigation { /* total width = 150px */
	width:			140px;
	padding:		15px 0 0 10px;
}

#navigation h3 {
	margin:			0;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#navigation ul ul {
	margin:			.4em 0 1.5em 1em;
}

/********** content ************/
#content { /* total width = 800px */
	width:			750px;
	padding-left:	20px;
	padding-right:	20px;
	padding-top:	10px;
	min-height:		45em;
}

/******************* pageTitle *******************/
h2#pageTitle {
	margin-bottom: 0;
}


/*********** currentTask *************/
#currentTask { /* total width = 150px */
	background:		#DDD;
}

/*********** subTasks ************
*
* Child of span-24 last background-6
*/
#subTasks { /* total width = 150px */
	padding:		0 0 0 3em;
}

#subTasks h3 {
	margin:			0;
}

#subTasks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

/******************* calendar *******************/
table#calendar {
	width: auto;
}

table#calendar th {
	text-align: 	center;
}

table#calendar td {
	width: 			10em;
	border:			thin dotted gray;
	padding:		5px;
	text-align: 	center;
}

table#clientcalendar {
	width: auto;
}

table#clientcalendar th {
	text-align: 	center;
}

table#clientcalendar td {
	width: 			10em;
	border:			thin dotted gray;
	padding:		5px;
	text-align: 	center;
	height: 		3em;
}

/******************* homework *******************/
table#homework {
	width: auto;
}

table#homework th {
	text-align: 	center;
}

table#homework td {
	border:			thin dotted gray;
	padding:		5px;
	text-align: 	center;
}

/******************* colors ******************
*
* The higher, the lighter
*/
.color-0 { color: #000; }
.color-1 { color: #111; }
.color-2 { color: #222; }
.color-3 { color: #333; }
.color-4 { color: #444; }
.color-5 { color: #555; }
.color-6 { color: #666; }
.color-7 { color: #777; }
.color-8 { color: #888; }
.color-9 { color: #999; }
.color-A { color: #AAA; }
.color-B { color: #BBB; }
.color-C { color: #CCC; }
.color-D { color: #DDD; }
.color-E { color: #EEE; }
.color-E { color: #FFF; }

.background-0 { background: #000; }
.background-1 { background: #111; }
.background-2 { background: #222; }
.background-3 { background: #333; }
.background-4 { background: #444; }
.background-5 { background: #555; }
.background-6 { background: #666; }
.background-7 { background: #777; }
.background-8 { background: #888; }
.background-9 { background: #999; }
.background-A { background: #AAA; }
.background-B { background: #BBB; }
.background-C { background: #CCC; }
.background-D { background: #DDD; }
.background-E { background: #EEE; }
.background-F { background: #FFF; }

/******************* miscellaneous *******************/
.noDisplay { display: none; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }