/* ************************* *
 * Basic HTML
 * ************************* */
html {
	height: 100%;
	margin-bottom: 1px;
	/* Always have right scroll bar so main div doesn't jump around */
}

.main {
	width: 644px;
}

.header {
	width: 644px;
	float: left;
	margin: 0 0 0 0;
}

.logo {
	width: 360px;
	float: left;
	margin: 0 0 0 0;
}

.tagline {
	clear: both;
	width: 644px;
}

/* unused..? */
.rightFill {
	width: 175px;
	float: left;
	margin: 0 0 0 0;
}

/* ************************* *
 * Menu code
 * ************************* */
.menu {
	width: 110px;
	float: left;
	text-align: right;
	font-family: Arial;
	font-size: 16px;
	/* font-weight: bold; */
	margin-right: 5px;
	margin-left: 0px;
}

.menu p {
	margin-top: 0px;
	margin-bottom: 6px;
}

.menu A:link {text-decoration: none}
.menu A:visited {text-decoration: none}
.menu A:active {text-decoration: none}
.menu A:hover {text-decoration: underline;}

.bar {
	clear: both;
	margin-top: 0px;
	margin-bottom: 15px;
	height: 10;
	background-color: #180588;
	background-image: url(/Pics/Bar.jpg);
}

/* ************************* *
 * Body
 * ************************* */
.content {
	/* clear: both; */
	float: left;
	margin-left: 15px;
	width: 514px;
	margin-top: 0px;
	text-align: left;
}

.home {
	font-family: Arial, Bookman, Florence, Parkavenue;
	font-size: 18px;
	/* font-weight: bold; */
	text-align: center;
}
.home p {
	margin-top: 7px;
	margin-bottom: 7px;
}

.footer {
	clear: both;
	text-align: center;
}


/* ************************* *
 * Schedule/ToDo
 * ************************* */
#strike {
	color:red;
	text-decoration: line-through;
}

tr.done {
	text-decoration: line-through;
	color: red;
}

td.schedule {
	vertical-align: top;
}

td.date {
  /* border-bottom: 2px show #eee; */
	padding-top: 40px;
	font-weight: bold;
	/* font-family: brushstroke,blippo,fantasy; */
	font-family: Arial;
}

td.when {
	width: 80px;
	vertical-align: top;
}

td.class {
	width: 215px;
	vertical-align: top;
}

td.class {
	vertical-align: top;
}

.classname {
	font-style: italic;
	font-size: 15px;
}

.teachername {
	font-size: 12px;
}

.level {
	font-size: 11px;
}

td.price {
	width: 35px;
	vertical-align: top;
}

td.subwhen {
	width: 100px;
	padding-left: 20px;
	font-size: 11px;
	vertical-align: bottom;
	font-style: italic;
}

td.what {
	vertical-align: top;
	font-weight: bold;
	width: 100px;
}

td.subwhat {
	font-style: italic;
	vertical-align: bottom;
	width: 100px;
}

td.where {
	/* visibility: hidden; */
	vertical-align: top;
}

td.em {
	font-family: monospace;
	/* font-style: italic; */
}

/* ************************* *
 * Teachers, DJs, etc..
 * ************************* */
.person {
	clear: both;
	font-size: 12px;
	/* font-family: Serif; */
}

.person h1 {
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
}
.person h2 {
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
}

/* ************************* *
 * Registration
 * ************************* */
.formTable {
	width: 500px;
}

.req {
	vertical-align: top;
	color: #f99;
}

.key {
	font-weight: bold;
	width: 80px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

.in {
	vertical-align: top;
}

.error {
	font-size: 120%;
	font-weight: bold;
	color: #f33;
}

.footer {
	clear: both;
}