/*
 Northwoods Montessori color scheme:
 red: 	 #44221e
 blue: 	 #364a67
 yellow: #f4edc2
*/

html {
	font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 160%;
	color: #111;
	background-image: url(/images/background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

body {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 32px;
}

h1 {
	color: #364a67;
	font-size: 150%;
}

h2 {
	color: #44221e;
	font-size: 120%;
}

hr {
	border: 0px whitesmoke solid;
	border-top-width: 1px;
	clear: both;
}

a:link, a:visited {
	color: #44221e;
	border-bottom: 1px #44221e dotted;
	text-decoration: none;
}

a:hover {
	color: white;
	background-color: #44221e;
	text-decoration: none;
}

blockquote {
	background-color: ghostwhite;
	padding: 14px;
	border: #f4edc2 1px solid;
	border-left-width: 3px;
	text-align: center;
}

table {
	border-spacing: 0px 0px;
	border-collapse: collapse;
}

label {
	font-weight: bold;
	font-size: 90%;
	display: block;
}

div.fieldWithErrors input {
	background-color: #f4edc2;
}

.light-text {
	color: #7F7F7F;
	font-size: 90%;
}

div#footer {
	clear: both;
	margin-top: 45px;
	margin-bottom: 15px;
}

div#footer table {
	font-size: 90%;
}

div.navbar {
	background-color: #44221e;
	margin-left: -14px;
	margin-right: -16px;
	text-align: center;
}

div.navbar a:link, div.navbar a:visited {
	color: white;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 13px;
	padding-right: 13px;
}

div.navbar a:hover {
	color: #f4edc2;
	text-decoration: underline;
}

img#banner {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: -14px;
	margin-right: -16px;
}

p#notice, p#errors {
	background-color: #f4edc2;
	margin-left: -14px;
	margin-right: -16px;
	text-align: center;
	font-weight: bold;
	padding: 3px;
	margin-top: -10px;
	margin-bottom: 15px;
}

img.box {
	border: 1px #364a67 solid;
	padding: 3px;
	background-color: white;
}

img.right {
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
}

img.left {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-top: 30px;
}

img.top {
	margin-top: 10px;
}

table#events-list { width: 100%; }
table#events-list td {
	text-align: left;
	padding: 5px;
	font-size: 90%;
}

table#events-list td.event-name strong {
	background-color: #FDF8E0;
}

table#events-list tr.odd td {
	background-color: ghostwhite;
}

table#events-list td.event-date {
	width: 30%;
}

table#events-list td.event-controls {
	text-align: right;
}

table#tuition-schedule { width: 100%; }
table#tuition-schedule th, table#tuition-schedule td {
	text-align: left;
	padding: 5px;
}

tr.title {  }

tr.title th.name {
	color: #44221e;
	font-size: 120%;
}

tr.program { background-color: #f4edc2; }
tr.plan { font-size: 90%; }

th.base, td.base, th.monthly, td.monthly, th.yearly, td.yearly { width: 18%; }
th.name, td.name				{  }
th.base, td.base				{  }
th.monthly, td.monthly	{  }
th.yearly, td.yearly		{ }

div#nav {
	padding: 7px;
	background-color: #FAFAFA;
	width: 214px;
	margin-top: -10px;
	margin-left: -14px;
	margin-bottom: 5px;
	float: left;
}

div#nav a:link, div#nav a:visited {
	padding: 7px;
	display: block;
	font-size: 90%;
	font-weight: bold;
	border: none;
	text-decoration: none;
}

div#nav a:hover {
	text-decoration: underline;
	background-color: #FAFAFA;
	color: #44221e;
}

div.content {
	margin-left: 242px;
}

form p.left {
	display: inline-block;
	float: left;
	margin-right: 14px;
}

form p.right {
	display: inline-block;
}

textarea {
	width: 100%;
	height: 150px;
}