* {
	cursor: default;
}
body {
	color: #333;
	background: #fff;
	font-family: Georgia, Times, serif;
	font-size: 13px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}

a:link, a:active, a:visited {
	color: #c00;
	cursor: hand;
	cursor: pointer;
}

img {
	border: 0px;
}

a *, area {
	cursor: hand;
	cursor: pointer;
}

th, td {
	text-align: left;
	vertical-align: top;
}
tr .padded {
	padding-right: 10px;
}

#header {
}

#tools-container, #menu-container, #content-container, #footer-container {
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	clear: both;
}

#tools-container {
	background-color: #333;
}

#tools {
	font-size: 11px;
	padding: 0;
	margin: 0 auto;
	text-align: right;
	width: 870px;
}

#tools li {
	display: inline;
	margin: 2px 6px;
}

#tools li, #tools a:link, #tools a:active, #tools a:visited {
	color: white;
	text-decoration: none;
}

#tools a:hover {
	text-decoration: underline;
}

#tools #searchbox {
	border: 1px solid white;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	margin: 4px 0;
	width: 150px;
}

#menu {
	text-align: right;
	width: 870px;
	padding: 0;
	margin: 0 auto;
}

#menu-item {
	vertical-align: top;
	text-align: center;
}

#menu a {
	color: white;
	display: block;
	font-size: 1px;
}

#menu-item-home {
	background: url(../img/menu-item-home.png) no-repeat;
	height: 69px;
	width: 113px;
}
#menu-item-play {
	background: url(../img/menu-item-play.png) no-repeat;
	height: 69px;
	width: 132px;
}
#menu-item-association {
	background: url(../img/menu-item-association.png) no-repeat;
	height: 69px;
	width: 107px;
}
#menu-item-archive {
	background: url(../img/menu-item-archive.png) no-repeat;
	height: 69px;
	width: 130px;
}
#menu-item-guestbook {
	background: url(../img/menu-item-guestbook.png) no-repeat;
	height: 69px;
	width: 130px;
}

#logo-container {
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

#title-container, #title-container-small {
	/* background: #c00 url(../img/headerbar.png) repeat-x; */
	background: #900 url(../img/title-mtt.png) repeat-x center top;
	height: 200px;
	text-align: center;
}
#title-container-small {
	height: 40px;
}
#title {
	width: 870px;
	height: 200px;
	position: relative;
	margin: 0 auto;
}
#m {
	background: url(../img/m.png) no-repeat;
	width: 140px;
	height: 200px;
	top: 0px;
	left: -110px;
	position: absolute;
}

/*
#title-container-highlight {
	background: url(../img/headerbar-highlight.png) no-repeat;
	height: 200px;
	width: 1270px;
	margin: 0 auto;
	padding-left: 0;
}
*/

#logo {
	background: url(../img/logo.png) no-repeat;
	color: transparent;
	display: block;
	height: 44px;
	line-height: 44px;
	width: 192px;
}

#content-wrapper {
	width: 870px;
	margin: 0 auto;
}
#content {
	/* margin: 40px 20px 0; */
	width: 870px;
	margin: 0 auto;
	/*background: transparent;*/
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}
h1.title
{
	font-family: 'Vollkorn', arial, serif;
	font-size: 34px;
	line-height: 34px;
}
h2.title
{
	font-family: 'Vollkorn', arial, serif;
	font-size: 22px;
	line-height: 22px;
}
h1, h2 {
	margin: 0 120px 5px 230px;
	padding: 5px 0;
	font-weight: normal;
}
h1 span, h2 span {
	display: none;
	visibility: hidden;
}
h3 {
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

h1 { font-size: 20px; }
h2 { font-size: 16px; }

h2.cast, h2.team { margin: 0 0 5px 230px; text-align: center; letter-spacing: 0.5em; width:650px; }
table.cast, table.team { width: 430px; }
.cast td, .team td { padding: 0 5px; }

p, ul { margin: 0 230px 20px 230px; }
table { margin: 0 100px 20px 100px; }

.gallery h1, .gallery h2 { margin: 0; text-align: center; }
.fullwidth h1, .fullwidth h2 { margin: 0 0 5px 100px; }
.fullwidth p { margin: 0 0 20px 100px; }
.pic h2 { margin-left: 0; }

#footer {
	width: 870px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

code {
	color: #08c;
	font-family: Monaco, Consolas, "Andale Mono", "Courier New", monospace;
	font-size: 11px;
}

/*	I M A G E S  and  C A P T I O N S */

.pic, .pic img {
	border: 0;
}
.pic p, .caption {
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	margin: 4px 0 10px;
}

/* P L A C E M E N T */
.left { float: left; margin-right: 20px; }
.right { float: right; margin-left: 20px; }
.right.inset { margin: 0 230px 0 20px; } /* img floated right within text */
.left.inset { margin-left: 230px; } /* img floated left within text */

.fullwidth .left { margin-right: 0; }
.fullwidth .right { margin-left: 0; }

/* S I Z E */
.one   { width: 100px; }
.two   { width: 210px; }
.three { width: 320px; }
.four  { width: 430px; }
.five  { width: 540px; }
.six   { width: 650px; }
.seven { width: 760px; }
.eight { width: 870px; }

/* A D D I T I O N S */
.frame { border: 1px solid #999; }
.solo  { margin-bottom: 20px; }

#content ul {
	list-style: none;
}

/* I T E M   L I S T */
.item-list, .item-list-alt {
	list-style: none;
	margin: 0;
	padding: 0;
	zoom: 1;
}
.item-list-alt {
	margin-bottom: 20px;
}
.item-list p {
	margin: 0;
	padding: 0;
	zoom: 1;
}
.item-list li, .item-list-alt li {
	clear: both;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	zoom: 1;
}
.item-list-alt li {
	margin-bottom: 0;
	margin-left: 40px;
	list-style: square;
	padding-left: 10px;
	padding-top: 0;
	border: 0;
	zoom: 1;
}
.sidebar li {
	margin-bottom: 0;
	border
}
.item-list a img {
	border: 0;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.item-list .title {
	font-weight: bold;
}
.item-list a:link, .item-list a:active, .item-list a:visited {
	color: black;
	display: block;
	text-decoration: none;
}
.item-list a:hover {
	color: #c00;
}
.hidden {
	display: none;
	visibility: hidden;
}

/* F O R M S */
.input.text, .input.textarea, .input.password {
	cursor: text;
	position: relative;
	width: 450px;
	margin: 0 0 10px 0;
}
.input.text input {
	cursor: text;
}
.input.textarea {
	height: 170px;
}
label {
	position: relative;
	margin: 0 0 10px 0;
}
.input input {
	position: absolute;
	top: 0;
	left: 114px;
	height: 16px;
	width: 292px;
	padding: 5px 5px 0 5px;
	font-size: 12px;
	line-height: 16px;
}
textarea {
	cursor: text;
	position: absolute;
	top: 0;
	left: 114px;
	height: 160px;
	width: 292px;
	padding: 5px 5px 0 5px;
	font-size: 12px;
	line-height: 16px;
}

/* L I G H T B O X */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}

#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/png;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox-back.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox-next.png) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData { padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 100px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* S I D E B A R S  */
#agenda {
	background: url(../img/sidebar.png) no-repeat;
	z-index: 0;
}
#newsfeed h2, #agenda h2, #social h2, .sidebar h2 {
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 0;
	text-transform: uppercase;
}
.sidebar h2 {
	padding-left: 0;
}

#newsfeed ul, #agenda ul, #social ul, .sidebar ul {
	font-size: 0.8em;
	list-style: none;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
}
.sidebar ul {
	font-size: 1em;
	padding-left: 0;
	margin: 0;
}
#newsfeed ul li, #agenda ul li, #social ul li, .sidebar ul li {
	border: 1px transparent #fff;
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 0;
}
#newsfeed .title, #agenda .title, #social .title .sidebar .title {
	font-weight: bold;
}
#newsfeed a:link, #newsfeed a:active, #newsfeed a:visited,
#agenda a:link, #agenda a:active, #agenda a:visited,
#social a:link, #social a:active, #social a:visited,
.sidebar a:link, .sidebar a:active, .sidebar a:visited
{
	color: black;
	display: block;
	text-decoration: none;
}
#newsfeed a:hover, #agenda a:hover, #social a:hover, .sidebar a:hover {
	color: #c00;
}
.sidebar a:hover {
	text-decoration: underline;
}
#newsfeed .date, #agenda .date, #social .date {
	color: #666;
	display: block;
	float: right;
}
#agenda .rss {
	background: url(../img/rss.png) no-repeat right 5px;
	display: block;
	padding-right: 18px;
	text-align: right;
}
#newsfeed .rss {
	background: url(../img/rss.png) no-repeat right 5px;
	display: block;
	padding-right: 18px;
	text-align: right;
}
#newsfeed .rss:hover {
	color: #f60;
}

.home-date {
	float: right;
	left: 0;
	text-align: right;
	font-size: 0.75em;
	color: #999;
	bottom: 40px;
	position: relative;
	width: auto;
	height: auto;
}

.agenda-date {
	/*
	background: url(../img/date-background.png) no-repeat left top;
	padding: 7px 8px;
	width: 106px;
	 */	
	background: url(../img/date-background.png) no-repeat left top;
	padding: 4px;
	padding-left: 20px;
	text-align: left;
}
table .list-item, table .list-item-date
{
	border-top: 1px solid silver;
	padding-left: 10px;
	padding-bottom: 20px;
}
table .list-item-date
{
	background-color: #f6f6f6;
	border-right: 1px solid silver;
}

