@charset "utf-8";
/* CSS Document */

/* most basic styles */
html { }
* { margin: 0; padding: 0; line-height: normal; }
body 
{ 
	background-color: #99ccff; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 13px; 
	text-align: center; 
}
a { text-decoration: underline; color: #000000; }
a:hover { text-decoration: none; }
img { border: 0; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 13px; font-weight: bold; }
.clear { clear: both; }

#wrapper { width: 950px; margin: 0 auto; padding: 10px 0 0; text-align: left; position: relative; z-index: 1; }

/* Header styling */
h1#TMs-logo 
{ 
	float: right; 
	display: block; 
	width: 386px; 
	height: 133px; 
	text-indent: -1000em; 
	margin-top: 7px;
	margin-left: 10px;
	padding-right: 20px; 
	padding-bottom: 15px;
	color: #000000;
	font-size: 28px;
	background: transparent url(../images/TMs-logo.png) 0 0 no-repeat;
}
h1#TMs-logo a { display: block; width: 386px; height: 133px; }
#photo 
{ 
	width: 495px;
	height: 243px;
	overflow: hidden;  
	background: transparent url(../images/photo-shadow.png) no-repeat 0 0; 
	padding-left: 7px;
	z-index: 2;
	margin-left: 20px; }
#photo img { background: #ffffff; padding: 5px; }

/* Navigation styling */
#nav { clear: both; width: 940px; z-index: 100; position: absolute; top: 155px; left: 10px; }
#nav ul { list-style-type: none; }
#nav ul li { list-style-type: none; display: block; float: left; }
#nav ul li a 
{ 
	display: block; 
	height: 91px; 
	width: 133px; 
	overflow: hidden; 
	background: transparent no-repeat 0 0; 
	text-indent: -1000em; 
}
#nav ul li a:hover { background-position: 0 -91px; }
#nav ul li#home a { width: 136px; background-image: url(../images/nav/home.png); }
#nav ul li#members a { width: 136px; background-image: url(../images/nav/members.png); }
#nav ul li#repertoire a { width: 129px; background-image: url(../images/nav/repertoire.png); }
#nav ul li#media a { background-image: url(../images/nav/media.png); }
#nav ul li#history a { background-image: url(../images/nav/history.png); }
#nav ul li#forums a { width: 139px; background-image: url(../images/nav/forums.png); }
#nav ul li#contact a { background-image: url(../images/nav/contact.png); }
.home #nav ul li#home a,
.members #nav ul li#members a,
.repertoire #nav ul li#repertoire a,
.media #nav ul li#media a,
.history #nav ul li#history a,
.contact #nav ul li#contact a { background-position: 0 -182px; cursor: default; }
/* end nav styling */

/* General content styling */
#content 
{ 
	clear: left; 
	float: left; 
	position: relative;
	top: -60px; 
	z-index: 5;
	width: 627px; 
	height: 382px; 
	padding: 72px 30px 37px 55px;
	background: transparent url(../images/content.png) no-repeat 0 0; 
}
#content #inner-content { width: 607px; height: 382px; padding-right: 20px; overflow: auto; }
#content #inner-content h1 { padding-bottom: 7px; border-bottom: solid 1px #000000; margin-bottom: 10px; }
#content #inner-content p { margin: 0 0 1em; }
#content #inner-content a:hover { color: #9966cc; }
#content.no-rail { width: 862px; background-image: url(../images/content-wide.png); }
#content.no-rail #inner-content { width: 842px; }

/* "Tab" styling for content subdivision */
#content div#tabs ul { list-style-type: none; margin-bottom: 1em; }
#content div#tabs ul li { display: inline; font-weight: bold; padding: 0 10px 0 12px; border-left: solid 2px #666666; }
#content div#tabs ul li.first { padding-left: 0; border-left: 0; }
#content div#tabs ul li.ui-tabs-selected a,
#content div#tabs ul li.ui-tabs-selected a:hover { color: #666666; cursor: default; text-decoration: none; }
#content div#tabs div.ui-tabs-panel { margin:0; padding: 0;}
#content div#tabs div.ui-tabs-hide { display: none; }

/* Right rail styling */
#right-rail { float: left; padding-left: 15px; width: 221px; }
#right-rail #events 
{ 
	background: transparent url(../images/events.png) no-repeat 0 0; 
	padding: 57px 24px 17px 22px; 
	width: 175px; 
	height: 134px; 
}
#right-rail #events p { padding-left: 10px; text-indent: -10px; line-height: 1.5em; margin-bottom: .6em; }
#right-rail #events p .long { font-size: 11px; }
#right-rail #contact-btn { margin: 8px 0; }
#right-rail #contact-btn a 
{ 
	background: transparent url(../images/btn_contact.png) no-repeat 0 0; 
	display: block; 
	width: 209px; 
	height: 56px; 
	text-indent: -1000em; 
}
#right-rail #contact-btn a:hover { background-position: 0 -56px; }
.contact #right-rail #contact-btn a:hover { background-position: 0 0; cursor: default; }
#right-rail #credits p { font-size: 11px; padding: 0 22px; margin-bottom: .8em; }

/* Member page styling */
.member { width: 180px; height: 175px; padding-right: 12px; float: left; text-align: center; margin-bottom: 20px; }
.member a { font-weight: bold; }
.member img { margin: 0 auto 4px; display: block; }
#alumnae .member { width: 135px; height: 145px; padding-right: 9px; margin-bottom: 15px; }
#alumnae .member a { font-weight: normal; }

/* Member popup styling */
#member-box { 
	width: 718px; 
	height: 462px; 
	background: transparent url(../images/popup_bg.png) no-repeat top left; 
	padding: 25px 11px 52px 60px; 
	display: none;
	position: absolute;
	top: 80px;
	left: 90px;
	z-index: 500;
}
#member-box a#pop-close 
{ 
	display: block; 
	position: absolute; 
	top: 25px; 
	right: 11px; 
	overflow: hidden; 
	background: transparent url(../images/popup_close.png) no-repeat top right; 
	height: 31px; 
	width: 50px; 
	text-indent: -1000em; 
}
#member-box a#pop-close:hover { background-position: right -31px; }
#member-box .pop-content { display: none; }
#member-box .pop-content .pop-left { width: 138px; float: left; }
#member-box .pop-content .pop-left img { clear: both; margin-bottom: 14px; }
#member-box .pop-content .pop-left p { font-size: .8em; }
#member-box .pop-content .pop-right { width: 535px; padding-left: 20px; float: left; }
#member-box .pop-content .pop-right h2 { font-size: 20px; }
#member-box .pop-content .pop-right p { clear: both; margin: 0 0 1em; }
#member-box .pop-content .pop-right p.survey { font-weight: bold; }
#member-box .pop-content .pop-right p.survey span 
{ 
	font-weight: normal; 
	display: block; 
	padding-left: 2em; 
	margin: 0 0 1em; 
}
#member-box .pop-content .pop-right p.honors span { display: block; padding-left: 2em; margin: 0 0 2px; }
#member-box .pop-content .pop-right .pop-scroll 
{ 
	height: 408px; 
	width: 520px; 
	padding-right: 15px; 
	margin-top: 9px; 
	overflow: auto; 
}
#member-box .pop-content .pop-right .solos { width: 250px; float: left; margin: 0 0 .5em; padding-right: 20px; }
#member-box .pop-content .pop-right .arrangements { width: 230px; float: left; margin: 0 0 .5em; }
#member-box .pop-content .pop-right .solos p,
#member-box .pop-content .pop-right .arrangements p { clear: none; margin: 0; font-weight: bold; }
#member-box .pop-content .pop-right ul { list-style: none; padding-left: 2em; margin: 0; }
#member-box .pop-content .pop-right li { margin: 2px 0; }
/* end all member styles */

/* Repertoire page styling */
p#archive-links { float: left; clear: both; margin-bottom: 25px; }
p#archive-links a { display: block; float: left; padding: 0 10px; border-right: solid 1px #9966cc; font-size: 12px; }
p#archive-links a.last { border: 0; }
.songs-table { width: 815px; clear: both; padding-bottom: 20px; }
.songs-table th { font-weight: bold; width: 145px; }
.songs-table th.narrow { width: 90px; }
.songs-table th,
.songs-table td { text-align: center; }
.songs-table td.new-year { padding-top: 20px; }
.songs-table td img { width: 80px; }
.repertoire #right-rail { display: none; }
/* end repertoire styling */

/* History page styling */
ol.memberlist { padding-left: 30px; float: left; width: 260px; }
ol.memberlist.left { padding-right: 8px; }
ol.memberlist li { margin-bottom: .5em; }
.history .now { color: #f44d31; }
/* end history styling */

/* Media page styling */
.media div#music div.album { margin-bottom: 20px; padding-bottom: 10px; border-bottom: solid 1px #000000; width: 590px; float: left; clear: both; }
.media div#music div.album img { margin: 0 15px 15px 30px; float: left;}
.media div#music div.album div { float: left; }
.media div#music div.album div h3 { margin: 0 0 10px; }
.media div#music div.album div ol { padding-left: 2em; }
.media div#music div.album div p { margin: 1.3em 0; width: 182px; }
.media div#music div.album div form { padding-left: 1.5em;}
.media div#photos a { float: left; margin: 0 5px 15px 0; }
.media div#videos { text-align: center; }
.media div#videos object { margin: 0 auto; }
/* end media styling */

/* Contact page styling */
.contact #content ul { margin-bottom: 30px; list-style-type: none; float: left; }
.contact #content ul li { display: block; clear: both; margin-bottom: 1.2em; height: 31px; }
.contact #content ul li span 
{ 
	display: block; 
	float: left; 
	clear: left; 
	width: 310px; 
	padding-right: 15px; 
	height: 31px; 
	text-align: right; 
}
.contact #content ul li span img { vertical-align: top; }
.contact p.center { text-align: center; }
.contact p img { margin: 0 20px; }
/* end contact styling */

/* Sitemap page styling */
.sitemap ul { list-style: none; }
.sitemap ul li { margin-bottom: 8px; }
.sitemap ul ul { margin-left: 1.5em; list-style: disc; }
.sitemap ul ul li { margin: 3px 0; }
/* end sitemap styling */