/* Site Colors:
	#1A446C - blue grey
	#689DC1 - light blue
	#D4E6F4 - very light blue
	#EEE4B9 - light tan
	#8D0D19 - burgundy
	#d2d2d2 - light gray  Note: This is the one I used
*/

html {height: 100%; width: 100%;}

body {
	width: 100%; height: 100%;
	margin: 0; padding: 0; border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; line-height: 15px;
	background: #efefef;
}

img {border: none; }
a {color: #923535; }
a:hover {color: #1A446C; }


#header h1 {padding: 1em; margin: 0; }
#main {
	height: 160%; width: 100%;
	margin: 0; padding-top: 75px;
	background: #efefef;
}


/* Navigation */
#navigation {
	float: left;
	width: 150px; height:110%;
	margin: 0; padding: 0 2em;
	color: red; background: #d2d2d2;
}
#navigation a {color: green; 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 */
#page {
	float: left; height: 100%;
	padding-left: 2em; vertical-align: top;
	background: #efefef;
}
#page h2 {color: green; margin-top: 1em;}
#page h3 {color: green; margin-top: 1em;}  

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

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

/* errors */
.error{
	color: red;
	margin: 1em 0; padding: 1em;
}
.error ul {padding-left: 2em; }