/* Site Colors:
 #1A446C - blue grey
 #689DC1 - light blue
 #D4E6F4 - very light blue
 #EEE489 - light tan
 #8D0D19 - burgundy
*/

html { height: 100%; width: 100%;}
body {
	width: 100%;
	height:100%;
	margin 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arias, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	background: #FFFFFF;
	}
	
img {border: none;}
a { color: #8D0D19;}
a:hover { color: #1A446C;}

td {
vertical-align: top;
}

th {
vertical-align: top;
}

#tbd {
color: blue;
font-weight:bold;
}



#hard {
color: red;
font-weight:bold;

}


#header {
	height: 35px;
	margin: 0; 
	padding: 0; 
	text-align: left;
	background: #1A446C; 
	color: #D4E6F4;
	}
	
#header h2{ padding: 0.5em; margin:0;}

#main {
	height: 600px; width: 100%;
	margin: 0; padding: 0; 
	background: #FFFFFF;
	}
	
#footer {
	clear: both;
	height: 2em; margin: 0; padding: 1em; 
	text-align: center;
	background: #1A446C; color: #D4E6F4
	}
		

/* Navigation */
#navigation {
	float: left;
	width: 78px; height: 2800px; 
	margin: 0; padding: 0 2em; 
	background: #FFFFFF; color: #D4E6F4;
	}

#navigation a { color: #D4E6F4; text-decoration: none};
#navigation a:hover {color: #FFFFFF;}
ul.subjects {
	margin: 1em 0; padding-left: 0; list-style: none;
	}
ul.pages { padding-left: 2em; list-style: square; font-weight: normal;}
.selected {font-weight: bold;}

/*Page content*/

#chart_div {
	position: absolute;
	left: 135px;
	top: 250px;
	height: 100%;
	padding-left: 2em; 
	vertical-align: top;
	background: #FFFFFF;
	z-index:1;
	}

#chart_div2 {
	position: absolute;
	left: 135px;
	top: 450px;
	height: 100%;
	padding-left: 2em; 
	vertical-align: top;
	background: #FFFFFF;
	z-index:1;
	}
#chart_div3 {
	position: absolute;
	left: 470px;
	top: 250px;
	height: 100%;
	padding-left: 2em; 
	vertical-align: top;
	background: #FFFFFF;
	z-index:2;
	}


#page {
	position: absolute;
	left: 135px;
	float: left; 
	height: 100%;
	padding-left: 2em; 
	vertical-align: top;
	background: #FFFFFF;
	}
#page h2 { color: #8D0D19; margin-top: 1em;}
#page h3 { color: #8D0D19;}

.view-content{
margin: 1em; padding: 1em; border: 1px solid #999
}

div.message {
border: 2px solid #8D0D19;
color: #8D0D19; font-weight: bold;
margin: 1em 0; padding: 1em;
}

/* errors */
.error {
	color: #8D0D19; border: 2px solid #8D0D19;
	margin: 1em 0; padding: 1em;
}
.error ul { padding-left: 2em;}