/* Created by Max Beatty 

Background Green: #9dbcb6
Lighter Green: #e6f3f0
Light Grey: #ededed
Dark Grey: #2b2b2b

*/

body {
	margin: 0; padding: 0;
	background: #9dbcb6;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 12pt;
	color: #222;
}

a:link,a:visited {color: #2b2b2b; text-decoration: underline; text-shadow: rgba(0, 0, 0, 0.01) 0 0 0;}

a:hover,a:focus {color: #e6f3f0; text-decoration:none;}



h1,h3,h4,h5,h6,span.highlight { font-weight: 200; color: #ededed; text-shadow: none;}

h1 { text-align: center; font-size: 30pt; font-weight: 100; letter-spacing: 4pt;}

h3 {
	font-size: 14pt;
	line-height: 1.5em; 
	border-bottom: 2px solid #e6f3f0;}

h4 {font-size: 13pt; line-height: 1em; margin: 0;}
h4.center { text-align: center; margin: -1em 0 1em 0; }

h5 {font-size: 13pt; line-height: 1em; margin: 0; text-decoration: underline}


/************************************************************************
	Structure
************************************************************************/

#sidebar {
	position: absolute;
	top: 40px; left: 45px;
	width: 350px; 
	min-height: 600px;
	height: 100%;
	background: transparent url('../images/mmslogo_large.jpg') top left no-repeat;
}

#sidebar.js { position: fixed; height: inherit }

#col, #col-index {
	margin-right: 136px;
	padding: 35px 0 0 60px;
	font-size: 11pt;
	font-weight: 400;
	color: #2b2b2b;
	text-align: justify;
}

#col-wide {
	position: absolute;
	top: 1px;
	left: 424px;
	width: 550px;
}

#col {
	position: absolute;
	top: 50px;
	left: 500px;
	width: 440px;
	background: #9dbcb6 url(../images/corner-flower.jpg) no-repeat top left;
	text-align: left;
}

#quote {
	position: fixed;
	bottom: 0; left: 0;
	z-index: -100;
	height: 240px; width: 340px;
}

#col img.bottom {float: left; padding: 0 10px;}
#col img.bio {float: right; border: 1px solid #999; background-color: #e6f3f0; padding: 4px; margin: 10px;}

#show {
	display: block;
    margin: auto;
    border: 2px solid #e6f3f0;
    width: 435px;
    height: 335px;
}

/************************************************************************
	Navigation
************************************************************************/

ul#nav {
	position: relative;
	top: 120px; left: 160px;
	width: 250px;
	margin: auto;
	list-style: none;
	padding: 0;
}

ul#nav.flowery {
	background: transparent url(../images/small-flower.jpg) no-repeat bottom left;
	padding: 0 0 75px 10px;
}

ul#nav li {padding-left: 10px;}
ul#nav.flowery li {border-left: 2px solid #e6f3f0;}

ul#nav ul {
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
	list-style: none;
}

ul#nav ul li {border-left: 2px solid #e6f3f0;}

ul#nav ul li.active {background: transparent url(../images/line.gif) repeat-x top right;}
ul#nav ul li.active a {color: #ededed;background: #9dbcb6; padding: 0 10px; margin-left: -10px;}

/************************************************************************
	Schedule Tables
************************************************************************/

table {
	margin: 10px 0 0;
	background: #ededed;
	text-align: center;
	border: 3px solid #ededed;
}

thead tr th {font-weight: 100;}

tfoot tr td {font-size: 24pt; font-weight: 100; text-align: left; padding-left: 1em;}

tbody tr td { 
	height: 10px; 
	vertical-align: center; 
	padding: 0 3px; 
	border: 3px solid #ededed;
}

tbody tr:nth-child(odd) td:nth-child(even) {background-color: #d4aea5;}
tbody tr:nth-child(odd) td:nth-child(odd) {background-color: #b09288;}
tbody tr:nth-child(even) td:nth-child(even) {background-color: #9f92a6;}
tbody tr:nth-child(even) td:nth-child(odd) {background-color: #b6adbe;}

td.am, td.pm {
	padding: 0; margin: 0;
	vertical-align: bottom;
	background: #ededed; color: #ededed;
}

td.am {background: url(../images/AM.png) no-repeat center left}
td.pm {background: url(../images/PM.png) no-repeat center left}

dl { font-size: 10pt; font-weight: 300;}
dt {white-space: nowrap;}
dd {margin: 0; padding-bottom: 1em;}